<body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar/7778482192074137728?origin\x3dhttps://htmldrivesmemad.blogspot.com', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script>

Monday, 12 August 2013
11:33

<HTML>
<head>
<title>Closet Fangirls</title>

<script>
function changeNavigation(id)
{document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}
</script>

<style type="text/css">

#navbar-iframe{display: none; height: 0;}

a:link, a:visited, a:hover{ color: #504A4B; cursor: hor-text;}

a:hover{ color: #15317E; }

::-moz-selection{ background: #4d4d4d; color: #ffffff;}

body{ background: url(http://img580.imageshack.us/img580/320/urlv.png); font-family: tahoma; font-size: 9px; color: #666; text-align: justify; }

table{ font-family: arial; font-size: 10px;color: #666; text-align: justify; line-height: 13px; }

<!DOCTYPE html>
<html>
<head>
<style>

a:link, a:visited, a:hover{ color: #504A4B; cursor: vertical-text;}

a:hover{ color: #15317E; }

::-moz-selection{ background: #4d4d4d; color: #ffffff;}

body{ background: url(http://img580.imageshack.us/img580/320/urlv.png); font-family: tahoma; font-size: 9px; color: #666; text-align: justify; }

    #main-nav {
    background: #000000;
    background: #000000;
    background: #000000;
    background: #000000;
    background: #000000;
    background: #000000;
    background: #000000;

    float: left;
    width: 1000px;
   
    position: absolute;
    top: 15px;
    padding:10px 2px 10px 2px;
    text-align: center;
    text-transform: Uppercase;
    word-spacing: 2000px;
    letter-spacing: 3px;
    z-index: 2;
    }
    #main-nav ul {
    font-family: "trebuchet ms", sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform:uppercase;
    color: #000000;
    list-style: none;
    }
    #main-nav ul li {
    border-right: 10px;
    float: left;
    }
    #main-nav ul li:first-child {
    border: none;
    }
    #main-nav ul li a {
    color: #ffffff;
    display: block;
    padding: 20px;
    position: relative;
    width: 139px;
    text-decoration: none;
  
    }
    #main-nav ul li a span.drop-down {
    height: 7px;
    position: absolute;
    right: 20px;
    top: 24px;
    width: 10px;
    }
    #main-nav ul li:hover {
    background: #000000;
    }
    #main-nav ul li ul {
    display: none;
    }
    #main-nav ul li:hover ul {
    background-color: #4c4c4c;
    display: block;
    opacity:0.9;
    filter:alpha(opacity=40);
    font-size: .9em;
    font-weight: normal;
    padding: 10px;
    position: absolute;
    }
    #main-nav ul li ul li {
    float: none;
    display: block;
    border-left: none;
    position: relative;
    }
    #main-nav ul li ul li a {
    width: 170px;
    padding: 15px 10px;
    border-top: dotted 1px #ffffff;
    color: #fff;
    }

#wrap
{
float: left;
position: relative;
left: 50%;
}

#main-nav
{
float: left;
position: relative;
left: -50%;
}

#main {
overflow: auto;
padding: 115px 0 10px
font size: 12px
}

.entryHolder {
float: center;
margin: 0 0 10px;
width: 900px;
}
.entryHolder:hover {
border: 1px solid #f5f5f5;

}
.entryHolder .date {
font-family: "trebuchet ms", serif;
font-size: 10pt;
letter-spacing: 1px;
opacity: 0;
filter: alpha(opacity=0);
padding: 5px 10px;
text-align: center;
text-transform: uppercase;

}
.entryHolder:hover .date {
background: #f5f5f5;
color: #aaa;
opacity: 1;

}
.entryHolder .subject {
font-family: "trebuchet ms, Lucida Grande, sans-serif;
font-size: 13px;
color: #111;
padding: 20px 10px 5px;
text-transform: uppercase;

}
.entryHolder .subject .subjectTitle {
width: 900px;
background: #ccc;
padding: 20px 10px 10px;
}
.entryHolder .entryText {
line-height: 1.5;
padding: 10px 10px 5px;

}
#content {
float: left;
position: relative;
left: -50%;
background: #fff;
margin: 0 auto;
padding: 20px 10px;
width: 985px;
z-index: 1;


.entryHolder:hover .subject, #maincontent .entryHolder:hover .entryText{

.table{ font-family: arial; font-size: 10px;color: #666; text-align: justify; line-height: 13px; }

.title{ font-family: "trebuchet ms", sans-serif; font-size: 12px; letter-spacing: 1px; text-transform:uppercase; color: #000000; }

.comment{ text-transform: Uppercase; word-spacing: 5px; letter-spacing: 1px; }

.box{ background-color: white;}

</style>


</head>
<center>


<body>

    <div id="wrap">
    <div id="main-nav">
    <ul>
    <li><a href="#" onClick="changeNavigation ('main');">Clothes<span class="drop-down"></span></a>
    <ul>
    <li><a href="http://www.closetfangirls.blogspot.com/search/label/shirts">shirts</a></li>
    <li><a href="http://www.closetfangirls.blogspot.com/search/label/blouses">blouses</a></li>
    <li><a href="http://www.closetfangirls.blogspot.com/search/label/dresses">dresses</a></li>
    <li><a href="http://www.closetfangirls.blogspot.com/search/label/shorts">shorts</a></li>
    <li><a href="http://www.closetfangirls.blogspot.com/search/label/skirts">skirts</a></li>
    <li><a href="http://www.closetfangirls.blogspot.com/search/label/cardigans">cardigans</a></li>
    <li><a href="http://www.closetfangirls.blogspot.com/search/label/tanks">tanks</a></li>
    </ul>
    </li>
    <li><a>Order<span class="drop-down"></span></a>
    <ul>
    <li><a href="http://www.closetfangirls.blogspot.com/p/orderform.html">order form</a></li>
    <li><a href="http://www.closetfangirl.blogspot.com/p/termsandconditions.html">terms and conditions</a></li>
    </ul>
    </li>
    <li><a href="http://www.facebook.com">Facebook</a></li>
    </li>
    <li><a href="#" onClick="changeNavigation ('about');">About</a></li>
    </li>
    </ul>
    </div>

<table border="0" cellpadding="0" cellspacing="0" >
<tr><td id="main" valign="top" width="500">

</div>
<br>
<br>

<div id="content">

<div id="main" class="box"><br><center>
<Blogger>
<div class="entryHolder">
<div class="subject">
<span class="subjectTitle"><$BlogItemTitle$></span>
</div>
<div class="entryText">
<$BlogItemBody$>
</div>
<div class="date">Posted on <strong><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></strong> at <strong><$BlogItemDateTime$></strong>.</div>
</div>
</Blogger>

<div id="content">

<div id="about" class="box"><br><center>
<div class="title">about</div><br>
Hello!
<br>
<br>
<br>We're 2 girls who are just trying to re-invent our closets.
<br>Take a look around and see if you like anything! :)


<br><br><br><br><br><br><br><br></div></center</td>



</table>
</div>
</body>
</html>


(Top.)


11:32

<HTML>
<head>
<title>Closet Fangirls</title>

<script>
function changeNavigation(id)
{document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}
</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==3) {(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>

<style type="text/css">

#navbar-iframe{display: none; height: 0;}

a:link, a:visited, a:hover{ color: #504A4B; cursor: vertical-text;}

a:hover{ color: #15317E; }

::-moz-selection{ background: #4d4d4d; color: #ffffff;}

body{ background: url(http://img580.imageshack.us/img580/320/urlv.png); font-family: tahoma; font-size: 9px; color: #666; text-align: justify; }

table{ font-family: arial; font-size: 10px;color: #666; text-align: justify; line-height: 13px; }

.navigation{ color: #c0c0c0; padding: 15px 2px 40px 2px; text-transform: Uppercase; word-spacing: 170px; letter-spacing: 3px;}

.title{ font-family: "trebuchet ms", sans-serif; font-size: 12px; letter-spacing: 1px; text-transform:uppercase; color: #000000; }

.comment{ text-transform: Uppercase; word-spacing: 5px; letter-spacing: 1px; }

.box{ background-color: white;}

</style>

</head>
<body>
<center>


<br><br><br><br>
<table border="0" cellpadding="0" cellspacing="0">
<tr><td bgcolor="black" valign="top" width="1000"><br><br>
<div align="center">

<div class="navigation">
<span style="cursor: pointer;" onMouseover="this.style.color='#666'" onMouseout="this.style.color='#c0c0c0'" onClick="changeNavigation('clothes')">clothes</span>
<span style="cursor: pointer;" onMouseover="this.style.color='#666'" onMouseout="this.style.color='#c0c0c0'" onClick="changeNavigation('orders')">orders</span>
<span style="cursor: pointer;" onMouseover="this.style.color='#666'" onMouseout="this.style.color='#c0c0c0'" onClick="changeNavigation('facebook')">facebook</span>
<span style="cursor: pointer;" onMouseover="this.style.color='#666'" onMouseout="this.style.color='#c0c0c0'" onClick="changeNavigation('about')">about</span>

</div>
</td></tr></table><br>



<table border="0" cellpadding="0" cellspacing="0" >
<tr><td id="main" valign="top" width="1000">

</div>

<td id="clothes" style="display: none;">

<br><div class="box"><br><center>
<div class="title">Clothes</div><br>
<br><br><br><br><br><br><br><br></div></center</td>


<td id="order" style="display: none;">

<br><div class="box"><br><center>
<div class="title">order</div><br>

<br><br><br><br><br><br><br><br></div></center</td>


<td id="facebook" style="display: none;">
<br><div class="box"><br><center>
<div class="title">facebook</div>

<br><br><br><br><br><br><br><br></div></center</td>


<td id="about" style="display: none;">
<br><div class="box"><br><center>
<div class="title">about</div><br>

<br><br><br><br><br><br><br><br></div></center</td>



</table>
</div>
</body>
</html>


(Top.)


11:11

TEST TEST TEST TET


(Top.)