-1

Add mouseover change color to links and background on Vbulletin?

Hey Daniwebs members :)

Was wondering if any one could tell me how to add the mouseover to links? because i've tried applying the style sheet, but it doesnt seem to be working :( Can someone tell me how to do this pleaseeeeeeeeeeeee :)

Gearspro

Light Poster

38 posts since Aug 2009

Reputation Points: 10

Solved Threads: 0

2 Years Ago

0

a:hover
{
  background-color: blue;
  color: white;
}

cfajohnson

Junior Poster

196 posts since Dec 2008

Reputation Points: 25

Solved Threads: 23

2 Years Ago

0

a:hover
{
  background-color: blue;
  color: white;
}

Thanks for the info, but where in the coding do i apply this? :S

Gearspro

Light Poster

38 posts since Aug 2009

Reputation Points: 10

Solved Threads: 0

2 Years Ago

0

external stylesheet

<html>
<head>
<link rel="stylesheet" type="text/css" href="http://www.yoursite.com/style.css">
</head>
<body>
bla bla bla
</body>
</html>

with style.css containing amid the other styles

a:hover { background-color: blue; color: white; }

header styles

<html>
<head>
<style type='text/css'>
<!--
a:hover { background-color: blue; color: white; }
-->
<style>
</head>
<body>
bla bla bla
</body></html>

inline styles

<html>
<head>
</head>
<body>
<a href='thisfile' style="hover { background-color: blue; color: white; }" > thisfile </a>
</body>
</html>

most use external stylesheets
only one file need be altered to update the whole site
header styles, contain the full stylesheet in every page
inline styles contain the full style in every link on every page
they get exponentially bigger
each has a purpose
external stylesheet to style a site
header style to make a single page different
inline style to make a single element different

almostbob

Posting Sensei

3,149 posts since Jan 2009

Reputation Points: 571

Solved Threads: 376

2 Years Ago

0

external stylesheet[code=html]

cfajohnson

Junior Poster

196 posts since Dec 2008

Reputation Points: 25

Solved Threads: 23

2 Years Ago

0

never left out a colon?
its a typo, Human error
<a href="http://www.w3.org/style/CSS" style="{color: blue; background: white} :visited {color: green} :hover {background: yellow} :visited:hover {color: purple} "> Example of a hyperlink to the CSS home page with special one-off visited and hover effects. </a>

almostbob

Posting Sensei

3,149 posts since Jan 2009

Reputation Points: 571

Solved Threads: 376

2 Years Ago

0

never left out a colon? its a typo, Human error <a href="http://www.w3.org/style/CSS" style="{color: blue; background: white} :visited {color: green} :hover {background: yellow} :visited:hover {color: purple} "> Example of a hyperlink to the CSS home page with special one-off visited and hover effects. </a>

[indent]
That even more bizarre. Does it workanywhere?
[/indent]

cfajohnson

Junior Poster

196 posts since Dec 2008

Reputation Points: 25

Solved Threads: 23

2 Years Ago

0

Thanks for all the help guys, but can someone classify which is the best to implement on a site, because its confusing as people are saying some are really old, dont work at all etc.

Thanks.

Gearspro

Light Poster

38 posts since Aug 2009

Reputation Points: 10

Solved Threads: 0

Add mouseover change color to links and background on Vbulletin?

This article has been dead for over three months