Home > Pemula > Belajar HTML CSS > Membuat Box Style Link Cantik ala dr.emi dengan CSS

.

4 Komentar Untuk Artikel Ini BYAdmin Ilmuwebsite

Jimanee 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

DVD Video Tutorial : Kursus Web Development Komplit Bangun 5 Project Aplikasi Website - Membuat CMS Sendiri Dari Nol, Blog, Portal Berita, Ecommerce, Web Komunitas dengan CodeIgniter 3 JQuery AJAX Bootstrap

Video Tutorial Kursus Web Development Komplit Bangun 5 Project Website ini merupakan ‘penunjuk arah’ agar Anda yang sedang maupun baru akan terjun ke dalam dunia web development yang lebih mendalam memiliki peta perjalanan pembelajaran yang lebih terarah menuju web developer professional. (Disertai pembelajaran dasar HTML CSS, JQuery, PHP & MySQL, CodeIgniter) Dibuat oleh praktisi yang memiliki pengalaman lebih dari 10 tahun di bidang web development (Pemesanan bisa SMS/WA ke 0813 1167 5785, atau bisa pesan secara online di sini)



Sort by:   newest | oldest | most voted
modjo
Member

coba dulu akh, thanks infonya

blogdhiksi
Member

thank ya gan..
pemula mau belajar bikin css

webseite erstellen
Member

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.

Rahasia Otak Kanan
Member

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

wpDiscuz
eXTReMe Tracker