• There is NO official Otland's Discord server and NO official Otland's server list. The Otland's Staff does not manage any Discord server or server list. Moderators or administrator of any Discord server or server lists have NO connection to the Otland's Staff. Do not get scammed!

OnMouseOver - PHP

Gabriel Tibiano

New Member
Joined
Nov 21, 2009
Messages
420
Reaction score
4
Hello guys,
can anyone code this for me?

webl.png


I want something that, when i put the mouse over the buttom, they change to the icons above..


twitterwjk.png
-->
twitterlp.png


facebookbi.png
-->
facebookrw.png



.. My Code ..​
PHP:
    <tr>
		<td align="center" class=white colspan=1>
			<a href="http://www.facebook.com" target="blank">
				<img id="ScreenshotContent" class="ThemeboxContent" src="http://otland.net/images/facebook.png" alt="Siga-nos no Facebook"/>
			</a>
		</td>
			<td align="center" class=white colspan=1><a href="https://twitter.com/#!/anyone" target="blank">
				<img id="ScreenshotContent" class="ThemeboxContent" src="http://otland.net/images/twitter.png" alt="Siga-nos no Orkut!"/>
			</a>
		</td>
	</tr>

The directory of images i can put later..​
 
Last edited:
.facebookbutton {
background-image: url(imglink);
opacity: 1.0;
}
.fabebookbutton:hover {
opacity: .8;
}
 
up - you forgot width & height...
HTML:
.facebook {
	background: url('http://img818.imageshack.us/img818/6088/facebookbi.png');
	width: 64px;
	height: 64px;
}
.facebook:hover {
	opacity: 0.8;
}

Use example:
HTML:
<a href="your_link_here"><div class="facebook"></div></a>
Replace your_link_here to your link.
 
hmm how to do it on table lines?

etc. when mouse if pointed on one of those lines it will appear light or something..
a3y9K.png

Give your table a class, example .tableClass

Then add this to your CSS, makre sure your td don't have any background defined.
HTML:
.tableClass tr {
	background-color:#EAEAEA;
}
.tableClass tr:hover {
	background-color:#FFF;
}
 
Back
Top