GoFuckYourself.com - Adult Webmaster Forum

GoFuckYourself.com - Adult Webmaster Forum (https://gfy.com/index.php)
-   Fucking Around & Business Discussion (https://gfy.com/forumdisplay.php?f=26)
-   -   Mouse over thumbnail = border (html source) (https://gfy.com/showthread.php?t=389013)

mkx 11-15-2004 03:04 PM

Mouse over thumbnail = border (html source)
 
Anyone have a quick html or javascript so that when a view puts their mouse over an image with a link, it creates a border or changes a borders color? Thanks

Juggernaut 11-15-2004 03:07 PM

What you're probably looking for is CSS.

chupachups 11-15-2004 03:08 PM

Quote:

Originally posted by Juggernaut
What you're probably looking for is CSS.

what he said...


w3schools.org

xclusive 11-15-2004 03:11 PM

w3schools.org is an awesome site I suggest that you spend a few days there and you will learn a lot of useful stuff...

mkx 11-15-2004 03:14 PM

Thanks guys:thumbsup

webmaster x 11-15-2004 03:28 PM

Quote:

Originally posted by xclusive
w3schools.org is an awesome site I suggest that you spend a few days there and you will learn a lot of useful stuff...
i have to agree with this guy.

Paul P 11-15-2004 04:56 PM

Code:

<STYLE><!--

a:link img{
        border-color: #0099ff;
        border-style: solid;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
}

a:active img{
        border-color: #000000;
        border-style: dashed;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
}

a:visited img{
        border-color: #0099ff;
        border-style: solid;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
}

a:hover img{
        border-color: #000000;
        border-style: dashed;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
}

--></STYLE>



put something like that in your head section

mkx 11-15-2004 10:22 PM

Quote:

Originally posted by Paul P
Code:

<STYLE><!--

a:link img{
        border-color: #0099ff;
        border-style: solid;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
}

a:active img{
        border-color: #000000;
        border-style: dashed;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
}

a:visited img{
        border-color: #0099ff;
        border-style: solid;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
}

a:hover img{
        border-color: #000000;
        border-style: dashed;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
}

--></STYLE>



put something like that in your head section

I can work with that thanks

mkx 11-15-2004 10:42 PM

Tried a few variations, what exactly do I put for the img src? It's not working for me

<a href="http://www.xxx.com">
<img src="http://www.xxx.com/xxx.gif" width="120" height="60" style="imghaha123"></a>


All times are GMT -7. The time now is 06:00 AM.

Powered by vBulletin® Version 3.8.8
Copyright ©2000 - 2025, vBulletin Solutions, Inc.
©2000-, AI Media Network Inc123