Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
[css] cara nggawe multiple link effect
#1
salam cipok...

nyong pan share secuil tentang CSS kyeh, terutama cara nggawe multiple link effect...
maksude piben?? maksude dong neng web kwe pengin link-e ora monoton nandani kwe link, misalae ana sing warnane ireng, ijo, biru kuning de el el a je, trus pas effect mouseover alias pan diklik warnane bisa berubah sejen2 antara link siji karo liyane utawa dalai underline de el el a je...

yuh wis tek mein contone ben paham...
kyeh conto kodene:
Quote:<html>
<head>
<title>Multiple Link Effect</title>
<style type="text/css">
<!--
a {
padding: 5px;
}
a.galgil:link {
color:#FFF;
background:#339933;
text-decoration:none;
width:250px;
}
a.galgil:hover {
color:#FFF;
background:#FF9966;
text-decoration:underline;
}

a.angas:link {
color:#FFF;
background:#FF6666;
text-decoration:none;
width:250px;
}
a.angas:hover {
color:#FFF;
background:#6666CC;
text-decoration:underline;
}

a.dalban:link {
color:#FFF;
background:#0099CC;
text-decoration:none;
width:250px;
}
a.dalban:hover {
color:#FFF;
background:#99CC00;
text-decoration:underline;
}

li {
line-height:30px;
list-style-type:none;
}
-->
</style>
</head>

<body>
<h2>Contoh Penggunaan Multiple Link Effect</h2>
<ul>
<li><a class="galgil" href="http://tegalcyber.org">Link Efek 1</a></li>
<li><a class="angas" href="http://tegalcyber.org">Link Efek 2</a></li>
<li><a class="dalban" href="http://tegalcyber.org">Link Efek 3</a></li>
</ul>
</body>
</html>

Penjelasane:
dadi donk pan gawe kelas link, gampangan bae, tinggal dalai nama kelas sawise tag a (link)
kelas neng css diawali nganggo titik (dot)

Kyeh hasile neng Browser:
[Image: 35n7yfd.gif]

monggo dicoba...
mbokan ana manfaate Josss
secuil mbuapa sing penting ana gunane cool
.:: my heart just for one girl ::.
MOZZERO PENYERAP TAR DAN NIKOTIN
Reply
mantav um, nyong dadi paham, penuliasane dadi ringkas, ora usah anggo tag div, cukup tag a bae.. Udud udud dsit kye um
Wong ndeso sg ora pengin Gaptek.. jakwir2 warahi nyong y, eben nyong aja Gaptek
Reply
nyong nembe bisane dong mouse over nggo gambar Ngikik maning
lumayan keh.. bukmak ahh
........::::::::::Threading Motivator ::::::::::........
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)