network theme 1



    <!--THEME BY NARRULD do not copy or remove credit-->

    <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;
    text-decoration: none;

    }


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

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

    #poster {
        width:120px;
        height:120px;
        margin-top:10px;
        background-color:#fff;
    }

    #poster img {
        width:120px;
        height:120px;
        border:1px solid #ddd;
        padding:6px;
         border-radius: 90px;
        -moz-transition-duration:1s;
        -webkit-transition-duration:1s;
        -o-transition-duration:1s;
    }

    #about {
        text-align:center;
        padding:10px;
        padding-top:20px;
        margin-bottom:20px;
        position:absolute;
        width:110px;
        height:10px;
        border:2px solid #f0f0f0;
        font-family: conosolas;
        opacity:0;
        font-size:9px;
        background:white;
        color:#6d6d6d;

    }

    #pannel:hover #about {
        opacity:.9;
        margin-top:0px;
        height:100px;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -transition: all 0.2s ease-out;
         border-radius: 90px;
        -moz-transition-duration:1s;
        -webkit-transition-duration:1s;
        -o-transition-duration:1s;
    }


    #description {
         font-family: consolas;
         font-size:10px;
         text-align:center;
        text-transform:lowercase;
    }


    #top {
        width:550px;
        height:auto;
        font-family: consolas;
        font-size:12px;
        margin-left: 30.5%;
        line-height:18px;
        padding:2px;
        margin-top: 20px;
        text-align:center;
        text-transform:lowercase;
        background-color:#fff;
    }

    #name {
        font-size:12px;
        color:#000;
        font-family: consolas;
        letter-spacing: 1px;
        width: 130px;
        text-align: center;
        padding: 3px;
        position: absolute;
        margin-top: 150px;
        background-color: #f1f1f1;
    }

    #name :hover {
        padding: 3px;
        color: #ccc;
        background-color: #6d6d6d;
         border-radius: 90px;
        -moz-transition-duration:0.5s;
        -webkit-transition-duration:0.5s;
        -o-transition-duration:0.5s;
    }


    .header {
        height:40px;
        color:#6d6d6d;
        font-family: monospace;
        font-size:34px;
        text-align:center;
        letter-spacing:1px;
        text-transform:uppercase;
        padding:5px 10px;
        margin-top:20px;
    }

    .header a {
        color:#cccccc;
        text-decoration:none;
    }


    </style>


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


    </div>
    <div id="top">
    <div class="header">{Title}</div>

    <a href="/">link</a>
    <a href="/">link</a>
    <a href="/">link</a>

    </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="name"><a href="http://narruld.tumblr.com/"> url </a></div><!--name of the member-->
    <p>
    <div id="about">
    <div id="description"><p> <big><u>admin</u></big><p><!--- description goes here change admin part for the members-->
    here is your description. not too long!<p>
    </div>
    </div>
    <img width="120px" src="http://25.media.tumblr.com/aac4610512376938c72a8e8104179ed1/tumblr_mh7mtkSXOG1s3ph1fo3_250.png"/><!--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="name"><a href="http://narruld.tumblr.com/"> url </a></div><!--name of the member-->
    <p>
    <div id="about">
    <div id="description"><p> <big><u>member</u></big><p><!--- description goes here change admin part for the members-->
    here is your description. not too long!<p>
    </div>
    </div>
    <img width="120px" src="http://25.media.tumblr.com/aac4610512376938c72a8e8104179ed1/tumblr_mh7mtkSXOG1s3ph1fo3_250.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="name"><a href="http://narruld.tumblr.com/"> url </a></div><!--name of the member-->
    <p>
    <div id="about">
    <div id="description"><p> <big><u>member</u></big><p><!--- description goes here change admin part for the members-->
    here is your description. not too long!<p>
    </div>
    </div>
    <img width="120px" src="http://25.media.tumblr.com/aac4610512376938c72a8e8104179ed1/tumblr_mh7mtkSXOG1s3ph1fo3_250.png"/><!--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="name"><a href="http://narruld.tumblr.com/"> url </a></div><!--name of the member-->
    <p>
    <div id="about">
    <div id="description"><p> <big><u>member</u></big><p><!--- description goes here change admin part for the members-->
    here is your description. not too long!<p>
    </div>
    </div>
    <img width="120px" src="http://25.media.tumblr.com/aac4610512376938c72a8e8104179ed1/tumblr_mh7mtkSXOG1s3ph1fo3_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="name"><a href="http://narruld.tumblr.com/"> url </a></div><!--name of the member-->
    <p>
    <div id="about">
    <div id="description"><p> <big><u>member</u></big><p><!--- description goes here change admin part for the members-->
    here is your description. not too long!<p>
    </div>
    </div>
    <img width="120px" src="http://25.media.tumblr.com/aac4610512376938c72a8e8104179ed1/tumblr_mh7mtkSXOG1s3ph1fo3_250.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="name"><a href="http://narruld.tumblr.com/"> url </a></div><!--name of the member-->
    <p>
    <div id="about">
    <div id="description"><p> <big><u>member</u></big><p><!--- description goes here change admin part for the members-->
    here is your description. not too long!<p>
    </div>
    </div>
    <img width="120px" src="http://25.media.tumblr.com/aac4610512376938c72a8e8104179ed1/tumblr_mh7mtkSXOG1s3ph1fo3_250.png"/><!--replace this url with the image url you want to use-->
    </div>

    </div></td>
    <!--end of 3rd pannel-->
    <!-- end of 2nd column-->

<tr>

    <!--- start of 3rd column-->
    <!--start 1st pannel-->
    <td><div id="pannel">
    <div id="poster">
    <div id="name"><a href="http://narruld.tumblr.com/"> url </a></div><!--name of the member-->
    <p>
    <div id="about">
    <div id="description"><p> <big><u>member</u></big><p><!--- description goes here change admin part for the members-->
    here is your description. not too long!<p>
    </div>
    </div>
    <img width="120px" src="http://25.media.tumblr.com/aac4610512376938c72a8e8104179ed1/tumblr_mh7mtkSXOG1s3ph1fo3_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="name"><a href="http://narruld.tumblr.com/"> url </a></div><!--name of the member-->
    <p>
    <div id="about">
    <div id="description"><p> <big><u>member</u></big><p><!--- description goes here change admin part for the members-->
    here is your description. not too long!<p>
    </div>
    </div>
    <img width="120px" src="http://25.media.tumblr.com/aac4610512376938c72a8e8104179ed1/tumblr_mh7mtkSXOG1s3ph1fo3_250.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="name"><a href="http://narruld.tumblr.com/"> url </a></div><!--name of the member-->
    <p>
    <div id="about">
    <div id="description"><p> <big><u>member</u></big><p><!--- description goes here change admin part for the members-->
    here is your description. not too long!<p>
    </div>
    </div>
    <img width="120px" src="http://25.media.tumblr.com/aac4610512376938c72a8e8104179ed1/tumblr_mh7mtkSXOG1s3ph1fo3_250.png"/><!--replace this url with the image url you want to use-->
    </div>

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

    <!-- to add more columns, copy everything from <tr> of the first pannel to </td> of the third pannel!
    if you need help adding more columns or with anything in this code please ask-->

    </table>

<div style="float: right; position: fixed; bottom: 1px; right: 5px;"><a href="http://narruld.tumblr.com"><img src="http://static.tumblr.com/u7ncy54/N2cml5uxc/untitled.png">

    </body>
    </html>