Forum'da ara:
Ara


Yazar Mesaj
Mesaj01.08.2012, 02:00 (UTC)    
Mesaj konusu: Css & Grafik Paylaşımlar


Merhaba arkadaşlar.. Birçok kez bu ve benzeri başlıklar açıldı.. Bu başlığı öncelikle sabit yapıyorum.. Çünkü burada herkes istekte bulunabilir ve herkes isteklere cevap verebilir..

Paylaşımda bulunmak isteyenlerin dikkatine..!
Kendinize ait olmayan veya alıntı mesajlar ile bu konuya cevap vermeyin.. Reklam yapanlar vs. olursa gereken yapılacaktır, lütfen buna gerek kalmasın... Teşekkürler...

Paylaşımların Yapılacağı Kategoriler

Arrow Üst Menüler
Arrow Dikey Menüler
Arrow Açılır Üst Menüler
Arrow Tablo Tasarımlar
Arrow Buton Tasarımlar
Arrow Blog Anasayfaları
Arrow Blog Numaralandırmaları
Arrow Reklam Alanı Görselleri

Ek olarak;
Burası tasarım istek başlığı değildir.. Bu tür isteklerde dahi bulunmayın.. Teşekkürler..

Paylaşımlarınızda kullanabileceğiniz resimler...


Kod:
[img]http://img.webme.com/pic/g/grafikdizayn/cgp_onizleme.png[/img]


Kod:
[img]http://img.webme.com/pic/g/grafikdizayn/cgp_kod.png[/img]


En son grafikdizayn tarafından 03.08.2012 21:33:41 tarihinde değiştirildi, toplam 3 kere değiştirildi
Mesaj01.08.2012, 02:52 (UTC)    
Mesaj konusu:

Paylaşım 01 : Dikey Menü




Kod:
<style type="text/css">
#linkhover ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align:left;
}
#linkhover ul li a {
display: block;
height: 23px;
width: 250px;
color: #fff;
font-family: Calibri, Arial;
text-decoration: none;
padding-top:2px;
padding-left: 5px;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_1.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#linkhover ul li a:hover {
padding-left: 7px;
color: #fff;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_2.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
</style>
<div id="linkhover">
<ul>
    <li><a href="#">Sayfanın Adı</a></li>
    <li><a href="#">Sayfanın Adı</a></li>
    <li><a href="#">Sayfanın Adı</a></li>
    <li><a href="#">Sayfanın Adı</a></li>
    <li><a href="#">Sayfanın Adı</a></li>
    <li><a href="#">Sayfanın Adı</a></li>
    <li><a href="#">Sayfanın Adı</a></li>
    <li><a href="#">Sayfanın Adı</a></li>
    <li><a href="#">Sayfanın Adı</a></li>
    <li><a href="#">Sayfanın Adı</a></li>
    </ul>
    </div>
</ul>
</div>
Mesaj01.08.2012, 03:05 (UTC)    
Mesaj konusu:

Paylaşım 02 : 468x60 Reklam Alanları




Kod:
[img]http://img.webme.com/pic/g/grafikdizayn/cgp_4.png[/img]





Kod:
[img]http://img.webme.com/pic/g/grafikdizayn/cgp_5.png[/img]





Kod:
[img]http://img.webme.com/pic/g/grafikdizayn/cgp_6.png[/img]





Kod:
[img]http://img.webme.com/pic/g/grafikdizayn/cgp_7.png[/img]





Kod:
[img]http://img.webme.com/pic/g/grafikdizayn/cgp_8.png[/img]





Kod:
[img]http://img.webme.com/pic/g/grafikdizayn/cgp_9.png[/img]





Kod:
[img]http://img.webme.com/pic/g/grafikdizayn/cgp_10.png[/img]
Mesaj01.08.2012, 03:16 (UTC)    
Mesaj konusu:

Paylaşım 03 : Son Eklenenler Tablosu




Kod:
<table width="500" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="200" align="left" valign="top" background="http://img.webme.com/pic/g/grafikdizayn/cgp_11.png"><table width="500" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="34" height="30">&nbsp;</td>
        <td width="426">&nbsp;</td>
        <td width="40">&nbsp;</td>
      </tr>
      <tr>
        <td height="19">&nbsp;</td>
        <td align="left" valign="middle"><a href="http://$Link Buraya"><span style="font-family: 'Calibri'; "><span style="font-size: 13px; ">1. Konunun İsmi Buraya</span></span></a></td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="19">&nbsp;</td>
        <td align="left" valign="middle"><a href="http://$Link Buraya"><span style="font-family: 'Calibri'; "><span style="font-size: 13px; ">2. Konunun İsmi Buraya</span></span></a></td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="19">&nbsp;</td>
        <td align="left" valign="middle"><a href="http://$Link Buraya"><span style="font-family: 'Calibri'; "><span style="font-size: 13px; ">3. Konunun İsmi Buraya</span></span></a></td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="19">&nbsp;</td>
        <td align="left" valign="middle"><a href="http://$Link Buraya"><span style="font-family: 'Calibri'; "><span style="font-size: 13px; ">4. Konunun İsmi Buraya</span></span></a></td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="19">&nbsp;</td>
        <td align="left" valign="middle"><a href="http://$Link Buraya"><span style="font-family: 'Calibri'; "><span style="font-size: 13px; ">5. Konunun İsmi Buraya</span></span></a></td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="19">&nbsp;</td>
        <td align="left" valign="middle"><a href="http://$Link Buraya"><span style="font-family: 'Calibri'; "><span style="font-size: 13px; ">6. Konunun İsmi Buraya</span></span></a></td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="19">&nbsp;</td>
        <td align="left" valign="middle"><a href="http://$Link Buraya"><span style="font-family: 'Calibri'; "><span style="font-size: 13px; ">7. Konunun İsmi Buraya</span></span></a></td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="19">&nbsp;</td>
        <td align="left" valign="middle"><a href="http://$Link Buraya"><span style="font-family: 'Calibri'; "><span style="font-size: 13px; ">8. Konunun İsmi Buraya</span></span></a></td>
        <td>&nbsp;</td>
      </tr>
    </table></td>
  </tr>
</table>
Mesaj01.08.2012, 08:07 (UTC)    
Mesaj konusu:

Paylaşım 4: Dikey Sol Açılan Menü
Not: Kodun Canlı Önizlemesini Görmek İçin Önizleme Resmine Tıklayın...





Kod:
<style type="text/css">
#onmenu {
   width: 250px;
}

#onmenu ul {
   list-style-type: none;
   margin: 0px;
   padding: 0px;
}
#onmenu ul li a {
   text-decoration: none;
   color: #CCC;
   font-family: Tahoma, Geneva, sans-serif;
   display: block;
   height: 23px;
   width: 245px;
   padding-top:2px;
   padding-left: 5px;
   background-image: url(http://img.webme.com/pic/o/oyunlarbilecik2/onmenu1.png);
   margin-bottom: 1px;
}
#onmenu ul li a:hover {
   background-image: url(http://img.webme.com/pic/o/oyunlarbilecik2/onmenu1hv.png);
}
</style>
<div id="onmenu">
  <ul>
    <li><a href="#">Eklenecek</a></li>
    <li><a href="#">Eklenecek</a></li>
    <li><a href="#">Eklenecek</a></li>
    <li><a href="#">Eklenecek</a></li>
    <li><a href="#">Eklenecek</a></li>
    <li><a href="#">Eklenecek</a></li>
    <li><a href="#">Eklenecek</a></li>
    <li><a href="#">Eklenecek</a></li>
  </ul>
</div>

______________


En son oyunlarbilecik tarafından 12.09.2012 14:12:39 tarihinde değiştirildi, toplam 1 kere değiştirildi
Mesaj01.08.2012, 08:27 (UTC)    
Mesaj konusu:


Kod:
http://img.webme.com/pic/d/devrimcity/3.gif



Kod:
http://img.webme.com/pic/d/devrimcity/5.gif



Kod:
http://img.webme.com/pic/d/devrimcity/6.gif



Kod:
http://img.webme.com/pic/d/devrimcity/7.gif



Kod:
http://img.webme.com/pic/d/devrimcity/888.gif



Kod:
http://img.webme.com/pic/d/devrimcity/1205.gif



Kod:
http://img.webme.com/pic/d/devrimcity/668.gif



Kod:
http://img.webme.com/pic/d/devrimcity/77777.gif



Kod:
http://img.webme.com/pic/d/devrimcity/157.gif



Kod:
http://img.webme.com/pic/d/devrimcity/73335.gif



Kod:
http://img.webme.com/pic/d/devrimcity/dv10.gif



Kod:
http://img.webme.com/pic/d/devrimcity/zz7.gif



Kod:
http://img.webme.com/pic/d/devrimcity/zz4.gif



Kod:
http://img.webme.com/pic/d/devrimcity/zz3.gif



Kod:
http://img.webme.com/pic/d/devrimcity/zz2.gif



Kod:
http://img.webme.com/pic/d/devrimcity/dvmcty91.gif



Kod:
http://img.webme.com/pic/d/devrimcity/dvmcty92.gif



Kod:
http://img.webme.com/pic/d/devrimcity/dvrmcty90.gif






Burada Arkadaşlar
''Blog Anasayfaları'' Bunlardanda paylaşırmısınız Very Happy
Mesaj01.08.2012, 08:32 (UTC)    
Mesaj konusu:



Kod:
http://img.webme.com/pic/c/ciz-dizayn/reklamver16.png





Kod:
http://img.webme.com/pic/c/ciz-dizayn/reklamver17.png

______________
Bir profesyonel yaptığı yardımları değil, kendisine yapılan yardımları hatırlayan'dır.

Sorunlar İçin destek( at )bedava-sitem.com Adresine mail atınız.
Mesaj01.08.2012, 11:41 (UTC)    
Mesaj konusu:


Kod:
http://img.webme.com/pic/b/by-gurgen/1.gif


Kod:
http://img.webme.com/pic/b/by-gurgen/2.gif


Kod:
http://img.webme.com/pic/b/by-gurgen/3.gif


Kod:
http://img.webme.com/pic/b/by-gurgen/4.gif

Şimdilik Bu Kadar
Mesaj01.08.2012, 14:57 (UTC)    
Mesaj konusu:



Kod:
http://img.webme.com/pic/b/by-gurgen/125reklam1.gif



Kod:
http://img.webme.com/pic/b/by-gurgen/125reklam2.jpg



Kod:
http://img.webme.com/pic/b/by-gurgen/125reklam3.png



Kod:
http://img.webme.com/pic/b/by-gurgen/125reklam4.png
Mesaj01.08.2012, 15:03 (UTC)    
Mesaj konusu:


Kod:
http://img.webme.com/pic/b/by-gurgen2/blue.png


Kod:
http://img.webme.com/pic/b/by-gurgen2/green.png


Kod:
http://img.webme.com/pic/b/by-gurgen2/red.png


Kod:
http://img.webme.com/pic/b/by-gurgen2/slowblue.png


Kod:
http://img.webme.com/pic/b/by-gurgen2/slowgreen.png


Kod:
http://img.webme.com/pic/b/by-gurgen2/yellow.png
[/code]
Mesaj01.08.2012, 15:19 (UTC)    
Mesaj konusu:

Kusura Bakmayın Önizleme Koyamadım.Html'de önizleme bilmiyorum forumda..
Ama Oyunlar Bilecik Arkadaşımın yapmış olduğu menüye benziyor.




Kod:
<style type="text/css">
#onmenu {
   width: 250px;
}

#onmenu ul {
   list-style-type: none;
   margin: 0px;
   padding: 0px;
}
#onmenu ul li a {
   text-decoration: none;
   color: #FFFFFF;
   font-family: Tahoma, Geneva, sans-serif;
   display: block;
   height: 23px;
   width: 245px;
   padding-top:2px;
   padding-left: 5px;
   background-image: url(http://img.webme.com/pic/b/by-gurgen/menu1.png);
   margin-bottom: 1px;
}
#onmenu ul li a:hover {
   background-image: url(http://img.webme.com/pic/b/by-gurgen/menu2.png);
}
</style>
<div id="onmenu">
<ul>
    <li><a href="#">Buraya Yazı</a></li>
    <li><a href="#">Buraya Yazı</a></li>
    <li><a href="#">Buraya Yazı</a></li>
    <li><a href="#">Buraya Yazı</a></li>
    <li><a href="#">Buraya Yazı</a></li>
    <li><a href="#">Buraya Yazı</a></li>
    <li><a href="#">Buraya Yazı</a></li>
    <li><a href="#">Buraya Yazı</a></li>
</ul>
</div>


Dipnot : Önizleme konuya eklenmiştir.. Önizleme için kodu web sitenize ekleyin ve daha sonra Print Screen tuşu ile ekranın görüntüsünü çekip kesin.. Sonra da web sitenize yükleyin Smile


En son by-gurgen tarafından 01.08.2012 20:04:53 tarihinde değiştirildi, toplam 1 kere değiştirildi
Mesaj01.08.2012, 20:09 (UTC)    
Mesaj konusu:

Görseli ben konuya ekledim ve açıklama ile nasıl yükleyebileceğini anlattım..

Menü yapamayan arkadaşlar için konuların linkleri;

Arrow Dikey Menü Hazırlamak]
Arrow Üst Menü Hazırlamak]
Arrow Açılır Üst Menü Hazırlamak]
Mesaj01.08.2012, 20:50 (UTC)    
Mesaj konusu:

Paylaşım: Reklam Alanı Banneri 468x60




Kod:
[img]http://img.webme.com/pic/o/oyunlarbilecik2/forumobreklam1.gif[/img]




Kod:
[img]http://img.webme.com/pic/o/oyunlarbilecik2/forumobreklam2.gif[/img]




Kod:
[img]http://img.webme.com/pic/o/oyunlarbilecik2/forumobreklam3.gif[/img]




Kod:
[img]http://img.webme.com/pic/o/oyunlarbilecik2/forumobreklam4.gif[/img]




Kod:
[img]http://img.webme.com/pic/o/oyunlarbilecik2/forumobreklam5.gif[/img]

______________
Mesaj02.08.2012, 20:18 (UTC)    
Mesaj konusu:

Birkaç tane daha..


Kod:
http://img.webme.com/pic/b/by-gurgen/5.png



Kod:
http://img.webme.com/pic/b/by-gurgen/6.gif
Mesaj02.08.2012, 20:56 (UTC)    
Mesaj konusu:

Paylaşım : 10 Adet Dikey Menü




Kod:
<style type="text/css">
#linkhover ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align:left;
}
#linkhover ul li a {
background-color: #;
display: block;
height: 19px;
width: 250px;
color: #000000;
padding-left:5px;
font-family: calibri,arial;
font-size: 14px;
text-decoration: none;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_14.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#linkhover ul li a:hover {
background-color: #;
padding-left:20px;
color: #000000;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_15.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
</style>
<div id="linkhover">
<ul>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    </ul>
    </div>
</ul>
</div>






Kod:
<style type="text/css">
#linkhover ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align:left;
}
#linkhover ul li a {
background-color: #;
display: block;
height: 19px;
width: 250px;
color: #ffffff;
padding-left:5px;
font-family: calibri,arial;
font-size: 14px;
text-decoration: none;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_16.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#linkhover ul li a:hover {
background-color: #;
padding-left:20px;
color: #ffffff;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_17.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
</style>
<div id="linkhover">
<ul>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    </ul>
    </div>
</ul>
</div>






Kod:
<style type="text/css">
#linkhover ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align:left;
}
#linkhover ul li a {
background-color: #;
display: block;
height: 19px;
width: 250px;
color: #ffffff;
padding-left:5px;
font-family: calibri,arial;
font-size: 14px;
text-decoration: none;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_18.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#linkhover ul li a:hover {
background-color: #;
padding-left:20px;
color: #ffffff;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_19.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
</style>
<div id="linkhover">
<ul>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    </ul>
    </div>
</ul>
</div>





Kod:
<style type="text/css">
#linkhover ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align:left;
}
#linkhover ul li a {
background-color: #;
display: block;
height: 19px;
width: 250px;
color: #000000;
padding-left:5px;
font-family: calibri,arial;
font-size: 14px;
text-decoration: none;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_20.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#linkhover ul li a:hover {
background-color: #;
padding-left:20px;
color: #000000;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_21.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
</style>
<div id="linkhover">
<ul>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    </ul>
    </div>
</ul>
</div>





Kod:
<style type="text/css">
#linkhover ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align:left;
}
#linkhover ul li a {
background-color: #;
display: block;
height: 19px;
width: 250px;
color: #000000;
padding-left:5px;
font-family: calibri,arial;
font-size: 14px;
text-decoration: none;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_22.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#linkhover ul li a:hover {
background-color: #;
padding-left:20px;
color: #000000;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_23.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
</style>
<div id="linkhover">
<ul>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    </ul>
    </div>
</ul>
</div>





Kod:
<style type="text/css">
#linkhover ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align:left;
}
#linkhover ul li a {
background-color: #;
display: block;
height: 19px;
width: 250px;
color: #ffffff;
padding-left:5px;
font-family: calibri,arial;
font-size: 14px;
text-decoration: none;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_24.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#linkhover ul li a:hover {
background-color: #;
padding-left:20px;
color: #ffffff;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_25.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
</style>
<div id="linkhover">
<ul>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    </ul>
    </div>
</ul>
</div>





Kod:
<style type="text/css">
#linkhover ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align:left;
}
#linkhover ul li a {
background-color: #;
display: block;
height: 19px;
width: 250px;
color: #ffffff;
padding-left:5px;
font-family: calibri,arial;
font-size: 14px;
text-decoration: none;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_26.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#linkhover ul li a:hover {
background-color: #;
padding-left:20px;
color: #ffffff;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_27.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
</style>
<div id="linkhover">
<ul>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    </ul>
    </div>
</ul>
</div>





Kod:
<style type="text/css">
#linkhover ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align:left;
}
#linkhover ul li a {
background-color: #;
display: block;
height: 19px;
width: 250px;
color: #ffffff;
padding-left:5px;
font-family: calibri,arial;
font-size: 14px;
text-decoration: none;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_28.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#linkhover ul li a:hover {
background-color: #;
padding-left:20px;
color: #ffffff;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_29.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
</style>
<div id="linkhover">
<ul>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    </ul>
    </div>
</ul>
</div>





Kod:
<style type="text/css">
#linkhover ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align:left;
}
#linkhover ul li a {
background-color: #;
display: block;
height: 19px;
width: 250px;
color: #ffffff;
padding-left:5px;
font-family: calibri,arial;
font-size: 14px;
text-decoration: none;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_30.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#linkhover ul li a:hover {
background-color: #;
padding-left:20px;
color: #ffffff;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_31.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
</style>
<div id="linkhover">
<ul>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    </ul>
    </div>
</ul>
</div>





Kod:
<style type="text/css">
#linkhover ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align:left;
}
#linkhover ul li a {
background-color: #;
display: block;
height: 19px;
width: 250px;
color: #ffffff;
padding-left:5px;
font-family: calibri,arial;
font-size: 14px;
text-decoration: none;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_32.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#linkhover ul li a:hover {
background-color: #;
padding-left:20px;
color: #ffffff;
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_33.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
</style>
<div id="linkhover">
<ul>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li>
    </ul>
    </div>
</ul>
</div>


Sizlerinde paylaşımlarınızı bekliyorum... Hadi bakalım Smile Tümü bana aittir.. Dilediğiniz gibi kullanın fakat yayınlayacaksanız bu başlığın linkini verin Smile
Önceki mesajları göster:   


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