|
This is for those of you who have no clue how to use CSS. Seriously, look how easy it is. <style type="text/css">a:hover { text-decoration: none;color: #000000;}</style><style type="text/css"> This starts the code. Without it, it will just appear as text. a:hover This indicates what you are going to be editing through CSS. {} This pretty much the capsule where all the editing goes. (for lack of a better name) text-decoration: Is the decoration of the link when you roll over it. none This means there will be no decoration. No underline, no bold, no nothing. color: This tells what color the text will be when you roll over it. #000000 Hex code for black. When the link is rolled over with a mouse, it will turn black. ; In order not to confuse the computer, a semi-colon is required after each edit, to tell the computer that that line is finished. </style> This finishes the code. Without this, it will just appear as text.
Last Edit: Aug 3, 2009 1:12:37 GMT by Conor
|
|
|
|
Thanks so much Conor (Notice i didnt say cornor ) his was easily explained, and helped me even.
|
My signature [/left][/i][/size]
|
|
|
|
Good beginners tutorial. Only problem is you didn't use my favored formatting style. <style type="text/css"> a:hover { text-decoration: none; color: #000000; } </style> I like each modifier on a separate line and then tabbed once over. Fucking Proboards won't let me manually add the spaces in. >< Fredy Sucks Donkey Ass. Big. Donkey. Ass.
Last Edit: Jul 31, 2009 4:55:13 GMT by Josh
|
|
|
|
|
Preceding the {} blocks you have your selector (in this case "a:hover"). Your selector signifies what elements of the page the styling applies to. In this case "text-decoration: none" and "color: #000000" apply to every "a:hover" (rollover link). www.devguru.com/technologies/css2/home.aspa { color: #000000 } .a { font-style: italic } #a { text-decoration: overline } Your basic selectors. Standard text represents a tag name. Text with a preceding . identifies a class name. Text with a preceding # identifies an id. <a href="http://www.google.com/">Google</a> <a class="a" href="http://www.google.com/">Google</a> <a id="a" href="http://www.google.com/">Google</a>
|
|
|
|
Good beginners tutorial. Only problem is you didn't use my favored formatting style. <style type="text/css"> a:hover { text-decoration: none; color: #000000; } </style> I like each modifier on a separate line and then tabbed once over. Fucking Proboards won't let me manually add the spaces in. >< Fredy Sucks Donkey Ass. Big. Donkey. Ass.Happy?
|
|
|
|
Preceding the {} blocks you have your selector (in this case "a:hover"). Your selector signifies what elements of the page the styling applies to. In this case "text-decoration: none" and "color: #000000" apply to every "a:hover" (rollover link). www.devguru.com/technologies/css2/home.aspa { color: #000000 } .a { font-style: italic } #a { text-decoration: overline } Your basic selectors. Standard text represents a tag name. Text with a preceding . identifies a class name. Text with a preceding # identifies an id. <a href=" www.google.com/">Google</a><a class="a" href=" www.google.com/">Google</a><a id="a" href=" www.google.com/">Google</a>So if you wanted a link to say Click here and for it to be in Orange how would you do that?
|
|
|
|
|
<style type="text/css"> #lnk { color: #FF7F00 } </style> <a id="lnk" href="http://www.google.com">Google</a>
Or
<a href="http://www.google.com" style="color: #FF7F00">Google</a>
|
|
|
|
|
Well, bold isn't text-decoration, it's font-weight, But, to answer your question, you would do it like this: .blah { text-decoration: overline underline; } (only separate with a space, not a comma or semi-colon)
|
|
|
|
|
Oh, that's simple. Silly me. Thanks Ggoodie! (I'm surprised I never knew you came to studio ) Anyways, I've just been fiddling around with things and I think I'm getting the hang of it.
|
|
|
|
|
Should I use a texteditor for this? I don't understand, like this? <style type="text/css"> a:hover { text=decoration: none; color: #FFFFFF } </style> <a id="lnk"href="http://www.portalfangroup.proboards.com/">Portal Fan Group</a>
Last Edit: Jul 27, 2011 19:07:27 GMT by Mini Coder
|
My Forum I came here to learn how to code for my forum and to share with others[/b]
|
|
|
|
Should I use a texteditor for this? I don't understand, like this? <style type="text/css"> a:hover { text=decoration: none; color: #FFFFFF } </style> <a id="lnk"href=" www.portalfangroup.proboards.com/">Portal Fan Group</a> Care to elaborate on what you were doing? It might help us. That should correctly color the link white on hover.
|
|
|
|