PANDU TKK

Post Info TOPIC: MEMBUAT FS LEBIH MENARIK.


PRESIDEN

Status: Offline
Posts: 227
Date:
MEMBUAT FS LEBIH MENARIK.


Tips Friendster

TRIK MEMASANG GAMBA BACKGROUND & MENGGUNAKAN BORDER / GARIS PINGGIR (PIGURA) :

<style type=text/css> /*Bagian Background*/ table, tr, td { background-color:black; border:none; border-width:0;} body { background-color:black; background-image:url( http://contohgambar.com/gambarkamu.jpg ); background-attachment: fixed; background-position:center; background-repeat:no-repeat; border-color:black; border-width:18px ; border-style: solid; </style>

- TRIK TRANSPARANSI BOX PROFILE :

<style type=text/css> /* HEADING: NAME */ .left_column_header h2 { font-size:18px !Important; border-bottom-color:transparent; border:0px; } .left_column_header h2,.left_column_header h2 .online { color:transparent; font-weight:bold; } /* HEADING: LARGE GREEN */ .left_column_header2,.right_column_title,.right_co lumn .column_header { background-color:transparent; height:20px; border:1px solid; border-color:transparent; border:0px; } .left_column_header2 h1,.right_column_title h1,.right_column .column_header h1 { font-size:12px; margin:3px 0px 0px 5px; color:transparent; font-weight:bold; } .commonbox h2 { font-size:12px !Important; background-color:transparent; color:transparent; font-weight:bold; } #teaserbox h2 { font-size:12px !Important; background-color:transparent; color:transparent; font-weight:bold; } /* BOX BG & BORDER: MY PROFILE */ .left_column_wrapper,.left_column_wrapper .left_column_content { background-color:transparent; border-color:transparent; border:0px; } /* BOX BG & BORDER: EDIT PROFILE */ .column_profile_nav { background-color:transparent; border-color:transparent; border:0px; } /* BOX BG & BORDER: NAV BAR */ #navigation { background-color:transparent; background-image:none; } #nav_bg { background-color:transparent; border-bottom:0px; } #navigation div { background-color:transparent; background-image:none; } /* BOX BG & BORDER: ALL OTHERS */ .left_column_content,.right_column_content,.right_ column .column_content,.boxcontent { background-color:transparent; border-color:transparent; border:0px; } .commonbox { border-color:transparent; border:0px; } #teaserbox div { background-color:transparent; border-color:transparent; border:0px; } </style>

- IMAGE BLUR SLIDESHOW :

<center><marquee behavior=alternate DIRECTION=left to right WIDTH=100% Height=70 STYLE=filter:blur(add=2, direction=directions, strength=70)><marquee width=300><a target=_blank href=http://contohgambar/gambarkamu1.jpg mce_href=http://contohgambar/gambarkamu1.jpg><img src=http://contohgambar/gambarkamu1.jpg mce_src=http://contohgambar/gambarkamu1.jpg height=200 width=100></a><a target=_blank href=http://contohgambar/gambarkamu2.jpg mce_href=http://contohgambar/gambarkamu2.jpg><img src=http://contohgambar/gambarkamu2.jpg mce_src=http://contohgambar/gambarkamu2.jpg height=200 width=100></a><a target=_blank href=http://contohgambar/gambarkamu3.jpg mce_href=http://contohgambar/gambarkamu3.jpg><img src=http://contohgambar/gambarkamu3.jpg mce_src=http://contohgambar/gambarkamu3.jpg height=200 width=100> </marquee></marquee></center>

- MEMBUAT KOTAK DENGAN SCROLLBOX :

<div style=width: 400px; height: 200px; background-color: FF2222; color: DDDDDD; font-family: helvetica; font-size: 10px; text-align: left; border: 4px solid 000000; overflow: auto; padding: 4px;></div>

*nb : ganti text,ukuran dan warna yang kamu mau .

- MERUBAH WARNA SCROLLBAR :

<style type=text/css> body { scrollbar-face-color:000000; scrollbar-highlight-color:FF2222; scrollbar-3dlight-color:000000; scrollbar-shadow-color:000000; scrollbar-darkshadow-color:000000; scrollbar-arrow-color:FF2222; scrollbar-track-color:000000; } </style>

*nb : ganti warna sesukamu .

- MEMBUAT SCROLLBOX DI KOTAK TESTIMONIAL :

<style type=text/css> /* TESTIMONIAL STYLE */ .left_column_testimonials_content a,.left_column_testimonials_content a:active,.left_column_testimonials_content a:visited,.left_column_testimonials_add a { font-size:14px; color:#ffffff !Important; font-weight:bold; font-style:normal; text-decoration:none; } .left_column_testimonials_content a:hover,.left_column_testimonials_add a:hover { font-size:12px; color:#ffffff; font-weight:normal; font-style:normal; text-decoration:none; } .testimonialbody,.left_column_testimonials_add { font-size:14px; line-height:normal; border:0px; color:#000000; font-weight:bold; } .left_column_hr,.left_column_testimonials_add { border-bottom-color:transparent; border:0px; } div.testimonialbody { height: 80px;width: 100%;overflow: auto; border: 2px solid #ff99ff;background-color: transparent; background-image:url(http://contohgambar.com/animasigambar.gif); background-attachment:fixed; background-repeat: repeat; background-position:bottom;padding: 2px;} .left_column_hr,.left_column_testimonials_add { background-image:none; } </style>

*nb : tambahkan background dg image yg kamu suka biar tambah JUARAAA.. , tinggal masukan URL file image kamu .
contoh URL :
http://contohgambar.com/animasigambar.gif

- MENGHILANGKAN LOGO FRIENDSTER ATAS (kolom navigasi) DAN MENAMBAHKAN DENGAN BANNER BUATAN SENDIRI :


<style type=text/css> #navigation div img { height:0px !important; width:0px !important; } #navigation img {123: none !ant; #navigation { width: 0%; height: 0px; background-color: transparent;} #navigation { width: 100%; background-color: transparent; background-image:url(http://contohgambar.com/bannerkamu_u1024100.gif); } </style>

- MEMBUAT PESAN SELAMAT DATANG :

<img src=http://geocities.com/losthurts_images/overlay.png mce_src=http://geocities.com/losthurts_images/overlay.png id=welcomevisitor style=height:expr/**/ession(alert( Tulis pesan selamat datang kamu disini )); width:expr/**/ession(document.all.welcomevisitor.style.height=0 px)></a>

*nb : masukan di NOW PLAYING

- MENGHILANGKAN IKLAN GOOGLE :

<style type=text/css> /* Start Kill google ****!! */ /* losthurts.tk*/ .fullwidth { font-size: 0px !Important; filter: alpha(opacity=00); opacity: 0.0; google_color_bg = transparent; google_ad_width = 1px; google_ad_height = 1px; width:0% !important; height:0% !important; background-color: transparent; float: right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; margin-left:0px; margin-right:0px; font-size: 0px; text-indent: -9999px; } /* end of google ****! */ </style>

*nb : masukan dimana saja di CSS code kamu . Bete yah bikin semak ajah iklan google nya , mari kita bunuh kawan hehehe . . .

- MERUBAH DISPLAY NAME DENGAN IMAGE :

<style type=text/css> /* HEADING: NAME */ .left_column_header h2 { font-size: !Important; border-bottom-color:#ffffff; border-bottom-width:1px; border-bottom-style:solid; } .left_column_header h2,.left_column_header h2 .online { color:#ffffff; font-weight:bold; } .left_column_header h2 { font-size: 0px !important; font-weight: normal; color: #ffffff; text-align: center; height: 90px; margin: 0px 0 0 0; border: none; background: url(http://contohgambar.com/namakamu.gif) no-repeat center left; padding: 0px 0 0 0; } </style>

*nb : Rubah URL nya dg URL image na

__________________
SATYAKU KUDARMAKAN - DARMAKU KUBAKTIKAN
ari


PRATAMA

Status: Offline
Posts: 514
Date:

tak coba deh admin ...

__________________
<a mce_thref=
polos ya...<a mce_thref=
ari


PRATAMA

Status: Offline
Posts: 514
Date:

saya coba deh admin ...

__________________
<a mce_thref=
polos ya...<a mce_thref=


Penggalang Terap

Status: Offline
Posts: 198
Date:

biggrinbiggrinkan sekarang sudah ada yg lebih bagus dr FS yaintu feres bookwinkwink

__________________


Penggalang Ramu

Status: Offline
Posts: 44
Date:

bkin topic ttg fesbuk aja kk..


__________________
Page 1 of 1  sorted by
 
Quick Reply

Please log in to post quick replies.

Tweet this page Post to Digg Post to Del.icio.us
Members Login
Username 
 
Password 
    Remember Me  


Create your own FREE Forum
Report Abuse
Powered by ActiveBoard