Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj06.10.2009, 18:11 (UTC)    
Mesaj konusu: msn menüsü

ben sitemde msn bölümü yapiyorum ama bunun icin güzel bi dikey msn ile ilgili bir menü lazim ...yani elinizde varsa yada biliosaniz nerde oldugunu böyle seylerin lütfen yazin..umarim yardim edersiniz..Very Happy
Mesaj06.10.2009, 20:30 (UTC)    
Mesaj konusu: Yardım geldi

Kendi yapımım, başka hiç bir yerde bulamıyacağın dikey menü hazırladım menüye HOVER ekledim daha güzel bir görüntü elde etmiş olduk.Lafı uzatmadan kodarı vereyim:

TASARIMIN ÜZERİNE EKLENECEK KOD:
Kod:
<div class="outer">
<div class="menu">
   <ul>
      <li><a href="http://kanalbizim.tr.gg">ANASAYFA</a></li>
      <li><a href="http://kanalbizim.tr.gg/">SOHBET</a></li>
      <li><a href="http://kanalbizim.tr.gg/">CHAT</a></li>
      <li><a href="http://kanalbizim.tr.gg/">HABERLER</a></li>
   </ul>


CSS BÖLÜMÜNE EKLENECEK KOD:
Kod:
 .outer a, .outer div, .outer li, .outer ul, .outer body{
   margin: 0;
   padding: 0;
   font-family: Verdana, Helvetica, Arial, sans-serif;
}
div.menu{
   width: 193px;
}
div.menu ul{
   list-style: none;
   text-indent: 0px;
}
div.menu li{
   margin-top: 8px;
}
div.menu a{
   font: 12px Verdana;
   padding: 4px;
   color: #c00020;
   display:block;
   padding: 6px 50px;
   height: 20px;
   text-decoration: none;
   background: url('http://img.webme.com/pic/k/kanalbizim/msnn3.jpg');
}
div.menu a:hover{
   background: url('http://img.webme.com/pic/k/kanalbizim/msnn2.jpg') no-repeat right;
   padding: 6px 60px;
}:148px;background:url(http://img.webme.com/pic/k/kanalbizim/msnn3.jpg) no-repeat;color:#000000;}


Birde ekran görüntüsünü vereyim :
http://img.webme.com/pic/k/kanalbizim/123.bmp


Yukarıda verilmiş olan linkleri kendine göre değiştirirsin..
ÖNEMLİ NOT: Kaynak gösterilmeden kullanılamaz
Mesaj07.10.2009, 15:01 (UTC)    
Mesaj konusu:

teşekkürler emeğin için
______________
Mesaj07.10.2009, 15:31 (UTC)    
Mesaj konusu:

cok tesekkür ederim isime yaradii...Very Happy
Mesaj07.10.2009, 15:34 (UTC)    
Mesaj konusu:

evt ama ben normal bir sayfaya eklemek istiyorum o zaman ne yapacagim...yani kodlar normal bir sayfaya ekleidm...ama normal link olarak görülüyor...
Mesaj07.10.2009, 18:06 (UTC)    
Mesaj konusu:

dizioyunchatt yazmış:
evt ama ben normal bir sayfaya eklemek istiyorum o zaman ne yapacagim...yani kodlar normal bir sayfaya ekleidm...ama normal link olarak görülüyor...


Resime link vererek onuda yapabilirisin aşşağıda verilen kodlarda (http://kanalbizim.tr.gg gitmesini istediğin adresin ,http://img.webme.com/pic/k/kanalbizim/msndir1.jpg de resim adresindir) .kodu ise şu şekilde olur:

Kod:
<a title="sohbet" target="_blank" href="http://kanalbizim.tr.gg"><img alt="Sohbet Burada" src="http://img.webme.com/pic/k/kanalbizim/msndir1.jpg" /></a>


Yukarıdaki gibi uygularsan resime tıklandığında ana sayfan durur açılmasını istediğin sayfa yeni bir pencerede açılır.

Yada başka bir yol olarakda:
Kod:
<a href="http://kanalbizim.tr.gg[/color]"><img alt="Sohbet Burada" src="http://img.webme.com/pic/k/kanalbizim/msndir1.jpg" /></a>


Bu şekildede resime tıklandığında direk açılmasını istediğin sayfa açılır.
Örnek uygulamayı görmek için:
http://kanalbizim.tr.gg/deneme123.htm
buradan bakabilirisin
Önceki mesajları göster:   


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