• ebook php Web Design

  • Web Design Service

    • Ilmuwebsite Store

  • Partner Ilmuwebsite


    Echo Research Development Center
    Informasi Kota Bogor

  • Recomended Link

    download php
    script php
    manfaat propolis

  • Ilmuwebsite Twitter

  • Ilmuwebsite Fans

    • Membuat Box Style Link Cantik ala dr.emi dengan CSS

    Posted on: May 31st, 2009 by IW

    IW
    Memberikan pembelajaran kepada Anda seputar Web Development, Desain Grafis, dll, secara gratis. Contact: Homepage : http://www.ilmuwebsite.com Facebook : http://www.facebook.com/ilmuwebsite Twitter : https://twitter.com/#!/ilmuwebsite Email: admin@ilmuwebsite.com Ads:

    manfaat propolis

    Membuat Box Style Link Cantik ala dr.emi dengan CSS web desain grafisJimanee nDesign box link cantik dengan menggunakan CSS ?

    Pernah liat page link nyang ada di :? http://www.dremi.info/tutorial/photoshop-forum.php ???
    nah bagian paging na gw pake CSS bwat bikin box link na, kali ini kita bikin nyang sama tapi dengan style CSS nyang berbeda.

    Simple aja mulai dengan style ke gini:

    ?

    <style>
    ??? #pagin a
    ??? {
    ??? font-family:Tahoma;
    ??? font-size:11px;
    ??? display:block;
    ??? float:left;
    ??? cursor:pointer;
    ??? color:#00c;
    ??? text-decoration:none;
    ??? display:inline-block;
    ??? border:1px solid #ccc;
    ??? padding:.3em .7em;
    ??? margin:0 .38em 0 0;
    ??? text-align:center
    ??? }
    ??? #pagin a:hover
    ??? {
    ??? background:#f0f7e8;
    ??? border:1px solid #83bc46
    ??? }
    ??? #pagin a.sel
    ??? {
    ??? color:#333;
    ??? font-weight:normal;
    ??? background:#f0f7e8;
    ??? cursor: default;
    ??? border:1px solid #83bc46
    ??? }
    ??? </style>

     

    Tros terapkan ke dalam halaman HTML lu:

    ?

    <div id=”pagin”>
    ??? <a class=”sel”>1</a><a href=”http://csslovers.co.cc”>2</a>
    ??? <a href=”http://dremi468.blogspot.com”>3</a>
    ??? <a href=”http://dremi.info/tutorial/photoshop-forum.php”>4</a>
    ??? </div>

    heehe jadi dah, lagi lagi tutorial CSS na singket !!! biarin weks :P !!

    Penasaran kan mao liat hasilna ?? klik ajah link dibawah ini, bwat preview hasilna:

    http://www.dremi.info/web/tips/css-box-style-design.html

     

    Tros kalo mao download disini:

    http://www.ziddu.com/download/1774822/css-box-style-design.rar.html

    Membuat Box Style Link Cantik ala dr.emi dengan CSS web desain grafisCara Membuat Website dengan Adobe Dreamweaver

    Ingin tau lebih jelas, lebih cerdas, tentang cara pembuatan website? Store Ilmuwebsite menyediakan CD Tutorial Interaktif dengan harga murah, mengantar Anda menjadi seorang web designer yang handal


    Membuat Box Style Link Cantik ala dr.emi dengan CSS web desain grafisMahir PHP MySQL Membuat Aplikasi Dinamis Berbasis Web

    Ingin tau lebih jelas, lebih cerdas, tentang cara pembuatan website dinamis atau aplikasi berbasis web? Kami punya solusi yang sangat sangat murah! Lebih ampuh dari hanya sekedar membaca buku, interaktif layaknya kursus PHP biasa

    No related posts.

    4 Responses

    1. modjo says:
      18 February, 2010 at 7:48 AM

      coba dulu akh, thanks infonya

    2. blogdhiksi says:
      18 March, 2010 at 7:22 PM

      thank ya gan..
      pemula mau belajar bikin css

    3. webseite erstellen says:
      7 April, 2010 at 8:50 PM

      I studied the css tutorial and I really learned a lot. I think my next homepage will be a lot better than my first one.

    4. Rahasia Otak Kanan says:
      7 June, 2010 at 1:12 PM

      Infonya bagus,,
      Thanks ya…sangat bermanfaat sekali buat saya yang masih pemula
      Boleh Tukaran link Ga?? he