17-03-2014 Saat: 23:53
Kardeşime hediye yapıyım dedim kodladım hover logo hover buton ypatım :)))
Denemek İçin Tıkla...
Kod:
Denemek İçin Tıkla...
Kod:
Kod:
<html>
<head>
<title>Hediye :D</title>
<style type="text/css">
body
{
margin: 0;
padding: 0;
background-color: #FFFFFF;
color: #000000;
}
</style>
<style type="text/css">
a
{
color: #0000FF;
text-decoration: underline;
}
a:visited
{
color: #800080;
}
a:active
{
color: #FF0000;
}
a:hover
{
color: #0000FF;
text-decoration: underline;
}
</style>
<style type="text/css">
#Layer1
{
background-color: #DCDCDC;
}
#Menü1
{
border: 0px #C0C0C0 solid;
background-color: transparent;
}
#Menü1 ul
{
list-style-type: none;
margin: 0;
padding: 0;
}
#Menü1 li
{
float: left;
margin: 0;
padding: 0px 4px 0px 0px;
width: 80px;
}
#Menü1 a
{
display: block;
float: left;
color: #666666;
border: 1px #C0C0C0 solid;
background-color: #EEEEEE;
background-image: none;
font-family: Arial;
font-size: 13px;
font-weight: normal;
font-style: normal;
text-decoration: none;
width: 68px;
height: 26px;
padding: 0px 5px 0px 5px;
vertical-align: middle;
line-height: 26px;
text-align: center;
}
#Menü1 li:hover a, #wb_CssMenu1 a:hover
{
color: #666666;
background-color: #C0C0C0;
background-image: none;
border: 1px #C0C0C0 solid;
}
#Menü1 li.firstmain
{
padding-left: 0px;
}
#Menü1 li.lastmain
{
padding-right: 0px;
}
#Menü1 br
{
clear: both;
font-size: 1px;
height: 0;
line-height: 0px;
}
#Yazı1
{
background-color: transparent;
border: 0px #000000 solid;
padding: 0;
text-align: left;
}
#Yazu1 div
{
text-align: left;
}
#Cizgi1
{
color: #A0A0A0;
background-color: #A0A0A0;
border-width: 0px;
}
#Logo1 a img
{
position: absolute;
}
#Logo1 span
{
position: absolute;
}
#Logo1 a .hover
{
visibility: hidden;
}
#Logo1 a:hover .hover
{
visibility: visible;
}
#Logo1 a:hover span
{
visibility: hidden;
}
</style>
</head>
<body>
<div id="Layer1" style="position:absolute;text-align:left;left:0px;top:0px;width:561px;height:476px;z-index:5;" title="">
<div id="Menü1" style="position:absolute;left:138px;top:80px;width:336px;height:28px;z-index:0;">
<ul>
<li class="firstmain"><a href="#" target="_self">Forum</a>
</li>
<li><a href="#" target="_self">Iletisim</a>
</li>
<li><a href="#" target="_self">Facebook</a>
</li>
<li><a href="#" target="_self">Twitter</a>
</li>
</ul>
<br>
</div>
<div id="Yazı1" style="position:absolute;left:233px;top:163px;width:161px;height:16px;z-index:1;text-align:left;">
<span style="background-color:#D5CC2B;color:#FFFFFF;font-family:Arial;font-size:13px;">The Legend ' e Hediyem :))</span></div>
<hr id="Cizgi1" style="margin:0;padding:0;position:absolute;left:78px;top:121px;width:430px;height:1px;z-index:2;">
<div id="Resim" style="position:absolute;left:80px;top:136px;width:108px;height:65px;z-index:3;">
<img src="http://i.hizliresim.com/wvqZvA.png" id="ClipArt1" alt="" style="border-width:0;width:108px;height:65px;"></div>
<div id="Logo1" style="position:absolute;left:180px;top:6px;width:285px;height:69px;z-index:4;">
<a href=""><img class="hover" src="http://i.hizliresim.com/x3dAdp.png" alt="İIndex Hediyem..." title="İIndex Hediyem..." style="border-width:0;width:285px;height:69px;"><span><img src="http://i.hizliresim.com/xVbEJB.png" id="TextArt1" alt="İIndex Hediyem..." title="İIndex Hediyem..." style="border-width:0;width:285px;height:69px;"></span></a></div>
</div>
</body>
</html>
