
hello...it's another simple layout ...

..hope you like it..
screenshot:
[img]http://h1.ripway.com/abhiegail/darkangellove/angellove.JPG[/img]
live preview:
[url]http://h1.ripway.com/abhiegail/darkangellove/angellove.html[/url]
codes:
[spoiler]<html>
<head>
<title>Untitled-1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
div
{
font: small-caps 900 10px tahoma;
color: #cccccc;
}
body {
scrollbar-arrow-color: #2F2F4F;
scrollbar-track-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #2F2F4F;
scrollbar-shadow-color: #2F2F4F;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
filter: chroma (color=#000000);
cursor: url(http://www.myspacecursor.net/gothic/gothchick.ani);
}
</style>
<script>
<!--
var space = " ";
var speed = "200";
var pos = 0;
var msg = "«««««WElcOme to mY paGE«««««";
function Scroll()
{
document.title = msg.substring(pos, msg.length) + space +
msg.substring(0,pos);
pos++;
if (pos > msg.length) pos = 0;
window.setTimeout("Scroll()", speed);
}
Scroll();
-->
</script>
<script>
//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>
<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] = "keeP BleeDinG Love....";
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>
</head>
<body bgcolor="#2F2F4F" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Untitled-1) -->
<table id="Table_01" width="1025" height="768" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="4">
<img src="http://h1.ripway.com/abhiegail/darkangellove/images/angel_01.gif" width="410" height="768" alt=""></td>
<td colspan="5">
<img src="http://h1.ripway.com/abhiegail/darkangellove/images/angel_02.gif" width="614" height="168" border="0" alt="" usemap="#angel_02_Map"></td>
<td>
<img src="http://h1.ripway.com/abhiegail/darkangellove/images/spacer.gif" width="1" height="168" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="http://h1.ripway.com/abhiegail/darkangellove/images/angel_03.gif" width="144" height="600" alt=""></td>
<td>
<div style="position:absolute; overflow:hidden; top:168; width:136; height:120; z-index:1; background-color:#000000; background-image:url(http://h1.ripway.com/abhiegail/darkangellove/images/angel_04.gif); ">
▄▀▄▀MY IMAGE▄▀▄▀
<center>
<img src="[b]YOUR PHOTO URL [/b]" height="100" width="100" border="0">
</center>
</div>
</td>
<td rowspan="3">
<img src="http://h1.ripway.com/abhiegail/darkangellove/images/angel_05.gif" width="46" height="600" alt=""></td>
<td rowspan="2">
<div style="background-image:url(http://h1.ripway.com/abhiegail/darkangellove/images/angel_06.gif); background-repeat:no-repeat;position:absolute; overflow:auto; top:168; width:250; height:532;">
<center>
▄▀▄▀▄»»»»»WELCOME«««««▄▀▄▀▄<BR>
[b]EDIT for welcome message[/b]
<br><br>
▄▀▄▀▄»»»»»ABOUT ME«««««▄▀▄▀▄<BR>
<marquee direction="right" BEHAVIOR="alternate" >
<b>†Name :</b>[b]EDIT HERE[/b]
<br>
<b>†Nickname :</b>[b]EDIT HERE[/b]
<br>
<b>†Age :</b>[b]EDIT HERE[/b]
<br>
<b>†Gender :</b>[b]EDIT HERE[/b]
<br>
<b>†Status :</b>[b]EDIT HERE[/b]
<br>
<b>†Zodiac Sign :</b>[b]EDIT HERE[/b]
<br>
</marquee>
<br>
▄▀▄▀▄»»»»»CHAT BOX«««««▄▀▄▀▄<BR>
[b]PREFERRED IF YOU LIMIT IT TO WIDTH:200 HEIGHT:100
EXAMPLE...[/b]
<!-- BEGIN CBOX -
www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="100" src="http://www3.cbox.ws/box/?boxid=2996741&boxtag=1129&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#DBE2ED 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="200" height="100" src="http://www3.cbox.ws/box/?boxid=2996741&boxtag=1129&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#DBE2ED 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX -->
<br>
▄▀▄▀▄»»»»»MUSIC BOX«««««▄▀▄▀<BR>
[b]PREFERRED IF YOU LIMIT IT TO WIDTH:200 HEIGHT:100
EXAMPLE...[/b]
<embed src="http://media.imeem.com/m/sEnPQEGZe5" type="application/x-shockwave-flash" width="200" height="100" wmode="transparent" ></embed>
</div>
</td>
<td rowspan="3">
<img src="http://h1.ripway.com/abhiegail/darkangellove/images/angel_07.gif" width="38" height="600" alt=""></td>
<td>
<img src="http://h1.ripway.com/abhiegail/darkangellove/images/spacer.gif" width="1" height="120" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="http://h1.ripway.com/abhiegail/darkangellove/images/angel_08.gif" width="136" height="480" alt=""></td>
<td>
<img src="http://h1.ripway.com/abhiegail/darkangellove/images/spacer.gif" width="1" height="412" alt=""></td>
</tr>
<tr>
<td>
<img src="http://h1.ripway.com/abhiegail/darkangellove/images/angel_09.gif" width="250" height="68" alt=""></td>
<td>
<img src="http://h1.ripway.com/abhiegail/darkangellove/images/spacer.gif" width="1" height="68" alt=""></td>
</tr>
</table>
<map name="angel_02_Map">
<area shape="rect" alt="comment please..." coords="318,92,497,141" href="http://www.friendster.com/testimonials.php?action=add&uid=[b]YOURID[/b]">
<area shape="rect" alt="message me..." coords="92,92,279,142" href="http://www.friendster.com/sendmessage.php?uid=[b]YOURID[/b]">
<area shape="rect" alt="view my photos" coords="422,48,575,91" href="http://www.friendster.com/viewphotos.php?uid=[b]YOURID[/b]">
<area shape="rect" alt="see my friends" coords="238,48,398,90" href="http://www.friendster.com/friends.php?uid=[b]YOURID[/b]">
<area shape="rect" alt="become my friend.." coords="112,48,211,91" href="http://www.friendster.com/addfriendrequest.php?uid=[b]YOURID[/b]">
<area shape="rect" alt="leave me..." coords="0,48,92,92" href="www.friendster.com">
</map>
<!-- End ImageReady Slices -->
</body>
</html>[/spoiler]
and umm... you can delete/edit those in bold ...
Last edited by abhiegail (2008-09-18 09:12:06)