Page 207 of 227 FirstFirst ... 107157197205206207208209217 ... LastLast
Results 2,061 to 2,070 of 2267
  1. #2061
    Join Date
    Feb 2007
    Location
    Pennsylvania
    Posts
    109
    Plugin Contributions
    0

    Default Re: Categories Dressing

    the image names both those that do show that were there before and the new ones are named like ie: catbg67.png, catbg79.png etc
    It is only the new ones that are not showing. The images that were exisiting already are still working just fine. Those that were added are not showing at all.

  2. #2062
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Categories Dressing

    Do they all have the .png extension? Have you set the extension from the stock .gif to .png? Are they all in the right folder (/includes/templates/your_template/buttons/english/)?

  3. #2063
    Join Date
    Feb 2007
    Location
    Pennsylvania
    Posts
    109
    Plugin Contributions
    0

    Default Re: Categories Dressing

    Yes they all have .png extension and all are in the correct folders.
    They set as per example below. both the current that are working and the non working ones

    #categories li a.catBg86:hover {
    background-image: url(../buttons/english/catbg86.png);
    }


    #categories li a.catBg86 {
    background-image: url(../buttons/english/catbg86.png);
    height: 102px;
    }

  4. #2064
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Categories Dressing

    It appears you're trying to use the "sprites" technique for hover effects. You need to put the :hover rule after the base rule so it is effective when you are hovering. You don't want to use the height for controlling the sprite position, but the background-position property. For example:
    Code:
    /*example for individual category as bg image*/
    #categories li a.catBg25 {
        background-image: url(../buttons/english/catbg25.gif);
        height: 30px;/*image is 60px high (main above hover) or 90px high (main above hover above selected)*/
        }
    
    /*example of "sprite" for bg image switch on selected*/
    #categories li a.cat-parent.catBg25, #categories li a.cat-selected.catBg25 {
        background-image: url(../buttons/english/catbg25.gif);
        background-position: 0 -60px;/*move up 60px*/
        }
    
    /*example of "sprite" for bg image switch on hover*/
    #categories li a.catBg25:hover {
        background-image: url(../buttons/english/catbg25.gif);
        background-position: 0 -30px;/*move up 30px*/
        }

  5. #2065
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Categories Dressing

    What is the cPath for each of these categories (some working and some non-working)?

  6. #2066
    Join Date
    Jul 2011
    Posts
    13
    Plugin Contributions
    0

    Default Re: Categories Dressing divider

    I installed categories dressing 2.7.3 with Uncollapsed Categories Tree on a local WAMP server for testing and tweaking.
    I made some changes in stylesheet_chcategoreies_dressing.css (colors, borders...) and after that the following changes in categories_dressing_defines.php for tree and two dividers:

    define ('CAT_BOX_ACTIVE_LEVEL', '4|0|1||');
    define ('CAT_BOX_HEADING_202', '0|1||');
    define ('CAT_BOX_HEADING_297', '0|1||');

    202 - is cPath for the 'Consumabile imprimante laser' (Supplies for Laser Printers)
    297 - is cPath for the 'Reincarcare cartuse laser' (Refill laser cartridges)

    After the changes in categories_dressing_defines.php occurred two empty spaces with two blue arrows (highlighted in red).
    How do I remove these two spaces and two arrows?

    Using ver 1.3.8a. and iC_Atheme v1.3.
    Testing on I.E. V7, Firefox V11 and Opera 11.

    My real website where I have not applied the changes is http://consumabile.org (in Romanian).
    I am a novice and this is my first site for my personal business.
    Thanks in advance,
    Gabriel
    Attached Images Attached Images  

  7. #2067
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Categories Dressing divider

    It looks as if you have blank categories above each of those dividers, but I can't be sure what is going on without seeing it live. Can you post the view source for that part of the sidebox? That would at least give me a start on what is happening.

  8. #2068
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Categories Dressing divider

    limelites - I don't know of a way to change the CSS "dotted" display characteristics.
    You can hide the topmost border with

    #catGroup1>li:first-child>a {border-top: none;}

    This will not work on old versions of IE (~6 or 7), but should work on all modern browsers.

  9. #2069
    Join Date
    Jul 2011
    Posts
    13
    Plugin Contributions
    0

    Default Re: Categories Dressing divider

    Quote Originally Posted by gjh42 View Post
    It looks as if you have blank categories above each of those dividers, but I can't be sure what is going on without seeing it live. Can you post the view source for that part of the sidebox? That would at least give me a start on what is happening.
    Thanks gjh42, now I go to bed...local time is 1:00AM

    Here is an image with these modifications (undo divider):
    define('CAT_BOX_ACTIVE_LEVEL', '4|0|1');
    //define('CAT_BOX_HEADING_202','0|1||');
    //define('CAT_BOX_HEADING_297','0|1||');
    //define('CAT_BOX_HEADING_203','0|2||');

    And here is the source:
    <div class="leftBoxContainer" id="chcategories" style="width: 220px;">
    <h3 class="leftBoxHeading" id="chcategoriesHeading">Catalog de produse</h3>
    <div id="chcategoriesContent" class="sideBoxContent">

    <ul id="catGroup201">
    <li class="cat-top"><a class="cat-not-selected-text" href="http://localhost/zencart/index.php?main_page=index&amp;cPath=201">Consumabile imprimante inkjet</a>
    <ul id="catGroup201_288">
    <li class="cat-subs"><a class="cat-not-selected-text" href="http://localhost/zencart/index.php?main_page=index&amp;cPath=201_288">&nbsp;&nbsp;Consumabile Canon inkjet</a></li>
    <li class="cat-subs"><a class="cat-not-selected-text" href="http://localhost/zencart/index.php?main_page=index&amp;cPath=201_289">&nbsp;&nbsp;Consumabile HP inkjet</a></li>
    <li class="cat-subs"><a class="cat-not-selected-text" href="http://localhost/zencart/index.php?main_page=index&amp;cPath=201_290">&nbsp;&nbsp;Consumabile Lexmark inkjet</a></li>
    <li class="cat-products"><a class="cat-not-selected-text" href="http://localhost/zencart/index.php?main_page=index&amp;cPath=201_239">&nbsp;&nbsp;Solutie de desfundat cartuse</a></li>
    </ul></li>
    <li class="noLi"><hr class="catBoxDivider1"></li>
    <li class="cat-top"><a class="cat-not-selected-text" href="http://localhost/zencart/index.php?main_page=index&amp;cPath=202">Consumabile imprimante laser</a>
    <ul id="catGroup202_291">
    <li class="cat-subs"><a class="cat-not-selected-text" href="http://localhost/zencart/index.php?main_page=index&amp;cPath=202_291">&nbsp;&nbsp;Consumabile Canon laser</a></li>
    <li class="cat-subs"><a class="cat-not-selected-text" href="http://localhost/zencart/index.php?main_page=index&amp;cPath=202_292">&nbsp;&nbsp;Consumabile HP laser</a></li>
    <li class="cat-subs"><a class="cat-not-selected-text" href="http://localhost/zencart/index.php?main_page=index&amp;cPath=202_293">&nbsp;&nbsp;Consumabile Kyocera laser</a></li>
    <li class="cat-subs"><a class="cat-not-selected-text" href="http://localhost/zencart/index.php?main_page=index&amp;cPath=202_294">&nbsp;&nbsp;Consumabile Lexmark laser</a></li>
    <li class="cat-subs"><a class="cat-not-selected-text" href="http://localhost/zencart/index.php?main_page=index&amp;cPath=202_295">&nbsp;&nbsp;Consumabile Samsung laser</a></li>
    <li class="cat-subs"><a class="cat-not-selected-text" href="http://localhost/zencart/index.php?main_page=index&amp;cPath=202_296">&nbsp;&nbsp;Consumabile Xerox laser</a></li>
    </ul></li>
    <li class="noLi"><hr class="catBoxDivider1"></li>
    <li class="cat-top"><a class="cat-not-selected-text" href="http://localhost/zencart/index.php?main_page=index&amp;cPath=297">Reincarcare cartuse laser</a>
    <ul id="catGroup297_298">
    <li class="cat-products"><a class="cat-not-selected-text" href="http://localhost/zencart/index.php?main_page=index&amp;cPath=297_298">&nbsp;&nbsp;Reincarcare cartuse Canon</a></li>
    <li class="cat-products"><a class="cat-not-selected-text" href="http://localhost/zencart/index.php?main_page=index&amp;cPath=297_299">&nbsp;&nbsp;Reincarcare cartuse HP</a></li>
    <li class="cat-products"><a class="cat-not-selected-text" href="http://localhost/zencart/index.php?main_page=index&amp;cPath=297_300">&nbsp;&nbsp;Reincarcare cartuse Lexmark</a></li>
    <li class="cat-products"><a class="cat-not-selected-text" href="http://localhost/zencart/index.php?main_page=index&amp;cPath=297_301">&nbsp;&nbsp;Reincarcare cartuse Samsung</a></li>
    <li class="cat-products"><a class="cat-not-selected-text" href="http://localhost/zencart/index.php?main_page=index&amp;cPath=297_302">&nbsp;&nbsp;Reincarcare cartuse Xerox</a></li>
    </ul></li>
    <li class="noLi"><hr class="catBoxDivider2"></li>
    <li class="cat-top"><a class="cat-not-selected-text" href="http://localhost/zencart/index.php?main_page=index&amp;cPath=203">Consumabile copiatoare</a>
    <ul id="catGroup203_240">
    <li class="cat-subs"><a class="cat-not-selected-text" href="http://localhost/zencart/index.php?main_page=index&amp;cPath=203_240">&nbsp;&nbsp;Cartuse originale copiatoare</a></li>
    <li class="cat-subs"><a class="cat-not-selected-text" href="http://localhost/zencart/index.php?main_page=index&amp;cPath=203_241">&nbsp;&nbsp;Cartuse compatibile copiatoare</a></li>
    </ul></li>
    </ul>
    <hr id="catBoxDivider">
    <ul class="catLinks">
    <li><a class="category-links" href="http://localhost/zencart/index.php?main_page=products_all">Toate produsele ...</a></li>
    </ul>
    </div></div>
    Attached Images Attached Images  

  10. #2070
    Join Date
    Feb 2007
    Location
    Pennsylvania
    Posts
    109
    Plugin Contributions
    0

    Default Re: Categories Dressing divider

    Actually we do not really need the hover feature at all. Just a straight button. I know it is fairly graphic intensive but this is how the owner wants it. He is very very picky LOL
    A link to a working one is
    http://www.koisale.com/KoiStore/inde...index&cPath=79

    A non working one is
    http://www.koisale.com/KoiStore/inde...ndex&cPath=107


    BTW thanks so much for your help.
    Last edited by ravynw34; 25 Apr 2012 at 12:20 AM.

 

 

Similar Threads

  1. categories dressing
    By fw541c in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 19 Nov 2010, 09:29 PM
  2. Categories Dressing
    By wotnow in forum Addon Sideboxes
    Replies: 10
    Last Post: 7 Apr 2010, 03:06 AM
  3. Categories Dressing issue
    By Maynards in forum Addon Sideboxes
    Replies: 0
    Last Post: 13 Mar 2010, 10:51 PM
  4. Categories Dressing
    By Maynards in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 12 Mar 2010, 11:05 PM
  5. Categories Dressing
    By PGlad in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 7 Aug 2007, 07:05 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR