Forum'da ara:
Ara


Yazar Mesaj
Mesaj15.12.2008, 20:09 (UTC)    
Mesaj konusu: Linkdeki Menuyu Siteye Uygulama ?

ARKADAŞLAR
http://www.dynamicdrive.com/style/csslibrary/item/glossy_horizontal_menu/

BU LİNKTEKİ MENÜDEN BİRİNİ TR..GG YE UYARLI OLARAK ÇEVİREBİLİRMİSİNİZ.ÇEVİRİN KODU BURAYA KOYUN

Düzenleme : ironarchives
Başlıklarınızı Konunuzu Özetleyecek Şekilde, UYGUN BİR DİL İLE ve Küçük Harfler İle Açınız...

______________



En son netgazi tarafından 16.12.2008 04:06:03 tarihinde değiştirildi, toplam 1 kere değiştirildi
Mesaj15.12.2008, 20:24 (UTC)    
Mesaj konusu: Re: ŞU MENÜYÜ TR.GG YE ÇEVİREBİLEÇEK ÇEVİRSİN

kodu buraya koyun yerine biraz daha nazik olunsa hoş olurdu Razz çünkü kodları herkes düzenlemeyi bilmez ve uğraşmak istemez.. Ama insanlık öldü mü be Razz

Kod:
<style type="text/css">
 
/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */

.glossymenu{
   position: relative;
   padding: 0 0 0 34px;
   margin: 0 auto 0 auto;
   background: url(http://www.dynamicdrive.com/cssexamples/media/menur_bg.gif) repeat-x; /*tab background image path*/
   height: 46px;
   list-style: none;
}

.glossymenu li{
   float:left;
}

.glossymenu li a{
   float: left;
   display: block;
   color:#000;
   text-decoration: none;
   font-family: sans-serif;
   font-size: 13px;
   font-weight: bold;
   padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
   height: 46px;
   line-height: 46px;
   text-align: center;
   cursor: pointer;   
}

.glossymenu li a b{
   float: left;
   display: block;
   padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
   color: #fff;
   background: url(http://www.dynamicdrive.com/cssexamples/media/menur_hover_left.gif) no-repeat; /*left tab image path*/
   background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
   color: #fff;
   background: url(http://www.dynamicdrive.com/cssexamples/media/menur_hover_right.gif) no-repeat right top; /*right tab image path*/
}

</style>


üstteki kodu hiç değiştirmeden eklemen gerek. Ama koddaki
http://www.dynamicdrive.com/cssexamples/media/menur_bg.gif
http://www.dynamicdrive.com/cssexamples/media/menur_hover_left.gif
http://www.dynamicdrive.com/cssexamples/media/menur_hover_right.gif
resimleri kendi sitenize yükleyip değiştirirseniz daha iyi olur. Çünkü site resimlerin yerini değiştirebilir.


Kod:
<ul class="glossymenu">
   <li class="current"><a href="http://www.dynamicdrive.com/"><b>Home</b></a></li>
   <li><a href="http://www.dynamicdrive.com/style/"><b>CSS</b></a></li>
   <li><a href="http://www.dynamicdrive.com/forums/"><b>Forums</b></a></li>   
   <li><a href="http://tools.dynamicdrive.com"><b>Webmaster Tools</b></a></li>   
   <li><a href="http://www.javascriptkit.com/"><b>JavaScript</b></a></li>   
   <li><a href="http://www.cssdrive.com"><b>Gallery</b></a></li>   
</ul>


üstteki kod da hemen altına eklenecek. Bu menünün iskeleti. Daha çoğaltılabilir...
Kod:
<li><a href="nereye gideceği"><b>Verilecek isim</b></a></li>   
</ul>

şeklinde..
Umarım yardımcı olmuşumdur Wink Razz
Mesaj15.12.2008, 20:35 (UTC)    
Mesaj konusu:

tşkkr krdş biraz aklıma yattı
______________

Mesaj15.12.2008, 20:42 (UTC)    
Mesaj konusu:

netgazi yazmış:
tşkkr krdş biraz aklıma yattı

rica ederim olmazsa eğer bu başlık altından her türlü yardımcı olurum Wink
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu