My Articels

Membuat Box Style Link Cantik ala dr.emi dengan CSS

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

MEMBUAT LOGO PADA ADDRES BAR


Favicon adalah icon kecil yang ada di url address bar, bisa juga masuk dalam daftar bookmark jika kita mem bookmark suatu situs yang mempunyai Favicon, untuk ukurannya favicon sendiri adalah 16 x 16 pixel.

Berikut tutorial nya bagaimana cara membuat Logo pada URL Address Browser:
caranya siapkan icon favorite anda, download icon-icon dibawah ini:

http://www.webdeveloper.com/favicon.ico

http://www.oscmax.com/favicon.ico

http://www.coffeecup.com/favicon.ico

http://unblock-url.qarchive.org/favicon.ico

http://www.pizzahut.com/favicon.ico

http://www.starbucks.com/favicon.ico


Setelah itu silahkan klik kanan salah satu icon, lalu pilih Save Image As.. -> lalu save
Cara pemasangannya bisa anda Upload dan letakkan di direcrtory root dengan nama: favicon.ico

atau bisa juga letakkan tag di bawah ini dalam header anda
<head>
….
<LINK REL=”SHORTCUT ICON” HREF=”http://www.yourwebsite.com/favicon.ico” />
</head>

© Copyright ilmuwebsite.com 2008

Responses

  1. . kereennnnnnnnnnn abiiissssssssssssss .

  2. waduh yang sudah bisa CSS…. ajarin donk


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.