Jumat, 13 Maret 2015

Kalimat Berjalan Pada Tampilan Web

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

luvne.com resepkuekeringku.com desainrumahnya.com yayasanbabysitterku.com