Skip to main content ↑ ↓
Links underlinings Started by Jorin · · Read 17906 times 0 Members and 1 Guest are viewing this topic. previous topic - next topic - Topic derived from [ADDON] Titled / Descriptive ...

Links underlinings

Works fine, but my underlined links are now not underlined. Does this addon overwrite my CSS settings?

Re: Re: [ADDON] Titled / Descriptive Links

Reply #1 –

push  :-[

Re: Re: [ADDON] Titled / Descriptive Links

Reply #2 –

Example? O:-)
Bugs creator.
Features destroyer.
Template killer.

Re: Re: [ADDON] Titled / Descriptive Links

Reply #3 –

Sure:
http://forum-alternative-antriebe.de/index.php/topic,5049.msg92906.html#msg92906

Links are not underlined, but they should when hovered (hovered?). Code from my custom.css:

Code: [Select]
a, a:link, a:visited {
	color: #469AC9;
	text-decoration: none;
}
a:hover, a:hover:visited {
	color: #469AC9;
	text-decoration: underline;
}

Re: Re: [ADDON] Titled / Descriptive Links

Reply #4 –

custom_light.css:
Code: [Select]
.bbc_link:link, .bbc_link:visited {
	color: #469AC9;
	/* box-shadow: 0 -1px 0 #cedccb inset; */
	box-shadow: none;
}
Restore the box-shadow and the underline is back. ;)
Bugs creator.
Features destroyer.
Template killer.

Re: Re: [ADDON] Titled / Descriptive Links

Reply #5 –

Sorry, no, it's not.  :(

I tried:

Code: [Select]
.bbc_link:link, .bbc_link:visited, {
	color: #469AC9;
	box-shadow: 0 -1px 0 #cedccb inset;
	text-decoration: none;
}

Code: [Select]
.bbc_link:link, .bbc_link:visited, {
	color: #469AC9;
	box-shadow: 0 -1px 0 #cedccb inset;
	text-decoration: underline;
}

...and many more, but none works.

Re: Re: [ADDON] Titled / Descriptive Links

Reply #6 –

Your current:
screen_467.png

Removing the box-shadow:none at line 117 of custom_light.css:
screen_468.png
Bugs creator.
Features destroyer.
Template killer.

Re: Re: [ADDON] Titled / Descriptive Links

Reply #7 –

I want them only underlined when hovered.  :-[

Re: Re: [ADDON] Titled / Descriptive Links

Reply #8 –

@Ruth helped me via a message. With this code:

Code: [Select]
a:hover, a:hover:visited {
    color: #469AC9;
    text-decoration: underline;
    box-shadow: 0 -1px 0 #469AC9 inset;
}

.bbc_link:hover {
    color: #469AC9;
    /* box-shadow: 0 -1px 0 #469AC9 inset; */
    text-decoration: underline;
}

...it works, but why?

My custom.css now looks at this:

Code: [Select]
a, a:link, a:visited {
	color: #469AC9;
	text-decoration: none;
}
a:hover, a:hover:visited {
	color: #469AC9;
	text-decoration: underline;
	box-shadow: 0 -1px 0 #469AC9 inset;
}
.signature a:hover {
	text-decoration: underline;
}
a.new_win:link, a.new_win:visited {
	color: #469AC9;
}
a.new_win:link:hover, a.new_win:visited:hover {
	text-decoration: underline;
}
.bbc_link:link, .bbc_link:visited, {
	color: #469AC9;
	box-shadow: 0 -1px 0 #cedccb inset;
	text-decoration: underline;
}
.bbc_link:hover {
	color: #469AC9;
	text-decoration: underline;
}	
.ic_section_header>a:visited {
	color: #666;
}

Is there still a mistake in the code? Something I should optimize? The code seems to work though.  :)

Edit: No, not working. There must be a mistake.  :o  In board index the links now are double underlined and in the table with recent topics above my index the underline is much thicker then in the posts.  :o

Re: Re: [ADDON] Titled / Descriptive Links

Reply #9 –

Okay, back to the beginning. With this code in my css file the links are looking good, except the ones using this addon:

Code: [Select]
a, a:link, a:visited {
	color: #469AC9;
	text-decoration: none;
}
a:hover, a:hover:visited {
	color: #469AC9;
	text-decoration: underline;
}
.signature a:hover {
	text-decoration: underline;
}
a.new_win:link, a.new_win:visited {
	color: #469AC9;
}
a.new_win:link:hover, a.new_win:visited:hover {
	text-decoration: underline;
}
.bbc_link:link, .bbc_link:visited {
	color: #469AC9;
	/* box-shadow: 0 -1px 0 #cedccb inset; */
	box-shadow: none;
}	
.ic_section_header>a:visited {
	color: #666;
}

s you can see here in this post, normal links (usernames for example) are looking good, but the links to extern pages are not underlined.

So, it seems the addon uses a special css code not inside the custom css file?

Re: Re: [ADDON] Titled / Descriptive Links

Reply #10 –

The addon doesn't add any CSS.
And for that reason it has nothing to do with the problems you are facing.
Really, nothing at all.

Quote from: Jorin – I want them only underlined when hovered.  :-[
Sorry, I missed that part.
Well, then the code Ruth gave you worked simply because it uses the "hover" modifier:
Code: [Select]
a:hover {
...
}
that is supposed to apply styles exactly when you hover the link with the pointer.

If I got it right, the reason you are getting two underline could be for one of two reasons:
1) you used both box-shadow and text underline, but you should use only one of the two, not both,
2) bootstrap is using some style the (again) conflicts with your desired design.

I would suggest you to restore the code proposed by Ruth and let see what the cause of the double underlining is. ;)
Bugs creator.
Features destroyer.
Template killer.

Re: Re: [ADDON] Titled / Descriptive Links

Reply #11 –

Quote from: emanuele – The addon doesn't add any CSS.
And for that reason it has nothing to do with the problems you are facing.
Really, nothing at all.

Okay, I believe you!

I will "install" the custom css file within another theme, so we can test without irritating my users. As Schwarzenegger said: "I'll be back!"  :D

Re: Re: [ADDON] Titled / Descriptive Links

Reply #12 –

Okay, now I have Ruth's code with the default theme. My custom.css:

Code: [Select]
a, a:link, a:visited {
	color: #469AC9;
	text-decoration: none;
}
a:hover, a:hover:visited {
    color: #469AC9;
    text-decoration: underline;
    box-shadow: 0 -1px 0 #469AC9 inset;
}

.bbc_link:hover {
    color: #469AC9;
    /* box-shadow: 0 -1px 0 #469AC9 inset; */
    text-decoration: underline;
}
.signature a:hover {
	text-decoration: underline;
}
a.new_win:link, a.new_win:visited {
	color: #469AC9;
}
a.new_win:link:hover, a.new_win:visited:hover {
	text-decoration: underline;
}
.bbc_link:link, .bbc_link:visited {
	color: #469AC9;
	/* box-shadow: 0 -1px 0 #cedccb inset; */
	box-shadow: none;
}	
.ic_section_header>a:visited {
	color: #666;
}

Now links are double underlined in board index. It seems the double line depends on the size of the text. The bigger the text size the more the double line is visible. Links inside a post are looking good though.

Re: Re: [ADDON] Titled / Descriptive Links

Reply #13 –

I can't see any underlining at all in any page...
Bugs creator.
Features destroyer.
Template killer.

Re: Re: [ADDON] Titled / Descriptive Links

Reply #14 –

Because you can't see my default theme. Hm... Do you need an account?