CSS Sayfalama Örneği 1

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
CSS Kodları
<style type="text/css">
	.sayfalama_kapsul{margin:3px 0px;}
	.sayfalama_kapsul a{display:inline-block;float:left;padding:1px 4px;margin-right:1px;font-size:11px;background:#353C44;color:#fff !important;text-decoration:none;letter-spacing:1px;border-radius:3px;}
	.sayfalama_kapsul a:hover{background:#9A0124;color:#fefefe;}
	.sayfalama_kapsul a.secili{background:#9A0124;color:#fefefe !important;}
</style>
HTML Kodları
<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>
Örnek

Yorumlar

Henüz hiçbir yorum yazılmamış. İlk yorumu siz yapın.

Yorum Yaz

Avatar

REKLAM

DDos Koruma, Botnet Koruma, Layer 7 Saldırı koruması, Sanal sunucu, Vds sunucu

REKLAM

Çizgi Filmler

EN

  • Popüler
  • Yeni
  • Son Yorum