Üstüne gelince rengi değişsen butonlar

27-12-2007, 22:43:02

Ana Sayfa | .: Mavi Kalemler :. .: Kültür ~ Sanat ~ Güncel ~ Bilgi Platformu :.

Yukarıdaki sitedeki butonları resim ve flash kullanmadan nasıl yapabilirim?

27-12-2007, 22:54:33

#2

DEKAN

Alıntı

bu şekilde kod yazacaksın..

27-12-2007, 23:14:45

#3

Misafir

örn :

#nav .current_page_item a, #nav .current_page_item a:visited{
color: #000000;
text-decoration: none;
}
#nav .page_item a{
color: #ffffff;
text-decoration: none;
background: #5c8d0c url(images/nav-button-bg.gif) repeat-x;
padding: 5px 15px;
font: bold 14px/100% Arial, Helvetica, sans-serif;
border-top: 1px solid #E6EED0;
border-left: 1px solid #AFCD69;
border-right: 1px solid #AFCD69;
display: block;
}
#nav .page_item a:hover {
color: #000000;
}

<ul id="nav">
<li class="page_item"><a href="<?php echo $website[url1]; ?>/Default.php" title="Home">Default Page</a></li>
<li class="page_item"><a href="<?php echo $website[url1]; ?>/index.php" title="Index/Of">Index / Of</a></li>
<li class="page_item"><a href="<?php echo $website[url1]; ?>/Contact.php" title="Contact">Contact</a></li>
<li class="page_item"><a href="#" title="Forums">Forums</a>
</ul>

27-12-2007, 23:37:24

#4

Kurtaran

Bende bişey yazdım ama bende çnce davranmışsın bari boşa gitmesin bende veriyim yazdığımı

<style>
a.tab{
  padding:10px 16px;
  margin:0px 0px;
  background:url(http://www.mavikalemler.net/Themes/gokyuzu/img03.gif);
  text-decoration:none;
}
a.tab:hover{
  padding:10px 16px;
  margin:0px 0px;
  background:url(http://www.mavikalemler.net/Themes/gokyuzu/img07.gif);
  text-decoration:none;
}
</style>

<div style="width:600px;height:100px;background:url(http://www.mavikalemler.net/Themes/gokyuzu/x.png);text-align:right;">
<br/><br/><br/><br/>
<a class="tab" href="#">Tab1</a>
<a class="tab" href="#">Tab2</a>
<a class="tab" href="#">Tab3</a>
<a class="tab" href="#">Tab4</a>
</div>

28-12-2007, 18:18:40

#5

GateSXraY

Arkadaşlar sağolun ancak hiç resim kullanmadan istiyorum.
Yinede elinize sağlık...

28-12-2007, 18:21:21

#6

Onurss

Platin üye

Biraz daha açabilirmisin ? Buton mu istiyorsun link mi ?

28-12-2007, 18:57:59

#7

GateSXraY

Aynı bu şekilde ancak arka planda resim olmayacak renk koduyla olsun istiyorum.