- ARCHIVES
- » [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
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
- 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)
 |
- akhu93
- » FTalkManiac
- 601
- 0
- 1969-12-31
Re: [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
[quote=aufar]thank'z.. for share. 
[/quote]
ok bro, sama-sama
klu da mslah dalam overlaying, tnyakan adja disini
[/quote]
ok bro, sama-sama
klu da mslah dalam overlaying, tnyakan adja disini
|
- robbinhood
- » FTalkAgent
- 2140
- 0
- 1969-12-31
Re: [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
hahahaha ..
saya mah males pake overlay broo ..
capek, kan juga bahaya ..
kemarin FS nya mas teguh aja ke banned gara2 pake overlay ,,
tapi bagi yang beruntung ..
coba pake script ini untuk JS nya 
<">jadi gini ..
taruh script diatas di file JS kalian ..
trus yang di pasang di linker itu file yang isinya script diatas ..
and pesan saya satu ..
tolong code diatas jangan di gabungkan dengan code laen ..
soalnya takut code nya bentrok 
ohh iya ..
satu lagi, jangan merasa kalau code JS yang kita buat sia2 ..
mungkin kita masih bisa mengaplikasikannya sedikit ..
taruh code ini
[spoiler]<">[/spoiler]
di bagian Head ...
code yang udah saya test n jalan itu code ini
<">hehehe, silahkan berkreatif ria 
<">jadi gini ..
taruh script diatas di file JS kalian ..
trus yang di pasang di linker itu file yang isinya script diatas ..
and pesan saya satu ..
tolong code diatas jangan di gabungkan dengan code laen ..
soalnya takut code nya bentrok
ohh iya ..
satu lagi, jangan merasa kalau code JS yang kita buat sia2 ..
mungkin kita masih bisa mengaplikasikannya sedikit ..
taruh code ini
[spoiler]<">[/spoiler]
di bagian Head ...
code yang udah saya test n jalan itu code ini
<">hehehe, silahkan berkreatif ria
Last edited by robbinhood (2008-09-24 02:38:51)
|
- akhu93
- » FTalkManiac
- 601
- 0
- 1969-12-31
Re: [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
[quote=robbinhood]silahkan berkreatif ria [/quote]
thx tambahannya bro 
yupz bener banget tuu, sesuai dengan penjelasan pada [b]Bab III[/b]
kita masih bisa ngasih tweak JS pada Overlay kita
[/quote]
thx tambahannya bro
yupz bener banget tuu, sesuai dengan penjelasan pada [b]Bab III[/b]
kita masih bisa ngasih tweak JS pada Overlay kita
|
- _Qq Gunners_
- » FTalkWhiz
- 2777
- 0
- 1969-12-31
Re: [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
apa badanya ma http://theftalk.com/t24376-%7BTUTORIAL%7D-Friendster-Overlay.html ??
|
- teguh0203
- » FTalkAgent
- 2408
- 0
- 1969-12-31
Re: [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
cuma mo kasi tau aja nih... walaupun gue uda pasang google ads,logo ama footer FS tapi tetep d suspend...
overlay tu sasaran empuk admin FS buat d suspend .. ni div yang gue pake <">ni CSS nya atur ndiri <">
.. ni div yang gue pake <">ni CSS nya atur ndiri <">
|
- akhu93
- » FTalkManiac
- 601
- 0
- 1969-12-31
Re: [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
[quote=_Qq Gunners_]apa badanya ma http://theftalk.com/t24376-%7BTUT … erlay.html ??[/quote]
ini penjelasan simple n singkatnya bro
pada tutorial ini saya lebih menekankan pada [i]pengeditan code HTML Premade Overlay Layout[/i] & menjelaskan bahwa Overlay Juga bisa di tambahin tweak JS
dan klu ga ada halangan, part 2 akhu akan coba jelasin gimana bkin Overlay Layout pake Adobe Software
[quote=teguh0203]overlay tu sasaran empuk admin FS buat d suspend .. ni div yang gue pake[/quote]
wahhh terimakasih infonya
tapi nama'nya juga apeesss, kita ga tau khan yg kya gmn yg bkln kena hapus FS team 
wlwpn kita ga mke overlay sekalipun, FS kita tetep bisa kena hapus
pada tutorial ini saya lebih menekankan pada [i]pengeditan code HTML Premade Overlay Layout[/i] & menjelaskan bahwa Overlay Juga bisa di tambahin tweak JS
dan klu ga ada halangan, part 2 akhu akan coba jelasin gimana bkin Overlay Layout pake Adobe Software
[quote=teguh0203]overlay tu sasaran empuk admin FS buat d suspend .. ni div yang gue pake[/quote]
wahhh terimakasih infonya
tapi nama'nya juga apeesss, kita ga tau khan yg kya gmn yg bkln kena hapus FS team
wlwpn kita ga mke overlay sekalipun, FS kita tetep bisa kena hapus
Last edited by akhu93 (2008-09-24 03:31:49)
|
- EbengMaya
- » FTalkFreak
- 1890
- 0
- 1969-12-31
Re: [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
wow jelas sekali penjelasannya
kapan2 saya coba di test page fs saya
ada hadiah dr nenek saya
kapan2 saya coba di test page fs saya
ada hadiah dr nenek saya
|
- anarcis
- » Banned
- 1128
- 0
- 1969-12-31
Re: [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
hmm...
ini penjelasan yg sangat singkat
but
bsa di mengerti
|
- odloc
- » Banned
- 1240
- 0
- 1969-12-31
Re: [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
wuihh!!! jgo overlaying nihh...
berhubung tutorial overlaying d FTI cma sedikit, ni thread psti'a berguna bnget.... 
ntr mnta ajarin yh klo dah ngerasa bosen sma fs yg skrng.....
btw, thnx dah share....
ntr mnta ajarin yh klo dah ngerasa bosen sma fs yg skrng.....
btw, thnx dah share....
|
- akhu93
- » FTalkManiac
- 601
- 0
- 1969-12-31
Re: [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
[quote=odloc]wuihh!!! jgo overlaying nihh...
berhubung tutorial overlaying d FTI cma sedikit, ni thread psti'a berguna bnget....
ntr mnta ajarin yh klo dah ngerasa bosen sma fs yg skrng.....
btw, thnx dah share.... [/quote]
wahhh ga jago-jago amat kuq, masih bru blajar jua
ok bro, klu ada yg tagh mengerti dari overlay tnyakan adja disini
ntr mnta ajarin yh klo dah ngerasa bosen sma fs yg skrng.....
btw, thnx dah share.... [/quote]
wahhh ga jago-jago amat kuq, masih bru blajar jua
ok bro, klu ada yg tagh mengerti dari overlay tnyakan adja disini
|
- eye_on
- » n00b
- 5
- 0
- 1969-12-31
Re: [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
ooooo mbuat overlay pake adoeb aku punya E -book nya .........
itu sebenernya gabungan tirck dari adobe photoshop dan macromedia dreamweaver........
yg adobe kita ngandalin slicer tool buat nge slice bagian2 yg mau kita masukin tag html
kalo dreamweavernya buat kita ngaplikasihanya kan... (maap kalo salah omong)
kalo mau ebook nanti aku share.....
yg satu mau kau tanya gimana caranya buat SWF profile akupernah jalan2 di FTi ini ada orang yg profilnya pake SWF keren abizzzzzzzzz ajarin ya plzzzzzzzz
kalo ga salah swf profil buatnya dari adobe flash cs 3 ya....
|
- akhu93
- » FTalkManiac
- 601
- 0
- 1969-12-31
Re: [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
[quote=eye_on]ooooo mbuat overlay pake adoeb aku punya E -book nya .........
itu sebenernya gabungan tirck dari adobe photoshop dan macromedia dreamweaver........
yg adobe kita ngandalin slicer tool buat nge slice bagian2 yg mau kita masukin tag html
kalo dreamweavernya buat kita ngaplikasihanya kan... (maap kalo salah omong)
kalo mau ebook nanti aku share.....
yg satu mau kau tanya gimana caranya buat SWF profile akupernah jalan2 di FTi ini ada orang yg profilnya pake SWF keren abizzzzzzzzz ajarin ya plzzzzzzzz
kalo ga salah swf profil buatnya dari adobe flash cs 3 ya....[/quote]
thx bro comment'nya
tapi rencana saya nanti di part ke 2, ngejelasin bkin overlay pake adobe photoshop + adobe image ready
(just adobe program)
tp yg bro katakan juga benar kuq
kemudian masalah ngajarin bkin layout flash, bukan'nya ga bisa tapi ntr deh di part ke 3 dikasih tau basic'nya bkin overlay yg flash
(just adobe program)
tp yg bro katakan juga benar kuq
kemudian masalah ngajarin bkin layout flash, bukan'nya ga bisa tapi ntr deh di part ke 3 dikasih tau basic'nya bkin overlay yg flash
|
- akhu93
- » FTalkManiac
- 601
- 0
- 1969-12-31
Re: [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
[quote=ilhamc17]thanks for share
boleh dicoba neh 
[/quote]
ok bro
tapi jangan pake code contoh di atas ya, coz berbahaya 
boleh dicoba neh [/quote]
ok bro
tapi jangan pake code contoh di atas ya, coz berbahaya
|
- ilhamc17
- » FTalkAgent
- 2493
- 0
- 1969-12-31
Re: [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
[quote=akhu93]ok bro
tapi jangan pake code contoh di atas ya, coz berbahaya [/quote]
mang bahaya apa bro?
tapi jangan pake code contoh di atas ya, coz berbahaya [/quote]
mang bahaya apa bro?
|