Forum
Aktif konular
Üyeler
Kurallar
Arama
CSS Sayfalama Örneği CSS Sayfalama Örneği
-
Uzun içeriklerde kullanıcılara sayfaları daha kullanışlı kılmak için içeriklerinizi sayfalamak için gereken CSS örneğimiz
Sayfalamayı şekillendiren CSS betiğimiz
<style type="text/css"> .sayfalama_kapsul{font-family:"Verdana", Lucida Grande, Tahoma, Arial, sans-serif;font-size:11px;} .sayfalama_kapsul a{display:block;padding:3px 4px;margin:0px 2px;float:left;line-height:11px;background:#c1e578;color:#fff;text-decoration:none;letter-spacing:1px;} .sayfalama_kapsul a:hover{background:#a8b9cd;color:#fefefe;} .sayfalama_kapsul a:first-child{margin-left:0px !important;} .sayfalama_kapsul a:last-child{margin-right:0px !important;} .sayfalama_kapsul a.secili{background:#a8b9cd;color:#fefefe;} </style>HTML kodu
<div class="sayfalama_kapsul"> <a href="#">1</a> <a href="#">2</a> <a class="secili" href="#">3</a> <a href="#">...</a> <a href="#">11</a> <a href="#">12</a> <a href="#">13</a> <a href="#">...</a> <a href="#">20</a> <a class="secili" href="#">21</a> </div>http://www.ontedi.com/cascading-style-sheets/css-sayfalama-ornegi-1.html
-
web sitendeki demo çalışmıyor sanırım. crome firefox ie de denedim.
manşet sistemlerinde kullanılıyor ama bunu dinamik bi hale getirdiğimiz zaman sıkıntı yapar. -
Sitemde kullandığım örnek farklı.
Verdiğim linkteki örnek çalışmakta, çalışmayan örneği koymanın anlamı yok.
Kısayol
Şikayet
Özel Mesaj
Alıntı yap
Toplam Hit: 1797 Toplam Mesaj: 3
Cevapla