Sidebar heading image.

Cool Tips & Tricks	Help Communities:

<< Prev Topic | Next Topic >>

Cool Tips & Tricks ::: CSS ::: Sidebar heading image.

Topic: Sidebar heading image.

(?)

laura10801

Registered User
ezSupporter
Posts: 32

Posted: 10/24/04 9:56 pm
Sidebar heading image.

I'd like to have an image on the header and sub-headers of my sidebar instead of a solid color. Can you please tell me how to do this. My board is: p077.ezboard.com/bextracrispy

Nutrocker

ezboard Moderator
ezSupporter
Posts: 14018

Posted: 10/25/04 3:00 pm
Re: Sidebar heading image.

1st text box within the custom html area

The css used for the sidebar...
Replace the url for the background image I used below.

 /* subheadings in sidebar */
.sidebarsubhead {
border: 0px #000000 solid;
background-color: #e42217;
background-image: url(http://www.imgmag.org/images/laura10801/zenfire.gif);padding: 6px;
width: 100%;
font-weight: bold;
border-bottom: 0px
}

Also, there is one section in the sidebar that you might want to change the class name to make sure this matches the other sidebarsubheadings..

e.g.
class="sidebartitle"

becomes

class="sidebarsubhead"

 <table class="holder" cellpadding="0" cellspacing="0" width="150">
            <tr>
              <td align="center" valign="top" class="sidebartitle" color="#FFFFFF">Quick Info</td>
            </tr>     

              <td class="sidebar" valign="top" align="center">
<a href="http://b12.ezboard.com/ulaura10801.showPublicProfile" target="_blank" class="nav">laura10801 - Owner</a>

laura10801

Registered User
ezSupporter
Posts: 32

Posted: 10/25/04 8:54 pm
Re: Sidebar heading image.

Thank you!

::: Topic Commands

<< Prev Topic | Next Topic >>

Icon Legend

:::Reply to Post Button

:::Edit Post Button

:::Delete Post Button (Moderator Only)

:::Subscribe to Thread Button

:::Email to Friend Button

- Cool Tips & Tricks - CSS -

ezboard Help Communities:

Help Forums Bug Base