SayfaNo

Bu dersimizde sayfa numaralandırma dersini anlatacağız.
Önce tasarım üstü kodunu ekleyeceğiz.Buradaki renk kodlarını kendinize göre ayarlayabilirsiniz.
<style type="text/css">
body {
    font-size: 100%;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
}
#sayfalar {
    padding: 3px;
}
#sayfalar ul {
    list-style-type: none;
}
#sayfalar li {
    float: left;
    display: inline;
    margin: 0 5px 0 0;
    display: block;
}
#sayfalar li a {
    color: #000000;
    padding: 4px;
    border: 1px solid #ddd;
    text-decoration: none;
    float: left;
}
#sayfalar li a:hover {
    color: #000000;
    background: #BEBEBE;
    border: 1px solid #2F4F4F;
}
#sayfalar li.linksiz {
    color: #CCC;
    border: 1px solid #F3F3F3;
    padding: 4px;
}
#sayfalar li.aktif {
    color: #FFF;
    border: 1px solid #2F4F4F;
    padding: 4px;
    background: #79CDCD;
}
</style>


Ardından da html kodumuzu ekleyeceğiz.
<div id="sayfalar">
<ul>
    <li class="linksiz">&laquo; <span style="color: rgb(0, 0, 0);">&Ouml;nceki Sayfa</span></li>
    <li class="aktif">1</li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
    <li><a href="#">6</a></li>
    <li><a href="#">7</a></li>
    <li><a href="#">8</a></li>
    <li><a href="#">9</a></li>
    <li><a href="#">10</a></li>
    <li><a href="#">Sonraki Sayfa  &raquo;</a></li>
</ul>
</div>



Önizleme:
KAYNAK:
CssimBenim



Bu sayfa hakkındaki son yorum:
Yorumu gönderen: Sannah, 29.10.2012, 08:11 (UTC):
Kudos to you! I hadn't toughht of that!

Yorumu gönderen::30.07.2012, 12:46 (UTC)
ehliwie-samux
ehliwie-samux
Kapalı

selam-icebluede ben sayfalama yapa bilirmiyim?lutfen yardimci olun

Yorumu gönderen::04.07.2011, 13:59 (UTC)
bs-katcd
bs-katcd
Kapalı

tek tek eklıycen akıllım

Yorumu gönderen::03.07.2011, 08:10 (UTC)
experblog
experblog
Kapalı

oldukça iyi anlatılmış neyini anlamdınız ilk kodu tasarımın üstüne eklyin 2 koduda tasarım ayarlarında metin yerine ekleyin okadar örnek www.experblog.tr.gg

Yorumu gönderen::01.07.2011, 08:43 (UTC)
facebook-makara
facebook-makara
Kapalı

sayfaları biz tek tek mi eklicez yoksa otomaTikman eklencek mi ?

Yorumu gönderen::06.06.2011, 11:40 (UTC)
wwebw
wwebw
Kapalı

Anlamadım ama sağol.emma çevir şunu yha küfür müfür etmesin bide

Yorumu gönderen::06.06.2011, 11:07 (UTC)
wwebw
wwebw
Kapalı

Anlamadım ama sağol.emma çevir şunu yha küfür müfür etmesin bide

Yorumu gönderen: Maliyah, 24.05.2011, 03:52 (UTC):
What a joy to find such clear tihnknig. Thanks for posting!

Yorumu gönderen::22.04.2011, 13:44 (UTC)
wwebw
wwebw
Kapalı

Biraz daha açarmısınız?

Yorumu gönderen::07.04.2011, 14:52 (UTC)
serginweb
serginweb
Kapalı

Arkadaşım css kodu içerik yazılarımı ç.ok büyütüyor. buda çok köt buna çare var mı

Yorumu gönderen::18.03.2011, 21:35 (UTC)
wwebw
wwebw
Kapalı

Görünmesini istediğiniz yere ekleyeceksnz.

Yorumu gönderen: InteLMax, 12.03.2011, 15:55 (UTC):
Ardından da html kodumuzu ekleyeceğiz.

<div id="sayfalar">
<ul>
<li class="linksiz">« <span style="color: rgb(0, 0, 0);">Önceki Sayfa</span></li>
<li class="aktif">1</li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="#">7</a></li>
<li><a href="#">8</a></li>
<li><a href="#">9</a></li>
<li><a href="#">10</a></li>
<li><a href="#">Sonraki Sayfa »</a></li>
</ul>
</div>


'u nereye ekliyeceğiz cevap verebilirmsiniz?

Yorumu gönderen::10.03.2011, 09:26 (UTC)
asgardika
asgardika
Kapalı

saol

Yorumu gönderen::21.02.2011, 22:08 (UTC)
ssablontika
ssablontika
Kapalı

Güzel paylaşım Bugrahan



Bu sayfa hakkında yorum ekle:
İsmin:
Mesajınız:

=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=