bigtrey90
Feb 8 2007, 07:17 PM
I went to this website and I saw the header image was probably made in a editing program. But when you look at the sidebar banners like the Welcome etc. signs, I don't think they made them in a photo editing program. I wanted to know how to do that, if you know what I'm talking about.
Example Page
Azarel
Feb 8 2007, 07:24 PM
The "Welcome" header on the sidebar (as well as the other headers) are not images, but rather text customized using css, which is dependant on the skin that you're using, as all four are different.
Which skin are you referring to?
bigtrey90
Feb 8 2007, 07:28 PM
Are you talking about the theme? It's the Fashion Addict theme [skin]
Azarel
Feb 8 2007, 07:34 PM
Okay, so to create the effect she did on the site, she used css (html) with a div class. Are you asking to recreate the effect on a site? The css looks something like this (I changed the colors/values):
<style type=text/css>
.class {
border-bottom: 2px solid #000000;
background-color: #FFFFFF;
font-family: arial;
font-weight: bold;
font-size: 12px;
text-transform: uppercase;
color: #000000;
text-align: left;
width: 100%;
}
</style>
bigtrey90
Feb 8 2007, 07:44 PM
No I just wanted to learn how to do that without the trouble of designing a banner for each area, here is another example, but she has lines under her header?Example 2
Azarel
Feb 8 2007, 07:48 PM
It's not a banner. It's a div class as I mentioned in my last post. Take the CSS I provided in the last post and customize it to your liking and put it on your page. Then, any time you want your text to appear that way, put it into a div. eg: Any text you want in that style, put it between div tags: <div class="class">Example.</div>
bigtrey90
Feb 8 2007, 07:52 PM
okay thanks
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please
click here.