CSS into a phpnuke block - how to?

New Member Joined: Mar 29, 2008 Posts: 4

Hi guys, i'm not sure if ive posted this in the correct forum board (feel free to move it if i havent), but i need some help.

Ive been sent some css code that i need placed in to a phpnuke block - the problem is my knowledge with phpnuke coding is very limited.

Although our site theme is completely css driven and we have a customized front page that makes use of CSS, i just cannot figure out how to create a new phpnuke block containing this specific css code.

Ive tried the various html to phpnuke converters and phpnuke block creators using this code, but nothing seemns to work. Is it even possible to create a phpnuke block using pure css code?

sorry if i sound a bit thick - but i'm really needing help with this

here is the complete css code i need inserted/displayed within a phpnuke block:

Code:

<html>


<head>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />





<title>www.checkcost.co.uk</title>





<style type="text/css">


<!--


h1 {


   font: bold 16px "Trebuchet MS", sans-serif;


   color: #000000;


   background-color: #FFFF00;


   padding-left: 15px;


}


.ccuk {


   border-top: 3px solid #999999;


   border-right: 1px solid #999999;


   border-left: 1px solid #999999;


   border-bottom: 3px solid #999999;


}


.ccuk img {


   border: 0px;


}


.ccuk p {


   font: 11px Tahoma, Arial, sans-serif;


   color: #666666;


   margin: 0px;


   padding: 0px 8px 5px;


   text-align: justify;


}


.ccuk a {


   color: #0000FF;


}


-->


</style>


</head>








<body>


<div style="width: 200px;"><div class="ccuk"><div><img src="Gradienttop.jpg" width="199" height="12"/></div>


   <div align="center"><a href="http://www.checkcost.co.uk/computers/" title="CheckCost UK | Price Comparison & Online Shopping" target="_blank"><img src="logo149.png" width="149" height="58" border="0" /></a></div>


   


   <table width="200">


      <tr>


        <td colspan="2"><p>Read reviews &amp; compare prices On:</p></td>


      </tr>


      <tr>


        <td width="113"><p><a href="http://www.checkcost.co.uk/laptops/c/4220/" target="_blank">Laptops </a><a href="http://www.checkcost.co.uk/laptops/c/4220/" target="_blank"></a></p>


        </td>


        <td width="80" rowspan="4" bordercolor="#FFFFFF"><div align="right"><a href="http://www.checkcost.co.uk/lcd-tft-monitors/c/4233/" target="_blank" title="LCD Monitors| Price Comparison & Online Shopping"><img src="tft.png"  width="78" height="78" border="0" /></a></div></td>


      </tr>


      <tr>


        <td><p><a href="http://www.checkcost.co.uk/desktops/c/4198/" target="_blank">Desktops</a></p></td>


      </tr>


      <tr>


        <td><p><a href="http://www.checkcost.co.uk/lcd-tvs/c/4329/" target="_blank">LCD TVs</a></p></td>


      </tr>


      <tr>


        <td height="19"><p><a href="http://www.checkcost.co.uk/mp3-players/c/4318/" target="_blank">MP3 Players </a></p></td>


      </tr>


      <tr>


        <td height="20" colspan="2"><p><a href="http://www.checkcost.co.uk/" target="_blank">Online Shopping &amp; Price Comparison</a></p></td>


      </tr>


    </table>


   <div align="center"></div>


<div><img src="Gradientbottum.jpg" width="199" height="13"/></div>


</div>


</div>

any help is greatly appreciated

Posted: Tue Feb 24, 2009 6:50 am

There are a few posts here about how to create blocks for Nuke, if you do a search you should find them.

You will need to make sure your CSS doesn't conflict with your one for the existing theme.

Posted: Tue Feb 24, 2009 10:03 am

It's likely your theme already has defined the h1 tag, so you'll have to remove that part or do some editing. I don't see h1 in any of the code you posted so you might be ok to remove it, thats up to you.

you'll have to add to your themes/YOUR_THEME/style/style.css (if you have more than one active theme you will have to add to all themes style.css)

Code:

h1 {


   font: bold 16px "Trebuchet MS", sans-serif;


   color: #000000;


   background-color: #FFFF00;


   padding-left: 15px;


}


.ccuk {


   border-top: 3px solid #999999;


   border-right: 1px solid #999999;


   border-left: 1px solid #999999;


   border-bottom: 3px solid #999999;


}


.ccuk img {


   border: 0px;


}


.ccuk p {


   font: 11px Tahoma, Arial, sans-serif;


   color: #666666;


   margin: 0px;


   padding: 0px 8px 5px;


   text-align: justify;


}


.ccuk a {


   color: #0000FF;


}

then you can use the html in a block

Code:

<div style="width: 200px;"><div class="ccuk"><div><img src="Gradienttop.jpg" width="199" height="12"/></div>


   <div align="center"><a href="http://www.checkcost.co.uk/computers/" title="CheckCost UK | Price Comparison & Online Shopping" target="_blank"><img src="logo149.png" width="149" height="58" border="0" /></a></div>


   


   <table width="200">


      <tr>


        <td colspan="2"><p>Read reviews &amp; compare prices On:</p></td>


      </tr>


      <tr>


        <td width="113"><p><a href="http://www.checkcost.co.uk/laptops/c/4220/" target="_blank">Laptops </a><a href="http://www.checkcost.co.uk/laptops/c/4220/" target="_blank"></a></p>


        </td>


        <td width="80" rowspan="4" bordercolor="#FFFFFF"><div align="right"><a href="http://www.checkcost.co.uk/lcd-tft-monitors/c/4233/" target="_blank" title="LCD Monitors| Price Comparison & Online Shopping"><img src="tft.png"  width="78" height="78" border="0" /></a></div></td>


      </tr>


      <tr>


        <td><p><a href="http://www.checkcost.co.uk/desktops/c/4198/" target="_blank">Desktops</a></p></td>


      </tr>


      <tr>


        <td><p><a href="http://www.checkcost.co.uk/lcd-tvs/c/4329/" target="_blank">LCD TVs</a></p></td>


      </tr>


      <tr>


        <td height="19"><p><a href="http://www.checkcost.co.uk/mp3-players/c/4318/" target="_blank">MP3 Players </a></p></td>


      </tr>


      <tr>


        <td height="20" colspan="2"><p><a href="http://www.checkcost.co.uk/" target="_blank">Online Shopping &amp; Price Comparison</a></p></td>


      </tr>


    </table>


   <div align="center"></div>


<div><img src="Gradientbottum.jpg" width="199" height="13"/></div>


</div>


</div>

You can probably just use the FCKeditor to create a block with the html code (the 2nd part)

Posted: Tue Feb 24, 2009 11:43 am

Yes, the h1 was what I was alluding to, but like you say it doesn't appear to be used so could be dropped.

Posted: Tue Feb 24, 2009 3:40 pm

Hi,
Thanks for the very quick reply,

I cannot believe just how simple that was to sort out Smile

Many thanks for the easy to understand post - u rock!!!!!!