Css & Grafik Paylaşımlar

http://img.webme.com/pic/i/isacotur/300x250_reklamverin.jpg

http://img.webme.com/pic/i/isacotur/reklamver_300x250.jpg

http://img.webme.com/pic/i/isacotur/reklamverin300x250.jpg

http://img.webme.com/pic/i/isacotur/300x250_reklam_mortema.jpg

http://img.webme.com/pic/i/isacotur/300x250_reklam_pastel.jpg

http://img.webme.com/pic/i/isacotur/300x250_reklam_roses.jpg

http://img.webme.com/pic/i/isacotur/300x250_reklam_vekt%C3%B6rler.jpg

http://img.webme.com/pic/i/isacotur/300x250_reklam_yapboz.jpg

http://img.webme.com/pic/i/isacotur/300X250_reklamver_micrafone.jpg

http://img.webme.com/pic/i/isacotur/300x250banner_rainbow.jpg

http://img.webme.com/pic/i/isacotur/160x600banner_kirtasiye.jpg

http://img.webme.com/pic/i/isacotur/160x600banner_kalem.jpg

http://img.webme.com/pic/i/isacotur/160x600banner_heyecanli.jpg

http://img.webme.com/pic/i/isacotur/160x600banner_kadin.jpg

http://img.webme.com/pic/i/isacotur/160x600banner_circle.jpg

http://img.webme.com/pic/i/isacotur/160x600banner_laptop.png

http://img.webme.com/pic/i/isacotur/160x600banner_drink.jpg

http://img.webme.com/pic/i/isacotur/160x600banner_cocuk.jpg

http://img.webme.com/pic/i/isacotur/160x600banner_bonus.jpg

http://img.webme.com/pic/i/isacotur/160x600banner_mutluluk.jpg

http://img.webme.com/pic/i/isacotur/160x600banner_manken.jpg

http://img.webme.com/pic/i/isacotur/160x600banner_Parenting.jpg

http://img.webme.com/pic/i/isacotur/160x600banner_rainbow3.jpg

http://img.webme.com/pic/i/isacotur/160x600banner_rainbows.jpg

http://img.webme.com/pic/i/isacotur/160x600banner_rainbow5.jpg

http://img.webme.com/pic/i/isacotur/160x600banner_rozet.jpg

http://img.webme.com/pic/i/isacotur/160x600banner_shopingwoman.jpg

http://img.webme.com/pic/i/isacotur/160x600banner_turizm.jpg

http://img.webme.com/pic/i/isacotur/160x600banner_turuncu.jpg

http://img.webme.com/pic/i/isacotur/160x600banner_woman.jpg

http://img.webme.com/pic/i/isacotur/160x600banner_womans.jpg

http://img.webme.com/pic/i/isacotur/225x225banner_rainbow2.jpg

http://img.webme.com/pic/i/isacotur/225x225banner_rainbubble.jpg

http://img.webme.com/pic/i/isacotur/225x225banner_rainbow.jpg

<style type="text/css">#sosyal-medya-og ul a li {float:left;list-style:none;height:35px;width:47px;text-align:center;background:#2c2c2c!important;display:block;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;margin:3px 5px 0 0;padding:9px 0 0!important;}#sosyal-medya-og ul a li div{background-image:url(https://lh3.googleusercontent.com/-dDOZv7dzQ8A/UXyA1s2I_BI/AAAAAAAAFAE/c32c2QT8u0k/s132/css3_sosyal_medya.png);height:15px;width:15px;margin:5px 0 0 26px;}li#facebook:hover{background:#38589f!important}li#twitter:hover{background:#44b0e3!important;}li#googleplus:hover{background:#cd4132!important;}li#rss:hover{background:#f8bc2d!important;}li#facebook div{background-position:0 0;}li#twitter div{background-position:0 -16px;}li#googleplus div{background-position:0 -99px;}li#rss div{background-position:0 -32px;}</style><div id="sosyal-medya-og">
 <ul>
<a href="Facebook Adresiniz"><li id="facebook"><div></div></li></a>
<a href="Twitter Adresiniz"><li id="twitter"><div></div></li></a>
<a href="Google+ Adresiniz"><li id="googleplus"><div></div></li></a>
<a href="Rss Adresiniz"><li id="rss"><div></div></li></a>
 </ul>
</div>

body {

    font-size: 100%;

    color: #333;

    background: #FFF;

    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: #88af3f;

    padding: 4px;

    border: 1px solid #ddd;

    text-decoration: none;

    float: left;

}

#sayfalar li a:hover {

    color: #638425;

    background: #f1ffd6;

    border: 1px solid #85bd1e;

}

#sayfalar li.linksiz {

    color: #CCC;

    border: 1px solid #F3F3F3;

    padding: 4px;

}

#sayfalar li.aktif {

    color: #FFF;

    border: 1px solid #b2e05d;

    padding: 4px;

    background: #b2e05d;

}

<div id="sayfalar">

        <ul>

                <li class="linksiz">« Önceki Sayfa</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>