SOLVED: Links shown different in threads than in overview

Hi together,

What I have right now: no links are underlined. Not in the startpage, not when entering a forum with all the threads in overview, and also not in threads, when a user posts a link e.g. to an external page.
What I want: the links users write in their posts should be underlined / bold / marked with a dart or whatever.

I tried something with the stylesheet but just found an entry to edit "a" and "a visited". When i change the settings all links (even every headline) will apply this.

Is there a way to create an entry for just marking links in posts different to other links? I hope you know what I mean. If not I will make some screenshots.

Thanks in advance!

Regards,
Thorsten



Edited 1 time(s). Last edit at 02/13/2010 07:13AM by Thorsten Weiss.

I don't have a plain version at hand to try it out but what about styling

Language: CSS
#PhorumReadBodyText a {
...
}

?

---

Thomas Seifert

Thanks for this hint! Now the links in messages are bold. But I additionally want a graphic at the end of the link (a little gif). Do you have the syntax for this? Something like "background image" . I tried something but nothing will work...

This is the setting right now:

Language: CSS
    .PhorumReadBodyText a
    {
        font-size: 12;
        font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
        padding: 5px;
        font-weight: bold
    }

Thanks!

Regards,
Thorsten

you could play with background-position there, [www.w3schools.com] .

---

Thomas Seifert

Perfect! Thanks! No it works that way I want it to work! I placed link.png in the folder "images".

For all others... edit css.tpl and search for .PhorumReadBodyText.
Now insert a new entry called .PhorumReadBodyText a with the following parameters:

Language: CSS
    .PhorumReadBodyText a
    {
        font-size: 12;
        font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
        padding: 5px;
        font-weight: bold;
        background-image: url(';templates/default/images/link.png';);
        background-position: right center;
        background-repeat: no-repeat;
        margin-right: 3px;
        padding-right: 15px;
    }

The result is:

Regards,
Thorsten