nathanuk Posted June 3, 2005 Share Posted June 3, 2005 I need to round my header navigation box as seen at my site in grey, I presume I have to add an image for the left and the right but haven't a clue how to code this. Any help much appreciated. http://www.crazyskins.com Link to comment Share on other sites More sharing options...
WiseWombat Posted June 3, 2005 Share Posted June 3, 2005 I need to round my header navigation box as seen at my site in grey, I presume I have to add an image for the left and the right but haven't a clue how to code this. Any help much appreciated. http://www.crazyskins.com <{POST_SNAPBACK}> add your image_file to your images/info box folder and then you need to find and modify your stylesheet.css inside your catalog. look for TD.headerNavigation around line 48? modify to read some thing like this TD.headerNavigation { font-family: Verdana, Arial, sans-serif; font-size: 14px; background: #bbc3d3 url("images/infobox/your_image.gif"); <!---- look ---> color: #ffffff; font-weight : bold; ( WARNING ) I think I know what Im talking about. BACK UP BACK UP BACK UP BACK UP Link to comment Share on other sites More sharing options...
nathanuk Posted June 3, 2005 Author Share Posted June 3, 2005 Thanks for the reply, I've done as suggested but nothing changed. My stylesheet now reads TD.headerNavigation { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #afafaf www.crazyskins.com/images/infobox/corner_left_grey.gif; color: #F99F39; font-weight : bold; Link to comment Share on other sites More sharing options...
Wendy James Posted June 3, 2005 Share Posted June 3, 2005 try changing background: #afafaf www.crazyskins.com/images/infobox/corner_left_grey.gif; to background: #bbc3d3 background-image: url(www.crazyskins.com/images/infobox/corner_left_grey.gif); Wendy James Creativity is allowing yourself to make mistakes. Art is knowing which ones to keep. Link to comment Share on other sites More sharing options...
Macana Posted June 3, 2005 Share Posted June 3, 2005 the change to be made is in each navigation box and is found in includes/boxes/. find the box that you want rounded corners (i.e. - categories.php) and look for something like this: new infoBoxHeading($info_box_contents, false, false); the false, false tells the box that you want square corners; if you did true, true you'll get rounded corners. likewise, if you do true, false you'll get the left rounded and the right square. additionally, if you do true, true, true (three trues) you'll get a little arrow that is reserved to take you to the shopping cart. if you want to change the colors of your headers in the infoboxes you'll need to use something like Photoshop and are found in images/infoboxes/corner_left.gif, etc. hope this helps! ~m Link to comment Share on other sites More sharing options...
Dada1 Posted June 3, 2005 Share Posted June 3, 2005 Your background CSS shouldn't read background-image: url(www.crazyskins.com/images/infobox/corner_left_grey.gif); Change it to this. background-image: url('images/infobox/corner_left_grey.gif'); Link to comment Share on other sites More sharing options...
nathanuk Posted June 4, 2005 Author Share Posted June 4, 2005 Tried all the above but am still no nearer. The site below has the rounded corner efferct which I am trying to achieve. http://www.ipodlife.co.uk/ipodlife/index.php Link to comment Share on other sites More sharing options...
Wendy James Posted June 4, 2005 Share Posted June 4, 2005 What they did will take a heck of a lot more than editing a single file or changing one class in the style sheet. Wendy James Creativity is allowing yourself to make mistakes. Art is knowing which ones to keep. Link to comment Share on other sites More sharing options...
Wendy James Posted June 4, 2005 Share Posted June 4, 2005 Your background CSS shouldn't read background-image: url(www.crazyskins.com/images/infobox/corner_left_grey.gif); Change it to this. background-image: url('images/infobox/corner_left_grey.gif'); <{POST_SNAPBACK}> Will that work with the '' in there? I have never used them in any of my css files. Wendy James Creativity is allowing yourself to make mistakes. Art is knowing which ones to keep. Link to comment Share on other sites More sharing options...
nathanuk Posted June 4, 2005 Author Share Posted June 4, 2005 Yes I'm aware of that but I'm still only trying to achieve to round the end of the navigation bar as seen at "ipodlife" Link to comment Share on other sites More sharing options...
nathanuk Posted June 4, 2005 Author Share Posted June 4, 2005 This is the source code from ipodlife, I presume I have to change mine to this but I haven't a clue where to start. /table></td> </tr> </table> </div> </div> <table border="0" width="800" cellspacing="0" cellpadding="0" align="center"> <tr> <td class="headerNavigation" valign="middle" width="11"><img align="absmiddle" src="images/infobox/corner_left_grey.gif" border="0"> </td> <td class="headerNavigation"> <a href="http://www.ipodlife.co.uk/ipodlife/index.php?osCsid=925d176a7fa8cc65d362aaf7f1bea831" class="headerNavigation">Home</a> </td> <td align="right" class="headerNavigation"> <td class="headerNavigation" align="right"> <a href="http://www.ipodlife.co.uk/ipodlife/account.php?osCsid=925d176a7fa8cc65d362aaf7f1bea831" class="headerNavigation"> iPodlife Account</a> </td> <td class="headerNavigation" valign="middle" width="11"> <img src="images/infobox/corner_right_grey.gif" border="0" align="absmiddle"> </td> </tr> </table> Link to comment Share on other sites More sharing options...
Wendy James Posted June 4, 2005 Share Posted June 4, 2005 Easiest way I know of is to create the end images, then opeing catalog/includes/header.php and adding two columns to the table that is holding the navigation... something like this <table border="0" width="100%" cellspacing="0" cellpadding="1"> ?<tr class="headerNavigation"> ? ?<td width="20" class="headerNavigation"><img src="urltoyourimage/imagename.gif" height="20" width="20"></td> ? ?<td class="headerNavigation"> <?php echo $breadcrumb->trail(' » '); ?></td> ? ?<td align="right" class="headerNavigation"><?php if (tep_session_is_registered('customer_id')) { ?><a href="<?php echo tep_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_LOGOFF; ?></a> | <?php } ?><a href="<?php echo tep_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a> | <a href="<?php echo tep_href_link(FILENAME_SHOPPING_CART); ?>" class="headerNavigation"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a> | <a href="<?php echo tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_CHECKOUT; ?></a> </td> ? ?<td width="20" align="right" class="headerNavigation"><img src="urltoyourimage/imagename.gif" height="20" width="20"></td> ?</tr> </table> then you will have to edit your css file, where it says headerNavigation so that the background color will match the end images you made. Wendy James Creativity is allowing yourself to make mistakes. Art is knowing which ones to keep. Link to comment Share on other sites More sharing options...
nathanuk Posted June 4, 2005 Author Share Posted June 4, 2005 Thanks for your help Wendy but I think I'm going to have to go with the straight ends as I still can't get it. Link to comment Share on other sites More sharing options...
nathanuk Posted June 4, 2005 Author Share Posted June 4, 2005 I've now managed to insert the round ended images but I now have a border around them. How can I get rid of this as all borders seem to be set to zero in the header.php Link to comment Share on other sites More sharing options...
nathanuk Posted June 4, 2005 Author Share Posted June 4, 2005 Sorted Link to comment Share on other sites More sharing options...
paul_calf Posted January 12, 2006 Share Posted January 12, 2006 I've now managed to insert the round ended images but I now have a border around them. How can I get rid of this as all borders seem to be set to zero in the header.php Sorted i have the same problem - how do you fix it? Link to comment Share on other sites More sharing options...
paul_calf Posted January 16, 2006 Share Posted January 16, 2006 anyone? Link to comment Share on other sites More sharing options...
wheeloftime Posted January 16, 2006 Share Posted January 16, 2006 Sorted You want to talk about it :rolleyes: Link to comment Share on other sites More sharing options...
New 
Recommended Posts
Archived
This topic is now archived and is closed to further replies.