Ad:

HTML and CSS Discussion Thread
Unsolved
Views: 1286

Sep 29th, 2009

-1

Add mouseover change color to links and background on Vbulletin?

Expand Post »

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

Similar Threads

Change the color of gridview row when the row is selected.. in ASP.NET
How to change the color of selected row of an HTML table without using CSS or Javascr in VB.NET
vBulletin mod_rewrite in PHP
Want to change color on click!? in HTML and CSS
change the color for DBGrid row; Input Validation code help!! in Visual Basic 4 / 5 / 6

Gearspro

Reputation Points: 10

Solved Threads: 0

Light Poster

Offline

38 posts
since Aug 2009

Permalink

Oct 4th, 2009

Re: Add mouseover change color to links and background on Vbulletin?

HTML and CSS Syntax (Toggle Plain Text)

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

cfajohnson

Reputation Points: 25

Solved Threads: 23

Junior Poster

Offline

193 posts
since Dec 2008

Permalink

Oct 4th, 2009

Re: Add mouseover change color to links and background on Vbulletin?

Click to Expand / Collapse Quote originally posted by cfajohnson ...

HTML and CSS Syntax (Toggle Plain Text)
a:hover
{
  background-color: blue;
  color: white;
}
a:hover { background-color: blue; color: white; }

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

Gearspro

Reputation Points: 10

Solved Threads: 0

Light Poster

Offline

38 posts
since Aug 2009

Permalink

Oct 4th, 2009

Re: Add mouseover change color to links and background on Vbulletin?

external stylesheet

html Syntax (Toggle Plain Text)
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://www.yoursite.com/style.css">
</head>
<body>
bla bla bla
</body>
</html>
<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

css Syntax (Toggle Plain Text)
a:hover { background-color: blue; color: white; }
a:hover { background-color: blue; color: white; }

header styles

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

inline styles

html Syntax (Toggle Plain Text)
<html>
<head>
</head>
<body>
<a href='thisfile' style="hover { background-color: blue; color: white; }" > thisfile </a>
</body>
</html>
<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

Reputation Points: 562

Solved Threads: 369

Posting Maven