How do I put an image in place of the tagline text? I read the readme.txt but it didnt explain it very well. Thanks.
Electronic-Pulse.com
Discount consumer electronics
EPNFragrances.com
Wholesale fragrances for men and women
Sorry for thread digging. But how would i go about making the level 2 through 6 have a different image. Basically the default image is now 160px, and i want levels 2 through 6 to have a new image (b2 and b2_over respectively) with the size of 200px. Could someone show me where to implement the code?
body {
behavior: url(./csshover.htc);
/* WinIE behavior call */}
div#nav-cat {width: 159px; margin: -1px 0 0 -1px;
background-color: transparent; font-weight:bold;
text-align: center;
line-height: 23px;
}
div#nav-cat ul {margin: 0; padding: 0; padding-top: 0; width: 159px; background-color: transparent;
background-repeat: no-repeat;
}
div#nav-cat ul.level2 {margin: 10; padding: 2; width: 150px;
background-color: transparent;
border: none;
}
div#nav-cat ul.level2 {background-color: transparent;
}
div#nav-cat ul.level3 {background-color: transparent;
}
div#nav-cat ul.level4 {background-color: transparent;
}
div#nav-cat ul.level5 {background-color: transparent;
}
div#nav-cat ul.level6 {background-color: transparent;
}
div#nav-cat li {background-image: url(../images/b1.gif);
position: relative;
list-style: none;
margin: 1px;
margin-top: 0px;
z-index: 20;
height: 23px;
width: 160px;
/* change it to whatever space you want to put space between buttons*/}
/* <---this line may help or hinder IE menu shifting issues */
div#nav-cat li li {
margin: 0px;
/* this overrides the margin-top in the declaration above */
}
div#nav-cat li:hover {background-image: url(../images/b2_over.gif);
}
div#nav-cat li.submenu {
background-color: transparent;
}
div#nav-cat li.submenu:hover {background-color: transparent;
}
div#nav-cat ul {background-color: transparent;
}
div#nav-cat li a {display: block; padding: 0.25em 0 0.25em 0.5em;
text-decoration: none; width: 160px;}
/*border-left: 0.5em solid #BBB;}
div#nav li a:hover {border-left-color: red;}*/
}
div#nav li a:hover {border: none;
}
div#nav-cat>ul a {width: 150px;
}
div#nav-cat ul ul {position: absolute; top: 0; left: 161px;
display: none;
}
div#nav-cat ul.level1 li.submenu:hover ul.level2,
div#nav-cat ul.level2 li.submenu:hover ul.level3,
div#nav-cat ul.level3 li.submenu:hover ul.level4,
div#nav-cat ul.level4 li.submenu:hover ul.level5,
div#nav-cat ul.level5 li.submenu:hover ul.level6 {display:block;
}
b2_over.gif is actually meant to say b1_over.gifdiv#nav-cat li:hover {background-image: url(../images/b2_over.gif);
Anyone know how to place a banner where the tagline text is? I thought I was good at this stuff but I cant find the code!
Electronic-Pulse.com
Discount consumer electronics
EPNFragrances.com
Wholesale fragrances for men and women
I need to ask for some help please. We are using the cherry zen template (AWESOME template), along with the lightbox contrib. I was having some trouble with the drop shadow, using jkeifer's suggestion fixed the issue will quote the suggestion below...
The problem now is that when you click on the larger image link it takes you back to the home page. When you click the image itself it opens in lightbox and everything is fine. I'm assuming it is going to the home page because of a 404 error or something. Except I don't know where to look to fix the problem. Any help would be greatly appreciated.
Just FYI this is a lingerie site... the link to the page below is fine nothing risque, you see more skin at the beach. Just wanted to make sure you know. I don't like suprises and wouldn't wish them on anyone else. The link to the page is http://www.pipersparlor.com/leather-...ollar-p-3.html
The suggestion installed for lightbox is below
Thank You
Default Re: Cherry Zen Template Support Thread
Quote:
I'm using lightbox and cherry zen.
here is my issue
http://www.damonbarnett.com/store/in...roducts_id=180
As you can see the drop shadow is off.
I've tried merging the only code I saw that was different for tpl_modules_main_product_image.php (lightbox shares this file with cherry zen)
<div id="productMainImage">
</div><br class="clearBoth" />
but still can't get it to work can someone smarter than me with php help me out.
Here's how you can fix that.
Open your //cherry_zen/templates/tpl_modules_main_product_image.php file.
Around line 35, DELETE this:
Code:
if (ZEN_LIGHTBOX_STATUS == 'true') {
echo '<script language="javascript" type="text/javascript"><!--
document.write(\'<a href="' . zen_lightbox($products_image_large, addslashes($products_name), LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT) . '" rel="lightbox[gallery]" title="' . addslashes($zen_lightbox_products_name) . '">' . zen_image($products_image_medium, addslashes($products_name), MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . '<br /><span class="imgLink">' . TEXT_CLICK_TO_ENLARGE . '</span></a>\')//--></script>';
} else {
echo '<script language="javascript" type="text/javascript"><!--
document.write(\'<a href="javascriptopupWindow(\\\'' . zen_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $_GET['products_id']) . '\\\')">' . zen_image($products_image_medium, addslashes($products_name), MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . '<br /><span class="imgLink">' . TEXT_CLICK_TO_ENLARGE . '</span></a>\')//--></script>';
}
AND REPLACE IT WITH THIS:
Code:
if (ZEN_LIGHTBOX_STATUS == 'true') {
echo '<script language="javascript" type="text/javascript"><!--
document.write(\'<a href="' . zen_lightbox($products_image_large, addslashes($products_name), LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT) . '" rel="lightbox[gallery]" title="' . addslashes($zen_lightbox_products_name) . '">' . zen_image($products_image_medium, addslashes($products_name), MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . '</div></a>\')//--></script>';
} else {
echo '<script language="javascript" type="text/javascript"><!--
document.write(\'<a href="javascriptopupWindow(\\\'' . zen_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $_GET['products_id']) . '\\\')">' . zen_image($products_image_medium, addslashes($products_name), MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . '</div></a>\')//--></script>';
}
Around line 41 look for this line:
<!-- eof Zen Lightbox v1.4 aclarke 2007-09-15 -->
On the next line insert this code:
Code:
<div id="productMainImage" class="centeredContent back">
Insert this code at the very BOTTOM after the </div> tag:
Code:
<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><br />
<div id="productMainImage2" class="centeredContent back"><span class="imgLink"><a href="<? zen_lightbox($products_image_large, addslashes($products_name), LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT) . '" rel="lightbox[gallery]" title="' . addslashes($zen_lightbox_products_name); ?>"> larger image</a></span></div>
Now open your //cherry_zen/css/stylesheet.css and insert this into your stylesheet:
Code:
#productMainImage2 {
float:left;
margin: -5px 0 0 10px !important;
margin: -5px 0 0 5px;
}
The first margin entries (-5px) above will move the text up or down relative to the picture depending on the number you use.
This is what worked on my site. You can see an example here: ######-toys.eglamourgirls.com/school-rumble-second-semester-eri-sawachika-swim-suit-ver-18-p-6.html
at my newest store that I'm currently building. (Warning: this is an adult-themed website!!!) This particular page, however, should be safe to view in case your spouse walks in right after you click.
Hope this helps,
-Jack
Last edited by jkeifer : 29th November 2007 at 12:28 AM.
I am having some trouble with my template.
Issue #1) The sideboxes are too low and the headers are too wide. And when I move a sidebox (like information) to the right column, it disappears...
Issue #2) I want to edit the text I have in the header.
"Professional Dog Training Equipment and Dog Supplies
police dog, military, schutzhund, dog agility, service dog or pet"
How do I make "Professional Dog Training Equipment and Dog Supplies" a little larger and bolder than the second line?
Here is my website for reference: http://www.allk-9.com/test/
Thanks!
Bookmarks