Creative-Blog

Sayfa Numaralandirma Yap

Kendi anlatımlarımdan biri ile daha yine karşınızdayım. Çoğu sitede bulunan ve gerekli olan "Sayfa Numaralandırma" kodunun yapımını anlattım. Biraz aceleye gelmiş bi anlatım olsada açıklayıcı olarak anlattığımı düşünüyorum. Bu basit HTML anlatımıyla umarı siz çok daha güzel sayfa numaralandırmaları yaparsınız. Creative-Blog ayrıcalığıyla iyi seyirler. =)

Not: Ayarlardan 720p yapıp izlerseniz kaliteye ulaşırsınız.

Geri 1 2 3 4 5 6 7 İleri

<style type="text/css"> #Gri-Sayfa-Num ul li a { text-decoration: none; color: #000; font-family: Tahoma; font-size: 17px; display: block; padding-right: 8px; padding-left: 8px; padding-top: 5px; padding-bottom: 5px; margin-right: 5px; margin-left: 5px; background-color: #E6E6E6; border: thin solid #999; border-radius: 8px; /* Standart */ -moz-border-radius: 8px; /* Firefox */ -webkit-border-radius: 8px; } #Gri-Sayfa-Num ul li a:hover { background-color: #CCC; text-decoration: underline; } #Gri-Sayfa-Num ul { list-style-type: none; margin: 0px; padding: 0px; float: none; } #Gri-Sayfa-Num ul li { float: left; } </style> <div id="Gri-Sayfa-Num"> <ul> <li style="text-align: center;"><a href="#" _fcksavedurl="#">Geri</a></li> <li><a href="#" _fcksavedurl="#">1</a></li> <li><a href="#" _fcksavedurl="#">2</a></li> <li><a href="#" _fcksavedurl="#">3</a></li> <li><a href="#" _fcksavedurl="#">4</a></li> <li><a href="#" _fcksavedurl="#">5</a></li> <li><a href="#" _fcksavedurl="#">6</a></li> <li><a href="#" _fcksavedurl="#">7</a></li> <li><a href="#" _fcksavedurl="#">İleri</a></li> </ul> </div>