- ARCHIVES
- » [img]http://i533.photobucket.com/albums/ee331/I-am-alright/Siggy-is-here.png[/img] Mini Overlays (Select from the rainbow colors) > includes the colors: • [color=red]Red[/color] • [color=orange]Or
Pages: 1
[img]http://i533.photobucket.com/albums/ee331/I-am-alright/Siggy-is-here.png[/img] Mini Overlays (Select from the rainbow colors) > includes the colors: • [color=red]Red[/color] • [color=orange]Or
- Dfamador
- » FTalkFreak
1698
0
1969-12-31
[img]http://i533.photobucket.com/albums/ee331/I-am-alright/Siggy-is-here.png[/img] Mini Overlays (Select from the rainbow colors) > includes the colors: • [color=red]Red[/color] • [color=orange]Or
[img]http://i533.photobucket.com/albums/ee331/I-am-alright/Siggy-is-here.png[/img]
Mini Overlays (Select from the rainbow colors)
> includes the colors:
• [color=red]Red[/color]
• [color=orange]Orange[/color]
• [color=yellow]Yellow[/color]
• [color=green]Green[/color]
• [color=blue]Blue[/color]
• [color=violet]Violet[/color]
> [color=Indigo]Indigo[/color] not included in the list since it's obviously almost the same with that of violet.
Just want to give credits to the ones mentioned below:
[quote]• [url=http://puppyfat.net]Puppyfat.net[/url] for the background images.
• [url=http://mooncandy.org]Mooncandy.org[/url] for the Layout Idea.[/quote]
Choose from the ones below:
[spoiler][b] [color=red]Red[/color][/b] (Live Preview will be added later on)
Screenshot:
[img]http://i533.photobucket.com/albums/ee331/I-am-alright/Mini-Overlayred.png[/img]
[b] [color=orange]Orange[/color][/b]
[img]http://i533.photobucket.com/albums/ee331/I-am-alright/Mini-Overlayorange.png[/img]
[b]
[color=yellow]Yellow[/color][/b]
[img]http://i533.photobucket.com/albums/ee331/I-am-alright/Mini-Overlayyellow.png[/img]
[b][color=lime]Green[/color][/b]
[img]http://i533.photobucket.com/albums/ee331/I-am-alright/Mini-Overlaygreen.png[/img]
[b][color=dodgerblue]Blue[/color][/b]
[img]http://i533.photobucket.com/albums/ee331/I-am-alright/Mini-Overlayblue.png[/img]
[b][color=violet]Violet[/color][/b]
[img]http://i533.photobucket.com/albums/ee331/I-am-alright/Mini-Overlayviolet.png[/img][/spoiler]
[b]Codes:[/b]
• Read carefully so applying layout to your page will be a success.
[1] Look at these codes & edit the [b]bolded[/b] part. (at the lowermost parts, just change the User Id.) After editing save it as [b]Navigation.html[/b]
Upload it in any stable filehosting site [eg. Ripway (is it currently stable?)]
[spoiler]<html>
<head>
<title></title>
<style type="text/css">
body {
cursor: url(http://www.myspacecursor.net/mario/4.cur);
}
</style>
<style>
body {
background-color: #ffffff;
font-family: small fonts;
font-size: 9px;
color: #000000;
scrollbar-3dlight-color: #ffffff;
SCROLLBAR-ARROW-COLOR: #000000;
scrollbar-darkshadow-color: #ffffff;
scrollbar-face-color: #ffffff;
SCROLLBAR-SHADOW-COLOR: #ffffff;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
scrollbar-track-color: #ffffff;
}
h1 {
background-image:url("");
background-repeat : no-repeat;
background-position: center center;
background-color:#transparent;
color: #000000;
font-family:arial;
font-size: 20px;
font-weight: bold;
letter-spacing: -1.5px;
line-height:25px;
text-align:center;
margin: 0;
}
a:link, a:active, a:visited {
color: #000000;
text-decoration: none;
font-family: verdana;
font-size: 9px;
font-weight: none;
cursor: url(http://www.myspacecursor.net/mario/marioglove.cur);
}
a:hover {
text-decoration: none;
color: #999999;
cursor: url(http://www.myspacecursor.net/mario/marioglove.cur);
border-bottom:1px dashed #33ccff;
font-weight: bold;
font-family:verdana;
font-size: 9px;
}
b {
font-family: arial;
font-size: 10px;
border-bottom:1px dashed #999999;
color: #33ccff;
}
u {
font-family: verdana;
font-size: 7pt;
color: #d1d1d1;
border-bottom:2px solid #93DB70;
}
i {
font-family: verdana;
font-size: 7px;
color: #33ccff;
}
input, textarea {
background-color: #666666;
cell-spacing: 1pt;
border: 1px dashed #cccccc;
font-family: verdana;
Letter-spacing:1pt;
font-weight:bold;
color:#cccccc;
font-size: 8px;}
</style>
</head>
<body>
<a href="http://friendster.com" target="space">Home</a> // <a href="http://friendster.com/user.php" target="space">Profile</a> // <a href="http://friendster.com/friends.php" target="space">Friends</a> // <a href="http://friendster.com/logout.php" target="space">Log-out</a>
<br><br>
<a href="http://friendster.com/sendmessage.php?uid=[b]USER ID[/b]>Message</a> //<a href="http://friendster.com/photos/[b]USER ID[/b]>Photos</a> // <a href="http://friendster.com/addfriendrequest.php?uid=[b]USER ID[/b]>Add as a Friend</a> // <a href="http://friendster.com/comments.php?uid=[b]USER ID[/b]>Send a comment</a>
</body>
</html>[/spoiler]
[2] Second step, look at these set of codes, and again, edit the [b]bolded[/b] parts and some parts that needs to be edited. When done in editing, save it as [b]Content.html[/b]
Upload in any filehosting site.
[b]Codes:[/b]
[spoiler]<html>
<head>
<title></title>
<style type="text/css">
body {
cursor: url(http://www.myspacecursor.net/mario/4.cur);
}
</style>
<style>
body {
background-color: #ffffff;
font-family: small fonts;
font-size: 9px;
color: #000000;
scrollbar-3dlight-color: #ffffff;
SCROLLBAR-ARROW-COLOR: #000000;
scrollbar-darkshadow-color: #ffffff;
scrollbar-face-color: #ffffff;
SCROLLBAR-SHADOW-COLOR: #ffffff;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
scrollbar-track-color: #ffffff;
}
h1 {
background-image:url("");
background-repeat : no-repeat;
background-position: center center;
background-color:#transparent;
color: #000000;
font-family:arial;
font-size: 20px;
font-weight: bold;
letter-spacing: -1.5px;
line-height:25px;
text-align:center;
margin: 0;
}
a:link, a:active, a:visited {
color: #000000;
text-decoration: none;
font-family: verdana;
font-size: 9px;
font-weight: none;
cursor: url(http://www.myspacecursor.net/mario/marioglove.cur);
}
a:hover {
text-decoration: none;
color: #999999;
cursor: url(http://www.myspacecursor.net/mario/marioglove.cur);
border-bottom:1px dashed #33ccff;
font-weight: bold;
font-family:verdana;
font-size: 9px;
}
b {
font-family: arial;
font-size: 10px;
border-bottom:1px dashed #999999;
color: #33ccff;
}
u {
font-family: verdana;
font-size: 7pt;
color: #d1d1d1;
border-bottom:2px solid #93DB70;
}
i {
font-family: verdana;
font-size: 7px;
color: #33ccff;
}
input, textarea {
background-color: #666666;
cell-spacing: 1pt;
border: 1px dashed #cccccc;
font-family: verdana;
Letter-spacing:1pt;
font-weight:bold;
color:#cccccc;
font-size: 8px;}
.header{font-size:9px;
color:#FFFFFF;
background-color:#888888;
line-height: 9px;
border-bottom: solid 7px #FFFFFF}
</style>
</head>
<body>
<center>
<div class="header">[b]About Me[/b].</div>
<center><img src="[b]Image Url[/b]"></center>
[b]
Name:[/b] Your name here.
[b]Age:[/b] You age here.
[b]Location:[/b]
[b]ID's:[/b] Friendster ID, Y!M Id, Blog link, etc.
[b]More definitions:[/b] More about you here.
<div class="header">[b]Miscellaneous[/b].</div>
Post anything in here!Post anything in here!Post anything in here!Post anything in here!Post anything in here!Post anything in here!Post anything in here!Post anything in here!Post anything in here!Post anything in here!
</center>
</html>[/spoiler]
[3] When satisfied with your editing, work on these:
[spoiler]<html>
<head>
<title>Color the fun.</title>
</head>
<style type="text/css">
body {
cursor: url(http://www.myspacecursor.net/mario/4.cur);
}
</style>
<style>
body {
background-color: #ffffff;
font-family: small fonts;
font-size: 9px;
color: #000000;
scrollbar-3dlight-color: #ffffff;
SCROLLBAR-ARROW-COLOR: #000000;
scrollbar-darkshadow-color: #ffffff;
scrollbar-face-color: #ffffff;
SCROLLBAR-SHADOW-COLOR: #ffffff;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
scrollbar-track-color: #ffffff;
background-image:url("http://www.clairebarrie.com/puppyfat/images/pixels/backgrounds/gingham/[b]Red or Orange or Yellow or Green or Blue or Pink [/b].gif");
background-repeat : repeat;
background-position: center;
}
h1 {
background-image:url("");
background-repeat : no-repeat;
background-position: center center;
background-color:#transparent;
color: #000000;
font-family:arial;
font-size: 20px;
font-weight: bold;
letter-spacing: -1.5px;
line-height:25px;
text-align:center;
margin: 0;
}
a:link, a:active, a:visited {
color: #000000;
text-decoration: none;
font-family: verdana;
font-size: 9px;
font-weight: none;
cursor: url(http://www.myspacecursor.net/mario/marioglove.cur);
}
a:hover {
text-decoration: none;
color: #999999;
cursor: url(http://www.myspacecursor.net/mario/marioglove.cur);
border-bottom:1px dashed #33ccff;
font-weight: bold;
font-family:verdana;
font-size: 9px;
}
b {
font-family: arial;
font-size: 10px;
border-bottom:1px dashed #999999;
color: #33ccff;
}
u {
font-family: verdana;
font-size: 7pt;
color: #d1d1d1;
border-bottom:2px solid #93DB70;
}
i {
font-family: verdana;
font-size: 7px;
color: #33ccff;
}
input, textarea {
background-color: #666666;
cell-spacing: 1pt;
border: 1px dashed #cccccc;
font-family: verdana;
Letter-spacing:1pt;
font-weight:bold;
color:#cccccc;
font-size: 8px;}
</style>
<div style="left: 30; position: absolute; top: 80; width:44; height:12">
<img src="http://i533.photobucket.com/albums/ee331/I-am-alright/Layout-1.png"></div>
<iframe name="navigate" src="[b]URL of Navigation.html here[/b]" width="230" height="40" frameborder="0" style="position:absolute; left:230; top:230;" scroll="aunto"></iframe>
<iframe name="space" src="[b]URL of Content.html here[/b]" width="290" height="200" frameborder="0" style="position:absolute; left:190; top:280;" allowtransparency="true" scroll="aunto"></iframe>
</body>
</html>[/spoiler]
[4] Your done! Save the file as [b]NAME.html[/b] and upload in Ripway or in Fileave or in Fileden.etc.
Comments and positive repu's will be highly appreciated. If even you'll encounter problems regarding these Overlays, then don't hesitate to PM me or leave your concern/s in the comments section below v v v.
[b]PS: I'll soon add an Overlay here with a Stylesheet switcher![/b]
Last edited by Dfamador (2008-09-10 06:56:00)
 |
- ♥brains&beauty♥
- » FTalkManiac
- 626
- 0
- 1969-12-31
Re: [img]http://i533.photobucket.com/albums/ee331/I-am-alright/Siggy-is-here.png[/img] Mini Overlays (Select from the rainbow colors) > includes the colors: • [color=red]Red[/color] • [color=orange]Or
Nice lays!
Keep it up! 
|
- nia_pearl19
- » FTalkWhiz
- 2529
- 0
- 1969-12-31
Re: [img]http://i533.photobucket.com/albums/ee331/I-am-alright/Siggy-is-here.png[/img] Mini Overlays (Select from the rainbow colors) > includes the colors: • [color=red]Red[/color] • [color=orange]Or
coooll..
so cute..,
nice lays.,
keep it up..,
|