SEO (Arama Motoru Optimizasyonu) Mikro İnteraktif ÜCRETSİZ - Google Play'den İndirin

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

Yorum Yaz

Avatar

REKLAM

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

REKLAM

En Yeni Çizgi Filmler, Masallar ve Etkinlikler

REKLAM

SEO-Arama Motoru Optimizasyonu Uygulaması

REKLAM

Hayvan Sesleri Uygulaması

REKLAM

Çocuk Etkinlikleri Uygulaması

EN

  • Popüler
  • Yeni
  • Son Yorum