Page 1 of 2 12 LastLast
Results 1 to 10 of 11
  1. #1
    Join Date
    Jan 2011
    Posts
    367
    Plugin Contributions
    0

    Default sidebox graphics

    can i ad an individual image behind each listing in my side box, for example instead of a white box with black lettered links I want to make each link a separate box (with color like in my header nav bar) with the link printed on top with a change of color to the box with the hover effect. an example of what i want in my sideboxes is here
    http://www.spyville.com/

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

    Default Re: sidebox graphics

    This is easy with CSS for sideboxes which display their links as list items or otherwise in "block" display form. For sideboxes which just have a set of <a> tags separated by <br /> tags, you would need some more complex CSS styling, or possibly PHP recoding of the sidebox content.

    If you want the images tailored to each different link, that would require serious PHP customization for most sideboxes. Categories Dressing has the ability built in for the categories sidebox.

  3. #3
    Join Date
    Jan 2011
    Posts
    367
    Plugin Contributions
    0

    Default Re: sidebox graphics

    I just want a background image behind my links in the sideboxes (the same image behind all of the links) I have been in css in my stylesheet.css all day and can not find it.

  4. #4
    Join Date
    Jan 2011
    Posts
    367
    Plugin Contributions
    0

    Default Re: sidebox graphics

    so can it be done??? and it seems that categories dressing is only for the categories and not all boxes. Telling me it is in css is not really much help, could you tell me where in css maybe what file and what line???

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

    Default Re: sidebox graphics

    For styling help like this we need to see your site live to be sure of advising correctly. You would be adding new stylesheet rules, as you probably have no existing rules that apply strictly to sidebox content list items or links.

  6. #6
    Join Date
    Jan 2011
    Posts
    367
    Plugin Contributions
    0

    Default Re: sidebox graphics


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

    Default Re: sidebox graphics

    Add something like this to your stylesheet:

    .sideBoxContent ul>li {background: url(../images/mycatbg.gif) no-repeat; height: 42px;}
    .sideBoxContent ul>li:hover {background: url(../images/mycatbghover.gif);}



    On a separate note, I see that you are using Ezpages Footer Columns to organize your footer links, but you have a repeated error which may cause problems in some browsers. You have added <font> tags to all links, like
    <font size="2" color="#000000">Shipping & Returns
    but you have not closed those font tags, so technically every item and following column is contained inside all of the previous link <font>s. If you must use the <font> tag (which is deprecated in HTML), at least close it each time. A better method is to use the supplied classes for styling, which is exactly what they are for. So
    .ezpagesFooterCol>ul>li>a {font-size: 1.0em; color: #000000;}
    or since you want the first link in each column to be bigger
    .ezpagesFooterCol>ul>li>a {font-size: 1.5em; color: #000000;}
    .ezpagesFooterCol>ul>li+li>a {font-size: 1.0em;}
    or other possible correct methods...

    Note that these may give slightly quirky results until you fix/delete the font tags.

  8. #8
    Join Date
    Jan 2011
    Posts
    367
    Plugin Contributions
    0

    Default Re: sidebox graphics

    thanks for that, normally i close my tags but my head has been spinning for a few days. i got visitors, and very good prices but my visitors are bouncing at a high rate. I think my site looks old-time, i am trying to improve the look and feel to more a mainstream effect.
    or maybe they don't think it has SSL or is secure enough to put in info??? i am not sure why my bounce rate is so high.

    thanks for everything,

    the .sideBoxContent ul>li thing worked but did not give me the effect i was looking for, so i have to come up with something else that will spice up the look and feel of the site. with the categories dressing can i use jpg's for the background of individual links and for the hover? I mean on box (categories) is better than none.

    http://www.airtightsecurityplus.com/security_equipment

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

    Default Re: sidebox graphics

    Yes you can. Read the readme thoroughly to understand all of the possibilities and how to use them. It helps if you have it installed so you can see directly what the readme is referring to.

  10. #10
    Join Date
    Jan 2011
    Posts
    367
    Plugin Contributions
    0

    Default Re: sidebox graphics

    probably the wrong place for this question but is there a mod for a 'sliding banner' or 'slideshow banner' to replace the 2 banners at the top of my home page?

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. Graphics within the Category/Product sidebox?
    By gotlogos in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 27 Mar 2011, 11:25 PM
  2. Sidebox graphics
    By shaamone in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 4 Sep 2006, 06:02 PM

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