Pages: 12
[align=center][b]FAQ[/b][/align] :question: [quote]What does an overlayed profile look like?[/quote] :idea: [quote]an overlay profile is done using full html codes like in sites.. from <html> to </htm
You are viewing a post by akhu93. View all 29 posts in [align=center][b]FAQ[/b][/align] :question: [quote]What does an overlayed profile look like?[/quote] :idea: [quote]an overlay profile is done using full html codes like in sites.. from <html> to </htm.
2008-09-23 23:02:35
- akhu93
- » FTalkManiac
601
0
1969-12-31
[align=center][b]FAQ[/b][/align] :question: [quote]What does an overlayed profile look like?[/quote] :idea: [quote]an overlay profile is done using full html codes like in sites.. from <html> to </htm
[align=center][b]FAQ[/b][/align]
[quote]What does an overlayed profile look like?[/quote]
:idea: [quote]an overlay profile is done using full html codes like in sites.. from <html> to </html>.. it can be obtained when you generate your codes using the markyctrigger OG developed by mark loreto[/quote]
[align=center]______________________________________________________________[/align]
[quote]Bagaimana cara kita menambahkan tweak JS pada overlay, apakah bisa kita memasukkan tweak JS tersebut?[/quote]
:idea: [quote]Tentu saja bisa, tapi tidak semua tweak JS dapat di tambahkan pada overlay. Kemudian cara kita menambahkannya dijelaskan pada [b]Bab III[/b][/quote]
[align=center]______________________________________________________________[/align]
[align=center][b]Bab I [i]Cara Menggunakan Premade Overlays Layout[/i][/b][/align]
Disini ada beberapa langkah dalam menggunakan Premade Overlays.
Ikuti Langkan demi langkah dengan cermat dan semua akan lancar .gif)
1. PIlih premade layout yang ingin digunakan.
Untuk memudahkan, [url=http://theftalk.com/f42-Overlay-Layouts.html]Click Here Premade Overlays Index.[/url]
2. Copy code dan paste ke notepad atau program text editor lainnya.
3. Edit Code tersebut. Penjelasan lebih lanjut pada Bab 2
4. Jika disana terdapat gambar yg harus di download, download dan simpan ke komputer kamu.
5. Upload gambar yg sudah di download ke hosting site.
Contoh www.photobucket.com/ www.fileden.com/ www.fileave.com/ dsb .
6. Setelah mengupload gambar tadi, dapatkan direct link
dan paste sesuaikan tempatnya didalam codes.
7. Kamu juga dapat menambahkan beberapa add ons yg keren.
[url=http://theftalk.com/f54-Overlay-Add-ons.html]Overlays Addons section.[/url]
8. Setelah semua selesai di edit, sekarang generate codes kamu di [url=http://www.markyctrigger.com/]Marky's Generator[/url].
9. Ikuti langkah selanjutnya yg tertera pada Markyctrigger.com.
[align=center][b]Selamat Mencoba[/b] :rose:[/align]
[align=center]______________________________________________________________[/align]
[align=center][b]Bab II [i]Cara Mengedit HTML Code[/i][/b][/align]
Disini ada satu contoh HTML Code untuk Overlay Premade Layout
[spoiler][quote]<HTML><HEAD><META http-equiv=Content-Type content="text/html; charset=windows-1252">
<TITLE>[color=yellow]Friendster[/color]</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<STYLE type=text/css>BODY {
SCROLLBAR-FACE-COLOR: #333333; FONT-SIZE: 11px; BACKGROUND-ATTACHMENT: fixed; MARGIN: 0px; SCROLLBAR-HIGHLIGHT-COLOR: #000000; SCROLLBAR-SHADOW-COLOR: #000000; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #E8E8E8; SCROLLBAR-ARROW-COLOR: #cccccc; SCROLLBAR-TRACK-COLOR: #7F7F7F; BACKGROUND-REPEAT: repeat-y; FONT-FAMILY: tahoma; line-height:160%; SCROLLBAR-DARKSHADOW-COLOR: #000000
}
INPUT {
BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-SIZE: 12px; BACKGROUND: #000000; BORDER-LEFT: 1px solid; COLOR: #cccccc; BORDER-BOTTOM: 1px solid; FONT-FAMILY: courier new
}
TEXTAREA {
BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-SIZE: 12px; BACKGROUND: #000000; BORDER-LEFT: 1px solid; COLOR: #cccccc; BORDER-BOTTOM: 1px solid; FONT-FAMILY: courier new
}
A:link {
FONT: 8pt century gothic; COLOR: #ffffff; TEXT-DECORATION: none
}
A:active {
FONT: 8pt century gothic; COLOR: #ffffff; TEXT-DECORATION: none
}
A:visited {
FONT: 8pt century gothic; COLOR: #ffffff; TEXT-DECORATION: none
}
A:hover {
FONT: 8pt century gothic; CURSOR: crosshair; COLOR: #ffffff; TEXT-DECORATION: underline overline
}</STYLE>
<style>
/** pics **/
.imgblock75 img{
height:50px;
width:50px;
overflow: hidden;
border:#000000 1px solid;
margin: 0 auto;
}
.itd{
vertical-align:top;
}
/** testimonial contents **/
.dtd{
padding-left:10px;
padding-bottom:10px;
margin-bottom:5px;
margin-left: 5px;
margin-right: 5px;
text-align:justify;
font-size: 12px;
color: #ffffff;
}
/** names **/
.title a:visited, .title a:link{
text-decoration:none;
color:#ffffff!important;
font-size:11px;
}
.title a:hover{
color:#ffffff!important;
text-decoration: none;
}
/** view all and add a testimonial links **/
.viewall a{
font-size: 11px;
color: #ffffff !important;
text-decoration: none;
padding: 2px;
}
.viewall a:hover{
text-decoration: none;
color:#ffffff!important;
font-weight: bold;
}
.viewall{
text-align:center!important;
}
.data li{
list-style-type:none;
}
.data{
padding:0;
margin:0;
}
h2{
display:none;
}
/** images **/
.ir img {
height:75px;
width:75px;
border:#000000 2px solid;
}
.ir a:hover img {
filter:alpha(Opacity=50,FinishOpacity=0,Style=0);
}
/** caption **/
.dr a {
font-family: century gothic, verdana;
font-size: 10px;
text-align: center;
text-decoration: none;
color: white;
}
.dr a:hover {
font-weight: bold;
}
.flogriditem {
padding-bottom: 5px;
padding-top: 5px;
}
</STYLE>
<style type="text/css">
.commentButtons { background-color: #333333; border-color: #000000; color: #ffffff; font-family: century gothic; font-size: 9px; }
.commentbox { padding:2px 2px 2px 2px; width:175px; height:80px; background-color: #999999; border: #eddedb 1px solid; color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal;}
</style>
[color=green]
<script type="text/javascript">
//Created by Status Bar Message Generator
// http://rainbow.arch.scriptmania.com/tools/status_bar/
function sb10_makeArray(n){
this.length = n;
return this.length;
}
sb10_messages = new sb10_makeArray(1);
sb10_messages[0] = "WeLcome to My Friendster ProfiLe";
sb10_rptType = 'infinite';
sb10_rptNbr = 5;
sb10_speed = 100;
sb10_delay = 2000;
var sb10_wiper
var sb10_space=" "
var sb10_currMsg=0;
var sb10_counter=1;
var sb10_index=0
sb10_main()
function sb10_main()
{
window.status=sb10_messages[sb10_currMsg].substring(0,sb10_index)
sb10_index++
if(sb10_index==(sb10_messages[sb10_currMsg].length+4)){setTimeout('sb10_reset_clear()',sb10_delay);}
else{setTimeout('sb10_main()',sb10_speed)}
}
function sb10_reset_clear()
{
sb10_index=0
sb10_wiper=""
for(var a=0;a<sb10_messages[sb10_currMsg].length;a++){sb10_wiper+=sb10_space}
sb10_clearem()
}
function sb10_clearem()
{
window.status=sb10_wiper.substring(0,sb10_index) + "->" + sb10_messages[sb10_currMsg].substring(sb10_index+2,sb10_messages[sb10_currMsg].length)
sb10_index++
if(sb10_index==(sb10_messages[sb10_currMsg].length+4)){
if (sb10_currMsg == sb10_messages.length-1){
if ((sb10_rptType == 'finite') && (sb10_counter==sb10_rptNbr)){
window.status="";
return;
}
sb10_counter++;
sb10_currMsg = 0;
}
else sb10_currMsg++;
sb10_index=0
sb10_main()
}
else{setTimeout('sb10_clearem()',50)}
}
</script>
<script language=JavaScript>
<!--
//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which=
) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</script>
<SCRIPT>
function changeNavigation(id)
{document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}
</SCRIPT>
[/color]
</head>
<SCRIPT>
function changeNavigation(id)
{document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}
</SCRIPT>
<BODY BGCOLOR=#000000 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<div id="Layer1" style="position:absolute; left:99px; top:5px; width:747px; height:583px; z-index:1">
<!-- ImageReady Slices (amazing123.psd) -->
<div id="Layer5" style="position:absolute; left:502px; top:52px; width:54px; height:50px; z-index:5"><img src="http://img174.imageshack.us/img174/8161/meterxe2.gif" width="43" height="44"></div>
<table id="Table_01" width="800" height="900" border="0" cellpadding="0" cellspacing="0">
<tr>
<td> <img src="http://www.geocities.com/cutietitan07/amazing123_01.gif" width="400" height="450" border="0" alt="" usemap="#amazing123_01_Map"></td>
<td> <img src="http://www.geocities.com/cutietitan07/amazing123_02.gif" width="400" height="450" border="0" alt="" usemap="#amazing123_02_Map"></td>
</tr>
<tr>
<td> <img src="http://www.geocities.com/cutietitan07/amazing123_03.gif" width="400" height="450" alt=""></td>
<td> <img src="http://www.geocities.com/cutietitan07/amazing123_04.gif" width="400" height="450" border="0" alt="" usemap="#amazing123_04_Map"></td>
</tr>
</table>
<!------------------------------------------ USER ID------------------------>
<map name="amazing123_01_Map">
<area shape="rect" alt="" coords="117,285,183,308" href="http://www.friendster.com/logout.php">
<area shape="rect" alt="" coords="117,252,184,274" href="http://www.friendster.com/addfriendrequest.php?uid=[color=orange]USER ID[/color]">
<area shape="rect" alt="" coords="100,218,216,246" href="http://www.friendster.com/sendmessage.php?uid=[color=orange]USER ID[/color]">
<area shape="rect" alt="" coords="106,190,200,211" href="http://www.friendster.com/user.php">
<area shape="rect" alt="" coords="117,152,191,184" href="http://www.friendster.com/">
</map>
<map name="amazing123_02_Map">
<area shape="rect" alt="" coords="81,152,326,189" href="http://sparkcom.org">
</map>
<map name="amazing123_04_Map">
<area shape="rect" alt="" coords="241,366,379,403" href="http://www.friendster.com/7557007">
</map>
<!-- End ImageReady Slices --></div>
<!------------------------------------------END USER ID------------------------>
<DIV id=main
style="Z-INDEX: 4; LEFT: 349px; OVERFLOW: auto; WIDTH: 266px; POSITION: absolute; TOP: 289px; HEIGHT: 147px;"allowTransparency;">
<!--------------------------------------- EDIT INFORMATION BELOW --------------------------------------->
<br>
<center><img src="[color=blue]file:///D|/drive%20d/titan/dreanweaver/sparkcom/PHOTO%20URL%20HERE[/color]" height="90"></center>
<br>
<br>
<b>Name:</b> [color=#FF0000]TYPE IT HERE[/color]
<br>
<b>Age:</b> [color=#FF0000]TYPE IT HERE[/color]
<br>
<b>Status:</b> [color=#FF0000]TYPE IT HERE[/color]
<br><b>Location:</b> [color=#FF0000]TYPE IT HERE[/color]
<br><b>Hometown:</b> [color=#FF0000]TYPE IT HERE[/color]
<br><b>Favorite Food:</b> [color=#FF0000]TYPE IT HERE[/color]
<br><b>Favorite Movies:</b> [color=#FF0000]TYPE IT HERE[/color]
<br><b>Favorite Music:</b> [color=#FF0000]TYPE IT HERE[/color]
<br><b>Hobbies and Interest:</b> [color=#FF0000]TYPE IT HERE[/color]
<br><br>
About Me:<br><br>
[color=#FF0000]TYPE IT HERE[/color] [color=#FF0000]TYPE IT HERE[/color] [color=#FF0000]TYPE IT HERE[/color]
<br><br>
<!---------------------------------------------END INFORMATION----------------------------->
<br>
</DIV>
<div id="Layer6" style="position:absolute; left:710px; top:274px; width:126px; height:208px; z-index:10"><marquee scrollamount=1>
<!-----------------------PHOTO URL ---------------------------------->
<img src="[color=blue]file:///D|/drive%20d/titan/dreanweaver/sparkcom/PHOTO%20URL%20HERE[/color]" height="90">
<img src="[color=blue]file:///D|/drive%20d/titan/dreanweaver/sparkcom/PHOTO%20URL%20HERE[/color]" height="90">
<img src="[color=blue]file:///D|/drive%20d/titan/dreanweaver/sparkcom/PHOTO%20URL%20HERE[/color]" height="90">
<img src="[color=blue]file:///D|/drive%20d/titan/dreanweaver/sparkcom/PHOTO%20URL%20HERE[/color]" height="90">
<!-----------------------END PHOTO---------------------------------->
</marquee></div>
<div id="Layer2" style="position:absolute; left:177px; top:544px; width:109px; height:235px; z-index:7">
<CENTER>
<!---------------------------------- INSERT TAGBOARD HERE width="109" height="235"-------------------------------------->
<!-- BEGIN CBOX - http://www.cbox.ws -->[color=green]
<iframe frameborder="0" width="109" height="160" src="http://www4.cbox.ws/box/?boxid=3325421&boxtag=4304&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border: 0px solid;" id="cboxmain"></iframe>
<iframe frameborder="0" width="109" height="75" src="http://www4.cbox.ws/box/?boxid=3325421&boxtag=4304&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border: 0px solid;border-top:0px" id="cboxform"></iframe>
<!-- END CBOX -->[/color]
<!-------------------------------------- END ----------------------------------->
</center>
<script language="javascript">
car="activate";
</script>
</div>
<!----------------------------------- Warning! Stop Editing--------------------------------------------->
<div id="Layer1" style="position:absolute; left:318px; top:518px; width:265px; height:275px; z-index:8; OVERFLOW: auto;scrollbar-face-color: green;
scrollbar-3dlight-color: 000000;
scrollbar-highlight-color: green;
scrollbar-darkshadow-color: green;
scrollbar-shadow-color: 000000;
scrollbar-track-color: green;
scrollbar-arrow-color: #cccccc;
filter; FILTER: chroma(color=green);" allowTransparency;">
<div id="content_publiccomments_1_7"></div>
<script language="javascript">
module5="yes";
</script>
</div>
<div id="Layer3" style="position:absolute; left:649px; top:446px; width:93px; height:85px; z-index:9">
[color=green]<iframe frameborder="0" width="93" height="85" src="http://www4.cbox.ws/box/?boxid=3325376&boxtag=3130&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border: 0px solid;" id="cboxmain"></iframe>
<script language="javascript">
boxid=3325376;
boxtag=3130;
wvcbox="yes";
wvcboxmodule="pst";
</script>
<div id="wvcboxel" style="display:none"></div></div>[/color]
<div id="Layer7" style="position:absolute; left:774px; top:81px; width:95px; height:36px; z-index:11">
<div align="center">[color=green]<embed src='http://f.friendster-tweakers.com/rsc/swf/clock/fsdbp.swf' wmode="transparent" quality='high' width='106' height='26' align='middle' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer'/>
</embed></div>[/color]
</div>
<div id="Layer9" style="position:absolute; left:770px; top:444px; width:86px; height:87px; z-index:12">
[color=green]<iframe frameborder="0" width="81" height="87" src="http://www4.cbox.ws/box/?boxid=3325398&boxtag=2595&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="sibaks" style="border: 0px solid;" id="sibaks"></iframe>
<script language="javascript">
rcboxid=3325398;
rcboxtag=2595;
rcmodule="pst";
whorc="activate";
</script>
<div id="whorcid" style="display:none;"></div>[/color]
</div>
<div id="Layer8" style="position:absolute; left:627px; top:618px; width:197px; height:117px; z-index:13">
[color=green]<script language="javascript">
quickcomment="yes";
</script>
<div id=quickcommentid></div>[/color]
</div>
<center>
<DIV ID="Layer4" STYLE="position:absolute; left:21px; top:904px; width:933px; height:44px; z-index:5">
<STYLE TYPE="text/css">marquee table {padding:0px !important; border-width:0px !important;} .dLinev1 {width:1px !important; height:1000px !important;} .dLinev1 td {padding:0px !important; background-color:#CCCCCC !important; } .dLinev2 {width:1px !important; height:1000px !important;} .dLinev2 td {padding:0px !important; background-color:#CCCCCC!important; } .dLinev3 {width:1px !important; height:1000px !important;} .dLinev3 td {padding:0px !important; background-color:#FF6633 !important; } .dLineh1 {width:1000px !important; height:1px !important;} .dLineh1 td {padding:0px !important; background-color:#CCCCCC!important; } .dLineh2 {width:1000px !important; height:1px !important;} .dLineh2 td {padding:0px !important; background-color:#CCCCCCimportant; } .dLineh3 {width:1000px !important; height:1000px !important;} .dLineh3 td {padding:0px !important; background-color:#CCCCCC!important; } a {position:relative; z-index:3;} </STYLE>
<DIV ALIGN=center><FONT CLASS="ws8"><A HREF="http://www.friendster.com/info/index.php?statpos=footer" TARGET="_self" CLASS="style1"><font size="-2" color="#FFFFFF">About
Us</font></A></FONT><font class="ws8" color="94010C" size="-2"> </font><font class="ws8" color="#000000" size="-2">|</font><font class="ws8" color="#66ccff" size="-2">
</font><font class="ws8" size="-2"><A HREF="http://www.friendster.com/info/contacts.php?statpos=footer" TARGET="_self" CLASS="style1"><font color="#FFFFFF">Contact
Us</font></A></font><font class="ws8" color="#66ccff" size="-2"> <font color="#000000">|</font>
</font><font class="ws8" size="-2"><A HREF="http://www.friendster.com/info/shopping.php?statpos=footer" TARGET="_self" CLASS="style1"><font color="#FFFFFF">Store</font></A></font><font class="ws8" color="94010C" size="-2">
</font><font class="ws8" color="#000000" size="-2">| </font><font class="ws8" size="-2"><A HREF="http://www.friendster.com/events.php?statpos=footer" TARGET="_self" CLASS="style1"><font color="#FFFFFF">Events</font></A></font><font class="ws8" color="94010C" size="-2">
</font><font class="ws8" color="#66ccff" size="-2"><font color="#000000">|</font>
</font><font class="ws8" size="-2"><A HREF="http://www.friendster.com/info/tour/1_0.htm?statpos=footer" TARGET="_self" CLASS="style1"><font color="#FFFFFF">Tour</font></A></font><font class="ws8" color="#66ccff" size="-2">
<font color="#000000">|</font><font color="94010C"> </font></font><font class="ws8" size="-2" color="94010C"><A HREF="http://www.friendster.com/affiliate.php?statpos=footer" TARGET="_self" CLASS="style1"><font color="#FFFFFF">SuperFriendster</font></A></font><font class="ws8" color="#66ccff" size="-2">
<font color="#000000">|</font> </font><font class="ws8" size="-2"><A HREF="http://www.friendster.com/custhelp.php?statpos=footer" TARGET="_self" CLASS="style1"><font color="#FFFFFF">Help</font></A></font><font class="ws8" color="#333333" size="-2">
</font><font class="ws8" color="#66ccff" size="-2"><font color="#000000">|</font>
</font><font class="ws8" size="-2"><A HREF="http://www.friendster.com/info/tos.php?statpos=footer" TARGET="_self" CLASS="style1"><font color="#FFFFFF">Terms
of Service</font></A></font><font class="ws8" color="#333333" 2="2" size="-2">
</font><font class="ws8" color="#999999 SIZE=" 2="2" size="-2"><font color="#000000">|</font>
</font><font class="ws8" size="-2"><A HREF="http://www.friendster.com/info/privacy.php?statpos=footer" TARGET="_self" CLASS="style1"><font color="#FFFFFF">Privacy
Policy</font></A></font></DIV>
<DIV ALIGN=center><font color="#FFFFFF" size="-1">Titan™ Copyright © 2002-2006
Friendster, Inc. All rights reserved. Patent Pending.</font></DIV>
</DIV>
</center>
</BODY></HTML>[/quote]
[/spoiler]
Pertama edit title dari halaman overlay kamu: Ganti [color=yellow]YELLOW TEXT[/color] dengan title kamu sendiri...
[quote]<TITLE>[color=yellow]Friendster[/color]</TITLE>[/quote]
Kemudian pada tag <body> edit stuffs kamu disini:
1. USER ID ([color=orange]ORANGE TEXT[/color])
[quote]<area shape="rect" alt="" coords="117,252,184,274" href="http://www.friendster.com/addfriendrequest.php?uid=[color=orange]USER ID[/color]">
<area shape="rect" alt="" coords="100,218,216,246" href="http://www.friendster.com/sendmessage.php?uid=[color=orange]USER ID[/color]">[/quote]
2. Gallery photo kamu ([color=blue]BLUE TEXT[/color])
[quote]<img src="[color=blue]file:///D|/drive%20d/titan/dreanweaver/sparkcom/PHOTO%20URL%20HERE[/color]" height="90">
<img src="[color=blue]file:///D|/drive%20d/titan/dreanweaver/sparkcom/PHOTO%20URL%20HERE[/color]" height="90">
<img src="[color=blue]file:///D|/drive%20d/titan/dreanweaver/sparkcom/PHOTO%20URL%20HERE[/color]" height="90">
<img src="[color=blue]file:///D|/drive%20d/titan/dreanweaver/sparkcom/PHOTO%20URL%20HERE[/color]" height="90">[/quote]
Ganti dengan URL Picture kamu
3. Personal Data ([color=red]RED TEXT[/color])
[quote]<b>Name:</b> [color=red]TYPE IT HERE[/color]
<br>
<b>Age:</b> [color=red]TYPE IT HERE[/color]
<br>
<b>Status:</b> [color=red]TYPE IT HERE[/color]
<br><b>Location:</b> [color=red]TYPE IT HERE[/color]
<br><b>Hometown:</b> [color=red]TYPE IT HERE[/color]
<br><b>Favorite Food:</b> [color=red]TYPE IT HERE[/color]
<br><b>Favorite Movies:</b> [color=red]TYPE IT HERE[/color]
<br><b>Favorite Music:</b> [color=red]TYPE IT HERE[/color]
<br><b>Hobbies and Interest:</b> [color=red]TYPE IT HERE[/color]
<br><br>
About Me:<br><br>
[color=red]TYPE IT HERE[/color] [color=red]TYPE IT HERE[/color] [color=red]TYPE IT HERE[/color][/quote]
Ganti dengan personal data kamu 
4. Add-ons ([color=green]GREEN TEXT[/color])
[align=center]Sangat Mudah Bukan
[b]Selamat Mencoba[/b] :rose:[/align]
[align=center]______________________________________________________________[/align]
[align=center][b]Bab III [i]Cara Menambahkan Tweak JS pada Premade Overlays Layout[/i][/b][/align]
Langkah :
1. Pilih Tweak JS yg ingin ditambahkan.
2. [quote]<script type="text/javascript">[color=green]JS TWEAK HERE[/color]</script>[/quote]
Ganti [color=green]JS TWEAK HERE[/color] dengan Tweak JS yg ingin kamu tambahkan.
3. Letakkan code diatas yg sudah di edit dibagian tag <body> pada Halaman Overlay kamu.
[quote][i]Untuk title bar/ Status bar tweak JS, letakkan di tag <head>[/i][/quote]
Contoh :
[quote]<SCRIPT language=JavaScript>[color=green]
puchtit="+++[>>>>>Welcome To My Profile<<<<<]+++";
letrero2="·.¸¸.·´´¯`··._.··.¸¸.·´´¯`··._.·";
letrero1="·.¸¸.·´´¯`··._.··.¸¸.·´´¯`··._.·";ultimo1=letrero1.length-1;
ultimo2=letrero2.length-1;
tiempo=setTimeout("scroll()",.1);
function scroll()
{
aux1=letrero1.charAt(ultimo1-1);
letrero1=aux1+letrero1.substring(0,ultimo1-1);
aux2=letrero2.charAt(0);
letrero2=letrero2.substring(1,ultimo2+1)+aux2;
window.status="[" + letrero2 + puchtit + letrero1 + "]";
tiempo=setTimeout("scroll()",.1);
return true;
}[/color]
</script>[/quote]
Status Bar letakkan dalam tag <head></head>
[quote]<script language=JavaScript>[color=green]
<!--
//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com
var message="disable right click";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which=) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->[/color]
</script>[/quote]
Disable Right Click letakkan dalam tag <body></body>
[align=center][b]Selamat Mencoba[/b] :rose:[/align]
[align=center]______________________________________________________________[/align]
[align=center][b]:idea: UDPATE[/b]
nahhh ini saya dapet generator buat Preview Overlay Kita
[b]Overlay Tester[/b] by [b]akhu93[/b]
[url=http://kukuhweb.co.cc/friendster/generator/OverlayTester.html][b]Click Here[/b][/url]
Selamat Mencoba
Semoga Membantu :rose:[/align]
[quote]What does an overlayed profile look like?[/quote]
:idea: [quote]an overlay profile is done using full html codes like in sites.. from <html> to </html>.. it can be obtained when you generate your codes using the markyctrigger OG developed by mark loreto[/quote]
[align=center]______________________________________________________________[/align]
[quote]Bagaimana cara kita menambahkan tweak JS pada overlay, apakah bisa kita memasukkan tweak JS tersebut?[/quote]
:idea: [quote]Tentu saja bisa, tapi tidak semua tweak JS dapat di tambahkan pada overlay. Kemudian cara kita menambahkannya dijelaskan pada [b]Bab III[/b][/quote]
[align=center]______________________________________________________________[/align]
[align=center][b]Bab I [i]Cara Menggunakan Premade Overlays Layout[/i][/b][/align]
Disini ada beberapa langkah dalam menggunakan Premade Overlays.
Ikuti Langkan demi langkah dengan cermat dan semua akan lancar
1. PIlih premade layout yang ingin digunakan.
Untuk memudahkan, [url=http://theftalk.com/f42-Overlay-Layouts.html]Click Here Premade Overlays Index.[/url]
2. Copy code dan paste ke notepad atau program text editor lainnya.
3. Edit Code tersebut. Penjelasan lebih lanjut pada Bab 2
4. Jika disana terdapat gambar yg harus di download, download dan simpan ke komputer kamu.
5. Upload gambar yg sudah di download ke hosting site.
Contoh www.photobucket.com/ www.fileden.com/ www.fileave.com/ dsb .
6. Setelah mengupload gambar tadi, dapatkan direct link
dan paste sesuaikan tempatnya didalam codes.
7. Kamu juga dapat menambahkan beberapa add ons yg keren.
[url=http://theftalk.com/f54-Overlay-Add-ons.html]Overlays Addons section.[/url]
8. Setelah semua selesai di edit, sekarang generate codes kamu di [url=http://www.markyctrigger.com/]Marky's Generator[/url].
9. Ikuti langkah selanjutnya yg tertera pada Markyctrigger.com.
[align=center][b]Selamat Mencoba[/b] :rose:[/align]
[align=center]______________________________________________________________[/align]
[align=center][b]Bab II [i]Cara Mengedit HTML Code[/i][/b][/align]
Disini ada satu contoh HTML Code untuk Overlay Premade Layout
[spoiler][quote]<HTML><HEAD><META http-equiv=Content-Type content="text/html; charset=windows-1252">
<TITLE>[color=yellow]Friendster[/color]</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<STYLE type=text/css>BODY {
SCROLLBAR-FACE-COLOR: #333333; FONT-SIZE: 11px; BACKGROUND-ATTACHMENT: fixed; MARGIN: 0px; SCROLLBAR-HIGHLIGHT-COLOR: #000000; SCROLLBAR-SHADOW-COLOR: #000000; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #E8E8E8; SCROLLBAR-ARROW-COLOR: #cccccc; SCROLLBAR-TRACK-COLOR: #7F7F7F; BACKGROUND-REPEAT: repeat-y; FONT-FAMILY: tahoma; line-height:160%; SCROLLBAR-DARKSHADOW-COLOR: #000000
}
INPUT {
BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-SIZE: 12px; BACKGROUND: #000000; BORDER-LEFT: 1px solid; COLOR: #cccccc; BORDER-BOTTOM: 1px solid; FONT-FAMILY: courier new
}
TEXTAREA {
BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-SIZE: 12px; BACKGROUND: #000000; BORDER-LEFT: 1px solid; COLOR: #cccccc; BORDER-BOTTOM: 1px solid; FONT-FAMILY: courier new
}
A:link {
FONT: 8pt century gothic; COLOR: #ffffff; TEXT-DECORATION: none
}
A:active {
FONT: 8pt century gothic; COLOR: #ffffff; TEXT-DECORATION: none
}
A:visited {
FONT: 8pt century gothic; COLOR: #ffffff; TEXT-DECORATION: none
}
A:hover {
FONT: 8pt century gothic; CURSOR: crosshair; COLOR: #ffffff; TEXT-DECORATION: underline overline
}</STYLE>
<style>
/** pics **/
.imgblock75 img{
height:50px;
width:50px;
overflow: hidden;
border:#000000 1px solid;
margin: 0 auto;
}
.itd{
vertical-align:top;
}
/** testimonial contents **/
.dtd{
padding-left:10px;
padding-bottom:10px;
margin-bottom:5px;
margin-left: 5px;
margin-right: 5px;
text-align:justify;
font-size: 12px;
color: #ffffff;
}
/** names **/
.title a:visited, .title a:link{
text-decoration:none;
color:#ffffff!important;
font-size:11px;
}
.title a:hover{
color:#ffffff!important;
text-decoration: none;
}
/** view all and add a testimonial links **/
.viewall a{
font-size: 11px;
color: #ffffff !important;
text-decoration: none;
padding: 2px;
}
.viewall a:hover{
text-decoration: none;
color:#ffffff!important;
font-weight: bold;
}
.viewall{
text-align:center!important;
}
.data li{
list-style-type:none;
}
.data{
padding:0;
margin:0;
}
h2{
display:none;
}
/** images **/
.ir img {
height:75px;
width:75px;
border:#000000 2px solid;
}
.ir a:hover img {
filter:alpha(Opacity=50,FinishOpacity=0,Style=0);
}
/** caption **/
.dr a {
font-family: century gothic, verdana;
font-size: 10px;
text-align: center;
text-decoration: none;
color: white;
}
.dr a:hover {
font-weight: bold;
}
.flogriditem {
padding-bottom: 5px;
padding-top: 5px;
}
</STYLE>
<style type="text/css">
.commentButtons { background-color: #333333; border-color: #000000; color: #ffffff; font-family: century gothic; font-size: 9px; }
.commentbox { padding:2px 2px 2px 2px; width:175px; height:80px; background-color: #999999; border: #eddedb 1px solid; color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal;}
</style>
[color=green]
<script type="text/javascript">
//Created by Status Bar Message Generator
// http://rainbow.arch.scriptmania.com/tools/status_bar/
function sb10_makeArray(n){
this.length = n;
return this.length;
}
sb10_messages = new sb10_makeArray(1);
sb10_messages[0] = "WeLcome to My Friendster ProfiLe";
sb10_rptType = 'infinite';
sb10_rptNbr = 5;
sb10_speed = 100;
sb10_delay = 2000;
var sb10_wiper
var sb10_space=" "
var sb10_currMsg=0;
var sb10_counter=1;
var sb10_index=0
sb10_main()
function sb10_main()
{
window.status=sb10_messages[sb10_currMsg].substring(0,sb10_index)
sb10_index++
if(sb10_index==(sb10_messages[sb10_currMsg].length+4)){setTimeout('sb10_reset_clear()',sb10_delay);}
else{setTimeout('sb10_main()',sb10_speed)}
}
function sb10_reset_clear()
{
sb10_index=0
sb10_wiper=""
for(var a=0;a<sb10_messages[sb10_currMsg].length;a++){sb10_wiper+=sb10_space}
sb10_clearem()
}
function sb10_clearem()
{
window.status=sb10_wiper.substring(0,sb10_index) + "->" + sb10_messages[sb10_currMsg].substring(sb10_index+2,sb10_messages[sb10_currMsg].length)
sb10_index++
if(sb10_index==(sb10_messages[sb10_currMsg].length+4)){
if (sb10_currMsg == sb10_messages.length-1){
if ((sb10_rptType == 'finite') && (sb10_counter==sb10_rptNbr)){
window.status="";
return;
}
sb10_counter++;
sb10_currMsg = 0;
}
else sb10_currMsg++;
sb10_index=0
sb10_main()
}
else{setTimeout('sb10_clearem()',50)}
}
</script>
<script language=JavaScript>
<!--
//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which=) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</script>
<SCRIPT>
function changeNavigation(id)
{document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}
</SCRIPT>
[/color]
</head>
<SCRIPT>
function changeNavigation(id)
{document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}
</SCRIPT>
<BODY BGCOLOR=#000000 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<div id="Layer1" style="position:absolute; left:99px; top:5px; width:747px; height:583px; z-index:1">
<!-- ImageReady Slices (amazing123.psd) -->
<div id="Layer5" style="position:absolute; left:502px; top:52px; width:54px; height:50px; z-index:5"><img src="http://img174.imageshack.us/img174/8161/meterxe2.gif" width="43" height="44"></div>
<table id="Table_01" width="800" height="900" border="0" cellpadding="0" cellspacing="0">
<tr>
<td> <img src="http://www.geocities.com/cutietitan07/amazing123_01.gif" width="400" height="450" border="0" alt="" usemap="#amazing123_01_Map"></td>
<td> <img src="http://www.geocities.com/cutietitan07/amazing123_02.gif" width="400" height="450" border="0" alt="" usemap="#amazing123_02_Map"></td>
</tr>
<tr>
<td> <img src="http://www.geocities.com/cutietitan07/amazing123_03.gif" width="400" height="450" alt=""></td>
<td> <img src="http://www.geocities.com/cutietitan07/amazing123_04.gif" width="400" height="450" border="0" alt="" usemap="#amazing123_04_Map"></td>
</tr>
</table>
<!------------------------------------------ USER ID------------------------>
<map name="amazing123_01_Map">
<area shape="rect" alt="" coords="117,285,183,308" href="http://www.friendster.com/logout.php">
<area shape="rect" alt="" coords="117,252,184,274" href="http://www.friendster.com/addfriendrequest.php?uid=[color=orange]USER ID[/color]">
<area shape="rect" alt="" coords="100,218,216,246" href="http://www.friendster.com/sendmessage.php?uid=[color=orange]USER ID[/color]">
<area shape="rect" alt="" coords="106,190,200,211" href="http://www.friendster.com/user.php">
<area shape="rect" alt="" coords="117,152,191,184" href="http://www.friendster.com/">
</map>
<map name="amazing123_02_Map">
<area shape="rect" alt="" coords="81,152,326,189" href="http://sparkcom.org">
</map>
<map name="amazing123_04_Map">
<area shape="rect" alt="" coords="241,366,379,403" href="http://www.friendster.com/7557007">
</map>
<!-- End ImageReady Slices --></div>
<!------------------------------------------END USER ID------------------------>
<DIV id=main
style="Z-INDEX: 4; LEFT: 349px; OVERFLOW: auto; WIDTH: 266px; POSITION: absolute; TOP: 289px; HEIGHT: 147px;"allowTransparency;">
<!--------------------------------------- EDIT INFORMATION BELOW --------------------------------------->
<br>
<center><img src="[color=blue]file:///D|/drive%20d/titan/dreanweaver/sparkcom/PHOTO%20URL%20HERE[/color]" height="90"></center>
<br>
<br>
<b>Name:</b> [color=#FF0000]TYPE IT HERE[/color]
<br>
<b>Age:</b> [color=#FF0000]TYPE IT HERE[/color]
<br>
<b>Status:</b> [color=#FF0000]TYPE IT HERE[/color]
<br><b>Location:</b> [color=#FF0000]TYPE IT HERE[/color]
<br><b>Hometown:</b> [color=#FF0000]TYPE IT HERE[/color]
<br><b>Favorite Food:</b> [color=#FF0000]TYPE IT HERE[/color]
<br><b>Favorite Movies:</b> [color=#FF0000]TYPE IT HERE[/color]
<br><b>Favorite Music:</b> [color=#FF0000]TYPE IT HERE[/color]
<br><b>Hobbies and Interest:</b> [color=#FF0000]TYPE IT HERE[/color]
<br><br>
About Me:<br><br>
[color=#FF0000]TYPE IT HERE[/color] [color=#FF0000]TYPE IT HERE[/color] [color=#FF0000]TYPE IT HERE[/color]
<br><br>
<!---------------------------------------------END INFORMATION----------------------------->
<br>
</DIV>
<div id="Layer6" style="position:absolute; left:710px; top:274px; width:126px; height:208px; z-index:10"><marquee scrollamount=1>
<!-----------------------PHOTO URL ---------------------------------->
<img src="[color=blue]file:///D|/drive%20d/titan/dreanweaver/sparkcom/PHOTO%20URL%20HERE[/color]" height="90">
<img src="[color=blue]file:///D|/drive%20d/titan/dreanweaver/sparkcom/PHOTO%20URL%20HERE[/color]" height="90">
<img src="[color=blue]file:///D|/drive%20d/titan/dreanweaver/sparkcom/PHOTO%20URL%20HERE[/color]" height="90">
<img src="[color=blue]file:///D|/drive%20d/titan/dreanweaver/sparkcom/PHOTO%20URL%20HERE[/color]" height="90">
<!-----------------------END PHOTO---------------------------------->
</marquee></div>
<div id="Layer2" style="position:absolute; left:177px; top:544px; width:109px; height:235px; z-index:7">
<CENTER>
<!---------------------------------- INSERT TAGBOARD HERE width="109" height="235"-------------------------------------->
<!-- BEGIN CBOX - http://www.cbox.ws -->[color=green]
<iframe frameborder="0" width="109" height="160" src="http://www4.cbox.ws/box/?boxid=3325421&boxtag=4304&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border: 0px solid;" id="cboxmain"></iframe>
<iframe frameborder="0" width="109" height="75" src="http://www4.cbox.ws/box/?boxid=3325421&boxtag=4304&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border: 0px solid;border-top:0px" id="cboxform"></iframe>
<!-- END CBOX -->[/color]
<!-------------------------------------- END ----------------------------------->
</center>
<script language="javascript">
car="activate";
</script>
</div>
<!----------------------------------- Warning! Stop Editing--------------------------------------------->
<div id="Layer1" style="position:absolute; left:318px; top:518px; width:265px; height:275px; z-index:8; OVERFLOW: auto;scrollbar-face-color: green;
scrollbar-3dlight-color: 000000;
scrollbar-highlight-color: green;
scrollbar-darkshadow-color: green;
scrollbar-shadow-color: 000000;
scrollbar-track-color: green;
scrollbar-arrow-color: #cccccc;
filter; FILTER: chroma(color=green);" allowTransparency;">
<div id="content_publiccomments_1_7"></div>
<script language="javascript">
module5="yes";
</script>
</div>
<div id="Layer3" style="position:absolute; left:649px; top:446px; width:93px; height:85px; z-index:9">
[color=green]<iframe frameborder="0" width="93" height="85" src="http://www4.cbox.ws/box/?boxid=3325376&boxtag=3130&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border: 0px solid;" id="cboxmain"></iframe>
<script language="javascript">
boxid=3325376;
boxtag=3130;
wvcbox="yes";
wvcboxmodule="pst";
</script>
<div id="wvcboxel" style="display:none"></div></div>[/color]
<div id="Layer7" style="position:absolute; left:774px; top:81px; width:95px; height:36px; z-index:11">
<div align="center">[color=green]<embed src='http://f.friendster-tweakers.com/rsc/swf/clock/fsdbp.swf' wmode="transparent" quality='high' width='106' height='26' align='middle' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer'/>
</embed></div>[/color]
</div>
<div id="Layer9" style="position:absolute; left:770px; top:444px; width:86px; height:87px; z-index:12">
[color=green]<iframe frameborder="0" width="81" height="87" src="http://www4.cbox.ws/box/?boxid=3325398&boxtag=2595&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="sibaks" style="border: 0px solid;" id="sibaks"></iframe>
<script language="javascript">
rcboxid=3325398;
rcboxtag=2595;
rcmodule="pst";
whorc="activate";
</script>
<div id="whorcid" style="display:none;"></div>[/color]
</div>
<div id="Layer8" style="position:absolute; left:627px; top:618px; width:197px; height:117px; z-index:13">
[color=green]<script language="javascript">
quickcomment="yes";
</script>
<div id=quickcommentid></div>[/color]
</div>
<center>
<DIV ID="Layer4" STYLE="position:absolute; left:21px; top:904px; width:933px; height:44px; z-index:5">
<STYLE TYPE="text/css">marquee table {padding:0px !important; border-width:0px !important;} .dLinev1 {width:1px !important; height:1000px !important;} .dLinev1 td {padding:0px !important; background-color:#CCCCCC !important; } .dLinev2 {width:1px !important; height:1000px !important;} .dLinev2 td {padding:0px !important; background-color:#CCCCCC!important; } .dLinev3 {width:1px !important; height:1000px !important;} .dLinev3 td {padding:0px !important; background-color:#FF6633 !important; } .dLineh1 {width:1000px !important; height:1px !important;} .dLineh1 td {padding:0px !important; background-color:#CCCCCC!important; } .dLineh2 {width:1000px !important; height:1px !important;} .dLineh2 td {padding:0px !important; background-color:#CCCCCCimportant; } .dLineh3 {width:1000px !important; height:1000px !important;} .dLineh3 td {padding:0px !important; background-color:#CCCCCC!important; } a {position:relative; z-index:3;} </STYLE>
<DIV ALIGN=center><FONT CLASS="ws8"><A HREF="http://www.friendster.com/info/index.php?statpos=footer" TARGET="_self" CLASS="style1"><font size="-2" color="#FFFFFF">About
Us</font></A></FONT><font class="ws8" color="94010C" size="-2"> </font><font class="ws8" color="#000000" size="-2">|</font><font class="ws8" color="#66ccff" size="-2">
</font><font class="ws8" size="-2"><A HREF="http://www.friendster.com/info/contacts.php?statpos=footer" TARGET="_self" CLASS="style1"><font color="#FFFFFF">Contact
Us</font></A></font><font class="ws8" color="#66ccff" size="-2"> <font color="#000000">|</font>
</font><font class="ws8" size="-2"><A HREF="http://www.friendster.com/info/shopping.php?statpos=footer" TARGET="_self" CLASS="style1"><font color="#FFFFFF">Store</font></A></font><font class="ws8" color="94010C" size="-2">
</font><font class="ws8" color="#000000" size="-2">| </font><font class="ws8" size="-2"><A HREF="http://www.friendster.com/events.php?statpos=footer" TARGET="_self" CLASS="style1"><font color="#FFFFFF">Events</font></A></font><font class="ws8" color="94010C" size="-2">
</font><font class="ws8" color="#66ccff" size="-2"><font color="#000000">|</font>
</font><font class="ws8" size="-2"><A HREF="http://www.friendster.com/info/tour/1_0.htm?statpos=footer" TARGET="_self" CLASS="style1"><font color="#FFFFFF">Tour</font></A></font><font class="ws8" color="#66ccff" size="-2">
<font color="#000000">|</font><font color="94010C"> </font></font><font class="ws8" size="-2" color="94010C"><A HREF="http://www.friendster.com/affiliate.php?statpos=footer" TARGET="_self" CLASS="style1"><font color="#FFFFFF">SuperFriendster</font></A></font><font class="ws8" color="#66ccff" size="-2">
<font color="#000000">|</font> </font><font class="ws8" size="-2"><A HREF="http://www.friendster.com/custhelp.php?statpos=footer" TARGET="_self" CLASS="style1"><font color="#FFFFFF">Help</font></A></font><font class="ws8" color="#333333" size="-2">
</font><font class="ws8" color="#66ccff" size="-2"><font color="#000000">|</font>
</font><font class="ws8" size="-2"><A HREF="http://www.friendster.com/info/tos.php?statpos=footer" TARGET="_self" CLASS="style1"><font color="#FFFFFF">Terms
of Service</font></A></font><font class="ws8" color="#333333" 2="2" size="-2">
</font><font class="ws8" color="#999999 SIZE=" 2="2" size="-2"><font color="#000000">|</font>
</font><font class="ws8" size="-2"><A HREF="http://www.friendster.com/info/privacy.php?statpos=footer" TARGET="_self" CLASS="style1"><font color="#FFFFFF">Privacy
Policy</font></A></font></DIV>
<DIV ALIGN=center><font color="#FFFFFF" size="-1">Titan™ Copyright © 2002-2006
Friendster, Inc. All rights reserved. Patent Pending.</font></DIV>
</DIV>
</center>
</BODY></HTML>[/quote]
[/spoiler]
Pertama edit title dari halaman overlay kamu: Ganti [color=yellow]YELLOW TEXT[/color] dengan title kamu sendiri...
[quote]<TITLE>[color=yellow]Friendster[/color]</TITLE>[/quote]
Kemudian pada tag <body> edit stuffs kamu disini:
1. USER ID ([color=orange]ORANGE TEXT[/color])
[quote]<area shape="rect" alt="" coords="117,252,184,274" href="http://www.friendster.com/addfriendrequest.php?uid=[color=orange]USER ID[/color]">
<area shape="rect" alt="" coords="100,218,216,246" href="http://www.friendster.com/sendmessage.php?uid=[color=orange]USER ID[/color]">[/quote]
2. Gallery photo kamu ([color=blue]BLUE TEXT[/color])
[quote]<img src="[color=blue]file:///D|/drive%20d/titan/dreanweaver/sparkcom/PHOTO%20URL%20HERE[/color]" height="90">
<img src="[color=blue]file:///D|/drive%20d/titan/dreanweaver/sparkcom/PHOTO%20URL%20HERE[/color]" height="90">
<img src="[color=blue]file:///D|/drive%20d/titan/dreanweaver/sparkcom/PHOTO%20URL%20HERE[/color]" height="90">
<img src="[color=blue]file:///D|/drive%20d/titan/dreanweaver/sparkcom/PHOTO%20URL%20HERE[/color]" height="90">[/quote]
Ganti dengan URL Picture kamu
3. Personal Data ([color=red]RED TEXT[/color])
[quote]<b>Name:</b> [color=red]TYPE IT HERE[/color]
<br>
<b>Age:</b> [color=red]TYPE IT HERE[/color]
<br>
<b>Status:</b> [color=red]TYPE IT HERE[/color]
<br><b>Location:</b> [color=red]TYPE IT HERE[/color]
<br><b>Hometown:</b> [color=red]TYPE IT HERE[/color]
<br><b>Favorite Food:</b> [color=red]TYPE IT HERE[/color]
<br><b>Favorite Movies:</b> [color=red]TYPE IT HERE[/color]
<br><b>Favorite Music:</b> [color=red]TYPE IT HERE[/color]
<br><b>Hobbies and Interest:</b> [color=red]TYPE IT HERE[/color]
<br><br>
About Me:<br><br>
[color=red]TYPE IT HERE[/color] [color=red]TYPE IT HERE[/color] [color=red]TYPE IT HERE[/color][/quote]
Ganti dengan personal data kamu
4. Add-ons ([color=green]GREEN TEXT[/color])
[align=center]Sangat Mudah Bukan
[b]Selamat Mencoba[/b] :rose:[/align]
[align=center]______________________________________________________________[/align]
[align=center][b]Bab III [i]Cara Menambahkan Tweak JS pada Premade Overlays Layout[/i][/b][/align]
Langkah :
1. Pilih Tweak JS yg ingin ditambahkan.
2. [quote]<script type="text/javascript">[color=green]JS TWEAK HERE[/color]</script>[/quote]
Ganti [color=green]JS TWEAK HERE[/color] dengan Tweak JS yg ingin kamu tambahkan.
3. Letakkan code diatas yg sudah di edit dibagian tag <body> pada Halaman Overlay kamu.
[quote][i]Untuk title bar/ Status bar tweak JS, letakkan di tag <head>[/i][/quote]
Contoh :
[quote]<SCRIPT language=JavaScript>[color=green]
puchtit="+++[>>>>>Welcome To My Profile<<<<<]+++";
letrero2="·.¸¸.·´´¯`··._.··.¸¸.·´´¯`··._.·";
letrero1="·.¸¸.·´´¯`··._.··.¸¸.·´´¯`··._.·";ultimo1=letrero1.length-1;
ultimo2=letrero2.length-1;
tiempo=setTimeout("scroll()",.1);
function scroll()
{
aux1=letrero1.charAt(ultimo1-1);
letrero1=aux1+letrero1.substring(0,ultimo1-1);
aux2=letrero2.charAt(0);
letrero2=letrero2.substring(1,ultimo2+1)+aux2;
window.status="[" + letrero2 + puchtit + letrero1 + "]";
tiempo=setTimeout("scroll()",.1);
return true;
}[/color]
</script>[/quote]
Status Bar letakkan dalam tag <head></head>
[quote]<script language=JavaScript>[color=green]
<!--
//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com
var message="disable right click";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which=) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->[/color]
</script>[/quote]
Disable Right Click letakkan dalam tag <body></body>
[align=center][b]Selamat Mencoba[/b] :rose:[/align]
[align=center]______________________________________________________________[/align]
[align=center][b]:idea: UDPATE[/b]
nahhh ini saya dapet generator buat Preview Overlay Kita
[b]Overlay Tester[/b] by [b]akhu93[/b]
[url=http://kukuhweb.co.cc/friendster/generator/OverlayTester.html][b]Click Here[/b][/url]
Selamat Mencoba
Semoga Membantu :rose:[/align]
Last edited by akhu93 (2008-09-24 04:38:29)
 |