Log In · Register

 
 
Closed TopicStart new topic
Unknown Images
bigtrey90
post Feb 8 2007, 07:17 PM
Post #1


talent on another level
*****

Group: Member
Posts: 746
Joined: Oct 2006
Member No: 475,735



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*
post Feb 8 2007, 07:24 PM
Post #2





Guest






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
post Feb 8 2007, 07:28 PM
Post #3


talent on another level
*****

Group: Member
Posts: 746
Joined: Oct 2006
Member No: 475,735



Are you talking about the theme? It's the Fashion Addict theme [skin]
 
*Azarel*
post Feb 8 2007, 07:34 PM
Post #4





Guest






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
post Feb 8 2007, 07:44 PM
Post #5


talent on another level
*****

Group: Member
Posts: 746
Joined: Oct 2006
Member No: 475,735



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*
post Feb 8 2007, 07:48 PM
Post #6





Guest






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
post Feb 8 2007, 07:52 PM
Post #7


talent on another level
*****

Group: Member
Posts: 746
Joined: Oct 2006
Member No: 475,735



okay thanks happy.gif
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: