aku mau share nih...
gradient text dengan css, tapi karena tidak mungkin menambah element pada halaman friendster tanpa menggunakan javascript, maka kita pakai javascript untuk replace header nya.
sebelumnya maap kalau repost, tolong di delete sajah.
test di FF2+ & IE7
Credit : [url=http://www.webdesignerwall.com/]WebDesignerWall[/url]
selengkapnya silahkan menuju : [url=http://www.webdesignerwall.com/tutorials/css-gradient-text-effect/]TKP[/url]
[spoiler]
[b]Gradient Header Sample[/b]
[b]Javascript :[/b]
[quote]//taruh di bagian [b]B[/b] sesuai referensi bang [b]Kanal[/b]
//atau di fungsi onProfileLoad
//control panel
gr=document.getElementById("controlpanel_header");
gr.innerHTML="<h2><span class=\"shine\"></span>Sayah Gradient Text</h2>";
//photo gallery
g2=document.getElementById("1").getElementsByTagName("h2")[0];
g2.innerHTML="<h2><span class=\"shine\"></span>Photo Gallery</h2>";[/quote]
[b]CSS :[/b]
[quote]/* --- gradient --- */
.shine {
background: url(path/to/gradient-shine.png) repeat-x;
background-position: top;
position: absolute;
display: block;
width: 100%;
height: 14px;
}
/* --- header style ---*/
/* ---
diusahakan warna background lebih gelap dari warna text
--- */
.commonbox h1, .commonbox h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#cccccc;
background-color:#000000;
font-weight: bold;
position: relative;
}[/quote]
[b]Image :[/b]
http://jollybear.freeunlimitedweb.com/80s/css/img/gradient-shine.png
[/spoiler]
[url=http://profiles.friendster.com/60643239]Demo 1[/url]
[url=http://profiles.friendster.com/gumscumbag]Demo 2[/url] <- diusahakan pakai FireFox
[i]bagi yg masih punya IE6 tolong di coba, kalau effect nya ga muncul harus di tambah pngfix.[/i]