Jump to content


Signature Separator image


1 reply to this topic

#1 Zhaan

    Member

  • 52 posts
  • Joined: September 16, 2011
  • 15 topics
  • Local time: 04:40 AM
  • Zodiac:Leo
  • OS:Windows 7
  • Country:
Offline
  • Time Online: 14h 56m 7s

Posted 18 October 2011 - 03:52 AM

http://starfleet-terra.com/

I want to place an image where the signature separation is. I believe I've found the current code under ipb_styles.css-->/*Topic View (& Related) Styles*/


.signature {
clear: right;
color: #a4a4a4;
font-size: 0.9em;
border-top: 1px solid #252525;
padding: 10px 0;
margin: 6px 0 4px;
position: relative;
}

.signature a { text-decoration: underline; }

What it currently looks like is this:

Posted Image

So, rather than have that light grey line there, I want to insert an image but I'm not sure what I need to remove and what I need to add to the code. Help?

#2 Broni Re: Signature Separator image

    Malware Annihilator

  • 24,883 posts
  • Joined: October 04, 2004
  • 1,860 topics
  • Age: 57
  • Skin: IPBoard wide
  • Local time: 02:40 AM
  • Zodiac:Virgo
  • Gender:Male
  • Location:Daly City, CA
  • OS:Windows Vista
  • Country:
Offline
  • Time Online: 57d 10h 30m 28s

Posted 18 October 2011 - 04:35 PM

You'd have to create a small image, upload it to your board and then replace this:
border-top: 1px solid #252525;
with:
border-top: url({style_images_url}/your_image.png) repeat-x;





1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users


This topic has been visited by 9 user(s)