Nih saya punya tips buat yang mau mempercantik tampilan website, ada efek kalimat berjalan juga nih bray..
Caranya cuma simple aja ko..
Buka html-nya dulu, true ketikkan kode ini:
<marquee><div style="-moz-box-shadow: inset 0 1px 5px 0 #f0f0f0; background: #f0f0f0; border: 1px solid #f0f0f0; box-shadow: inset 0 1px 5px 0 #660099; font-family: Cataneo BT; font-size: 15px; font-weight: bolder; padding: 5px 20px; text-align: center;">
<script type="text/javascript">
var message="Selamat Datang di Web Kami"
var bgsGR1color="#660099" /* Warna utama teks */
var n=0
if (document.all||document.getElementById){document.write('<font color="'+bgsGR1color+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')}else
document.write(message)
function crossref(number){var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj}function neon(){if (n==0){for (m=0;m<message.length;m++)
crossref(m).style.color=bgsGR1color}
crossref(n).style.color=bgsGR2color
if (n>flashingletters-1) crossref(n-flashingletters).style.color=bgsGR3color
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=bgsGR1color
if (n<message.length-1)
n++
else{n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return}}
function beginneon(){if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)}
beginneon()
</script>
</div></marquee>
Kalo buat warna-warnnya ngga usah dijelasin ya bray. Kalian bisa cari kode-kode warna sendiri, trus kalian edit/ubah warna tulisan ataupun backgroundnya sesuai selera kalian bray.
Kurang lebih hasilnya kaya gini bray waktu saya coba di portal web, desain saya :D (Kalimat "Selamat Datang di Web Kami" yang ada di atasnya SMK N 1 Pedan)
Semoga bermanfaat. Dan selamat mencoba :)
0 komentar:
Posting Komentar