News:

SMF 2.1.4 has been released! Take it for a spin! Read more.

Main Menu

Signature line ( <hr> )

Started by ![]stuntman[]!, December 17, 2011, 05:00:29 PM

Previous topic - Next topic

![]stuntman[]!

Hi,

In what file I can find this signature's line:


?

Photo:


I want to change that line with a image.

kat

That looks like a custom theme, Costel.

If it is, you're more likely to get an answer in the theme's support topic.

![]stuntman[]!

Quote from: K@ on December 17, 2011, 05:09:10 PM
That looks like a custom theme, Costel.

If it is, you're more likely to get an answer in the theme's support topic.
Yes, it's a custom theme. In default theme, where is it ? Maybe is in the same file in this theme too. :D

hcfwesker

Quote from: costel_nistor96 on December 17, 2011, 05:16:04 PMYes, it's a custom theme. In default theme, where is it ? Maybe is in the same file in this theme too. :D

Search the themes's file under  Themes/default (or custom theme)/css/index.css

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature, .attachments
{


Under that heading you'll see this line ....

   border-top: 1px solid #aaa;    <----  change that to 0px, to makeit go away, or you can change the color #aaa  to another html color.

MrPhil

This dividing line might be either an <hr> tag, or a CSS border-top or border-bottom on a <div>. You could tell by looking at the page HTML source in your browser. If it's a border-*, rather than 0px thickness, I would just change it to border-top: none; or even remove the whole property if it's not overriding anything.

![]stuntman[]!

#5
I found it (in index.css):
.signature, .custom_fields_above_signature
{
border-top: 1px #ccc solid;
}

I changed border-top: to none.

Now, how I can replace it with a image ? A no-repeat image, centered. :D

I tried
.signature, .custom_fields_above_signature
{
border-top: none;
background-image: url("http://sg.xerom-zone.ro/Photos/signature.png");
}

but it repeats many times in the signature, and I tried
.signature, .custom_fields_above_signature
{
border-top: none;
background-image: url("http://sg.xerom-zone.ro/Photos/signature.png") no-repeat;
}

but it don't appear.

EDIT: I found:
.signature, .custom_fields_above_signature
{
border-top: none;
background-image: url( "http://sg.xerom-zone.ro/Photos/signature.png" );
background-repeat: no-repeat;
background-position: center;
}

I searched on google for a tutorial. :D

Thanks K@, hcfwesker and MrPhil. :P

EDIT 2: Now it's over the signature if it's a photo, how I can move signature line upper, right at the start of the signature ? :D

EDIT 3: I changed background-position: center; with background-position: top; , now works good.

EDIT 4: If it's used img height width in signature, the signature-line-image will be into that image, I could solve this ?

hcfwesker

Wish there were more members like you asking for support.  You supply as much detail as possible, you even went and did some research on your own, and posted all the attempts and code that did work for you, so others could try.

Very nice.  And congrats on figuring the final fixes yourself.  A huge sense of accomplishment came with it, I bet.  :)

![]stuntman[]!

#7
Quote from: hcfwesker on December 18, 2011, 04:49:37 AM
Wish there were more members like you asking for support.  You supply as much detail as possible, you even went and did some research on your own, and posted all the attempts and code that did work for you, so others could try.

Very nice.  And congrats on figuring the final fixes yourself.  A huge sense of accomplishment came with it, I bet.  :)
Thanks. I know how it is how to help somebody, and when somebody don't post enought informations and don't research it's annoying and hard to help him ... many posts and no solve because him don't research.

Now I found this:
Quote from: costel_nistor96 on December 18, 2011, 04:32:25 AM
EDIT 4: If it's used img height width in signature, the signature-line-image will be into that image, I could solve this ?
For this I have no idea.

EDIT: A image:


EDIT 2: Solved ... again: I entered into display.template.php from Themes/default/ and I searched "signature", I found
<div class="signature" id="msg_', $message['id'], '_signature">', $message['member']['signature'], '</div>';
and I changed it with
<div class="signature" id="msg_', $message['id'], '_signature"><br><br><br><br>', $message['member']['signature'], '</div>';

Advertisement: