Welcome to DU! The truly grassroots left-of-center political community where regular people, not algorithms, drive the discussions and set the standards. Join the community: Create a free account Support DU (and get rid of ads!): Become a Star Member Latest Breaking News General Discussion The DU Lounge All Forums Issue Forums Culture Forums Alliance Forums Region Forums Support Forums Help & Search
 

ConcernedCanuk

(13,509 posts)
Tue Jul 3, 2012, 03:15 PM Jul 2012

How does one insert an image in their signature line?

.
.
.


and

where can one find the information regarding file size and image dimensions

I once had a sig line that had an image that was also a hyperlink, as well as text . .

Is that still possible?

and is being a contributing member a factor

the new requirements for a star are way beyond my means, and I don't expect too many are giving stars away at the current cost

ty for any help in advance

CC

6 replies = new reply since forum marked as read
Highlight: NoneDon't highlight anything 5 newestHighlight 5 most recent replies
How does one insert an image in their signature line? (Original Post) ConcernedCanuk Jul 2012 OP
To just do an image, you just need to copy the image web address. Make7 Jul 2012 #1
I have a question too, if you don't mind helping. Jamastiene Jul 2012 #2
If you go to a person's profile page, you can see the code... Make7 Jul 2012 #3
Thank you. Jamastiene Jul 2012 #4
It looks like you hit the 400 character limit... Make7 Jul 2012 #5
Thank you for this post! n/t iscooterliberally Apr 2015 #6

Make7

(8,543 posts)
1. To just do an image, you just need to copy the image web address.
Tue Jul 3, 2012, 04:15 PM
Jul 2012

For example, to use the DU logo found in the upper left of this page just copy the following URL into your signature:

[div style="margin-left:2em; color:#000099;"]http://www.democraticunderground.com/imgs/logo-du3-150x48.gif
The main style sheet says that the maximum image dimensions are 400px wide x 100px high - although the image should get scaled down if it exceeds those dimensions so it's not overly critical if it is slightly larger. I don't think there is a file size restriction, but if you have a large image then it's best to scale it down and/or compress it for use in your signature so people aren't downloading a big chunk of data to see a relatively small image.

To make the image a clickable link, you can use the [link] tag like this (example for DU logo to go to DU home page):

[div style="margin-left:2em; color:#000099;"][link:http://www.democraticunderground.com/index.php|http://www.democraticunderground.com/imgs/logo-du3-150x48.gif]
Obviously use whatever webpage and image URLs you want in that (i.e. [link:<webpage>|<image>]).

Jamastiene

(38,187 posts)
2. I have a question too, if you don't mind helping.
Thu Jul 5, 2012, 03:55 AM
Jul 2012

I love the horizontal line before your signature. I would like to add one to mine to separate my signature line from my regular posts. Do I add a hr in brackets before my quotes or would I need to use another code of some sort for a horizontal line?



Make7

(8,543 posts)
3. If you go to a person's profile page, you can see the code...
Fri Jul 6, 2012, 01:46 PM
Jul 2012

... they are using in their signature at the bottom of the page (e.g. my profile).

There are a few tags that seem to "break" the [p class="post-sig"] element being used for signatures: [center], [hr], and usually [div]. What I mean by "break" is that it starts a new element which overrides the default font size, font color, image size limits, etc. set by the admins for signatures. (It also makes it so that my user CSS to hide signatures will no longer work on that signature.)

So instead of using the [hr] and [center] tags in my signature, I used CSS to add a border to the top of a [p class=post-sig] element and also used the text-align property to center the text. If you look at my signature, you will notice that I don't use quotation marks where they normally would be used - I'm just jamming all the style stuff together without spaces. That's because the DU3 software turns quotes into their html entity equivalent (&quot;) which means they will not work for code.

To use the same idea for your signature that I'm using in mine, you could try:

[div style="margin-left:2em; color:#000099;"][p class=post-sig style=color:#002400;border-top-width:1px;border-top-style:solid;border-top-color:#002400;][br /]Only when the last tree has died and the last river has been poisoned and the last fish has been caught will we realize that we can't eat money. ~Cree Indian Proverb| No justice. No peace. | She frowned on homophobia. - Dr. Joseph Lowery at Coretta Scott King's funeral.[/p]
You can obviously set the color of the font and of the top border to whatever you want. You could even play around with different border types other than solid (e.g. dotted, dashed, etc.).

[font style="font-variant:small-caps;"]-Make7[/font]

Make7

(8,543 posts)
5. It looks like you hit the 400 character limit...
Mon Jul 16, 2012, 04:11 PM
Jul 2012

... and some things aren't quite displaying correctly.

Try this:

[div style="margin-left:2em; color:#000099;"][p class=post-sig style='color:#002400; border: 4px double #002400; text-align:center;'][br /]Only when the last tree has died and the last river has been poisoned and the last fish has been caught will we realize that we can't eat money. ~Cree Indian Proverb| No justice. No peace. | She frowned on homophobia. - Dr. Joseph Lowery at Coretta Scott King's funeral.[br /][br /][/p]
That should still give you enough available characters to play with the font-size if you want to.

Latest Discussions»Help & Search»DU Community Help»How does one insert an im...