network page

<head>


<link rel="shortcut icon" href="{favicon}">
<link rel="alternate" type="application/rss+xml" href="{rss}">

<style type="text/css">

body
{font-family: times;
font-size: 11px;
color: #000;
background-position: fixed;
background-attachment:fixed;
background-repeat:repeat;
background-color:#fff;}

a:link, a:active, a:visited{
color: #777777;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
text-decoration: none;

}

#all {
    margin:30;
    margin-left:30%;
}

#title {
    text-shadow: 1px 0 .2px #FF0000, -2px 0 .2px #00F1F5;
    position:fixed;
    width: 600px;
    padding-top:40px;
    line-height:100%;
    margin-top:-30px;
    margin-left:390px;
    font-size: 25px;
    letter-spacing:1px;
    position:center;
    padding-bottom: 1px;
    text-align:center;
    height: 45px;
    font-family: 'Rouge Script', cursive;
    color:#fff;
    background-color:#000;
    }

#pannel {
    width:180px;
    height:170px;
    padding:0px;
    background-color:#fff;
}

#poster {
    padding-top:5px;
    width:136px;
    height:20px;
    margin-top:10px;
    position: fixed;
    background-color:#000;
}

#poster img {
    width:120px;
    height:120px;
    border:2px solid #000;
    padding:6px;
}


#about {
    text-align:center;
    padding:10px;
    padding-top:3px;
    margin-bottom:20px;
    position:absolute;
    width:110px;
    height:10px;
    border:2px solid #000;
    font-family: calibri;
    opacity:0;
    font-size:9px;
    background:white;
    color:#000;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;

}

#pannel:hover #about {
    opacity:.98;
    margin-top:4px;
    height:115px;
    margin-left:1px;
   -webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}

#name {
    font-family: 'Meie Script', cursive;
    moz-transition: color 0.4s ease-out;
    color:#000;
     font-size:10px;
     text-align:center;
    text-transform:lowercase;
}


#top {
    width:550px;
    height:auto;
    font-family: times new roman;
    font-size:11px;
    margin-left: 30.5%;
    line-height:18px;
    padding:2px;
    margin-top: 20px;
    text-align:center;
    text-transform:lowercase;
    background-color:#000;
}

#admin {
    font-size:14px;
    text;#fff;
    font-family: 'Meie Script', cursive;
    letter-spacing: 3px;
    text-align: center;
    margin-left:5px;
    padding: 2 3 2 3;
    width: 120px;
    position: fixed;
    margin-top: -5px;
    text-shadow: 1px 0 .2px #FF0000, -2px 0 .2px #00F1F5;
}


      #themec {
    text-align:center;
    font-family:consolas;
    font-size:8px;
    line-height:70%;
    background-color:#fcfcfc;
    position:fixed;
    border-radius:100px;
    right:10px;
    bottom:12px;
    }

    #themec a {
    width:5px;
    height:5px;
    border-radius:100px;
    padding:5px;
    background-color:#fcfcfc;
    border:1px solid #eeeeee;
    display:block;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    }

    #themec a:hover { background-color:#1a1a1a;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    }

</style>


<div id="border-top"></div>


</div>
<div id="title">the motherf*cker network</div>
<div id="top">


</div>

<table id="all" border="0" cellpadding="0" cellspacing="20">


<!-- start of 1st column-->
<!--start 1st pannel-->
<td><div id="pannel">
<div id="poster">
<div id="admin"><a href=> Eva </a></div><!--name of the member-->
<p>
<div id="about">
<div id="name"><p>put your description here<p>it looks better if it's longer ok<p>
<a href="http://YOURURL.tumblr.com">your url name</a>
</div>
</div>
<img width="120px" src="http://24.media.tumblr.com/98d7a228aa73e31508091abd36a45323/tumblr_mri75fHxDz1sfvybco1_250.jpg"/><!--replace this url with the image url you want to use-->
</div>

</div></td>
<!--end 2st pannel-->


<!--start 2nd pannel-->
<td><div id="pannel">
<div id="poster">
<div id="admin"><a href=> name </a></div><!--name of the member-->
<p>
<div id="about">
<div id="name"><p>description here</div><!--- description goes here-->
 <a href="http://YOURURL.tumblr.com">your url name</a>
</div>
<img width="120px" src="http://media.tumblr.com/f1140e00f4dc8b78d518abd4a3f01892/tumblr_inline_mr36u6rYNi1qz4rgp.png"/><!--replace this url with the image url you want to use-->
</div>

</div></td>
<!--end 2nd pannel-->


<!--start 3rd pannel-->
<td><div id="pannel">
<div id="poster">
<div id="admin"><a href=> name </a></div><!--name of the member-->
<p>
<div id="about">
<div id="name"><p>description here</div><!--- description goes here-->
<a href="http://YOURURL.tumblr.com">your url name</a>
</div>
<img width="120px" src="http://media.tumblr.com/7273c487843d8be6e3e5f52cc11c0502/tumblr_inline_mr4tppANtA1qz4rgp.jpg"/><!--replace this url with the image url you want to use-->
</div>

</div></td>
<!--end of 3rd pannel-->
<!-- end of 1st column-->

<tr>

<!--- start of 2nd column-->
<!--start 1st pannel-->
<td><div id="pannel">
<div id="poster">
<div id="admin"><a href=> name </a></div><!--name of the member-->
<p>
<div id="about">
<div id="name"><p>description here</div>
<a href="http://YOURURL.tumblr.com">your url name</a>
</div>
<img width="120px" src="http://media.tumblr.com/c4dc15d4acf2b933b8485ea1b57a6b78/tumblr_inline_mr8dzsGD6A1qz4rgp.png"/><!--replace this url with the image url you want to use-->
</div>

</div></td>
<!--end 1st pannel-->


<!--start 2nd pannel-->
<td><div id="pannel">
<div id="poster">
<div id="admin"><a href=> name </a></div><!--name of the member-->
<p>
<div id="about">
<div id="name"><p>description here</div><!--- description goes here-->
<a href="http://YOURURL.tumblr.com">your url name</a>
</div>
<img width="120px" src="http://media.tumblr.com/1c3b5b4472af25107902002053698aaa/tumblr_inline_mr8f4879HC1qz4rgp.png"/><!--replace this url with the image url you want to use-->
</div>

</div></td>
<!--end 2nd pannel-->


<!--start 3rd pannel-->
<td><div id="pannel">
<div id="poster">
<div id="admin"><a href=> name </a></div><!--name of the member-->
<p>
<div id="about">
<div id="name"><p>description here</div><!--- description goes here-->
<a href="http://YOURURL.tumblr.com">your url name</a>
</div>
<img width="120px" src="http://media.tumblr.com/6ee5501fa628465fcf6a3328d7d336a8/tumblr_inline_mrg202ZNaK1qz4rgp.jpg"/><!--replace this url with the image url you want to use-->
</div>

</div></td>
<tr>

<!--- start of 2nd column-->
<!--start 1st pannel-->
<td><div id="pannel">
<div id="poster">
<div id="admin"><a href=> name </a></div><!--name of the member-->
<p>
<div id="about">
<div id="name"><p>description here</div>
<a href="http://YOURURL.tumblr.com">your url name</a>
</div>
<img width="120px" src="http://31.media.tumblr.com/c695e61b3821b0680081a6f695dfa4c5/tumblr_mrhf5ptbln1snu128o4_250.png"/><!--replace this url with the image url you want to use-->
</div>

</div></td>
<!--end 1st pannel-->


<!--start 2nd pannel-->
<td><div id="pannel">
<div id="poster">
<div id="admin"><a href=> name </a></div><!--name of the member-->
<p>
<div id="about">
<div id="name"><p>description here</div><!--- description goes here-->
<a href="http://YOURURL.tumblr.com">your url name</a>
</div>
<img width="120px" src="http://media.tumblr.com/87a8370de14f7baa25089586a04013b6/tumblr_inline_mrhh62Od2a1qz4rgp.png"/><!--replace this url with the image url you want to use-->
</div>

</div></td>
<!--end 2nd pannel-->


<!--start 3rd pannel-->
<td><div id="pannel">
<div id="poster">
<div id="admin"><a href=> name </a></div><!--name of the member-->
<p>
<div id="about">
<div id="name"><p>no really dont make this real short<p>
    listen to moi
</div><!--- description goes here-->
<a href="http://YOURURL.tumblr.com">your url name</a>
</div>
<img width="120px" src="http://media.tumblr.com/b9b7e1bfc3d5681e91979ae6bb3c6636/tumblr_inline_mrhpeqZjNi1qz4rgp.png"/><!--replace this url with the image url you want to use-->
</div>

</div></td>

</table>

<!-- you can remove the credit if you'd like :)-->


<div id="themec"><a href="http://palfin.tumblr.com/"><center>T</center></a></div>

</body>
</html>