Customizing SMF > SMF Coding Discussion

(Solved) Bold/colored links?

(1/2) > >>

Nordino:
Hi

I have the newest  2.0.2 version installed on my forum, with a theme called BnW. You can see it here: www.newutd.no/diskusjon

Right now, the links posted on the forum (both addresses and text with clickable links) are in the same color and format as the other text. The only way you can actually tell that a piece of text is a link is by having the mouse ruler over the text; then it becomes underlined.

I have tried to fix this, but I was told that something in the CSS-style code was preventing us from fixing it. If I change the color or format of the links, other things will also be affected.

Can anyone tell me if it is possible to change the links into another color (lets say blue) or make them either bold or underlined? There has to be a way, right?

Thank you

K@:
Look at the theme's index.css file.

You'll see something like:


--- Code: ---/* Normal, standard links. */
a:link, a:visited
{
color: #346;
text-decoration: none;
}
a:hover
{
text-decoration: underline;
cursor: pointer;
}

/* Links that open in a new window. */
a.new_win:link, a.new_win:visited
{
color: #346;
text-decoration: none;
}

--- End code ---

Simply change the colours (Which are in Hex) to whatever you like. :)

http://www.pagetutor.com/common/bgcolors1536.html

Nordino:
Thank you for your reply.

I tried and it did actually to change to link colors. The problem is that this code seems to be tied to other clickable texts in the forum, such as the post titles, the usernames etc.

Is there a way to ONLY make the LINKS INSIDE A POST a certain color or underlined?

This is my themes index.css-file:


--- Code: ---------------------------------------------------------- */

/* Normal, standard links. */
a:link, a:visited
{
   color: #222;
   text-decoration: none;
}
a:hover
{
   color: #0084FF;
   text-decoration: underline;
   cursor: pointer;
}

/* Links that open in a new window. */
a.new_win:link, a.new_win:visited
{
   color: #222;
   text-decoration: none;
}
a.new_win:hover
{
   color: #1E5D96;
   text-decoration: underline;
}

--- End code ---

K@:
I'm reliably informed that, in default theme it's:
 

--- Code: ---/* Styling for BBC tags */
.bbc_link:link, .bbc_link:visited
{
border-bottom: 1px solid #A8B6CF;
}
.bbc_link:hover
{
text-decoration: none;
border-bottom: 1px solid #346;
}
--- End code ---

Or, in the theme that you're using, it's:


--- Code: ---/* Styling for BBC tags */
.bbc_link:link, .bbc_link:visited
{
}
--- End code ---

Nordino:
I'm sorry, I didnt understand what you mean in the last post. What do you mean I need to do? :)

Navigation

[0] Message Index

[#] Next page