Navi



 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<!-- lustinglou's navigation base from meem follow the rules        -->

<!-- !!!PLEASE READ PLEASE READ PLEASE READ PLEASE READ PLEASE READ !!!-->

<!-- the theme will look off place while you edit but is fine once you save so don't change the position of anything unless you want to put things in a different place or it won't look correct once you save  -->

<title>{title}</title>

<link rel="shortcut icon" href="{favicon}" />

<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>

<script>

(function($){

$(document).ready(function(){

$("a[title]").style_my_tooltips({

    tip_follows_cursor:true,

    tip_delay_time:50,

    tip_fade_speed:600,

    attribute:"title"

});

});

})(jQuery);

</script>

<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>


<style type="text/css">

body {
    background:#fff;
    margin:0px;
    color:#9a9a9a;
    font-family: arial;
    line-height:100%;
}

a {
    text-decoration:none;
}

#container a {
    color: #999;
    padding:2px 4px;
    text-decoration:none;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}

#container a:hover {
    color:#fff;
    background:#EB6299;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}

#container {
    position:fixed;
    font-family:arial;
    font-size:10px;
    text-align:left;
    margin:0px auto;
    margin-top: 165px;
    margin-left:650px;

}


#title {
    position:fixed;
    font-family:arial;
    font-weight:bold;
    font-size:24px;
    margin-top:132px;
    margin-left:444px;
    width:190px;
    color:#EB6299;
    text-align:center;
    -webkit-transition-duration:1s;

}


#sub {
    position:fixed;
    margin-top: 0px;
    font-family:arial ;
    color:#EB6299;
    font-weight:bold;
    font-size:15px;
    padding-left:3px;
}

#sub2 {
    position:fixed;
    margin-top: 0px;
    font-family:arial ;
    color:#EB6299;
    font-weight:bold;
    font-size:15px;
    padding-left:3px;
}

#sub3 {
    position:fixed;
    margin-top: 0px;
    font-family:arial ;
    color:#EB6299;
    font-weight:bold;
    font-size:15px;
    padding-left:3px;
}

#links {
    position:fixed;
    font-family:Latha;
    font-style:none;
    font-size:11px;
}

#links2 {
    position:fixed;
    font-family:Latha;
    font-style:none;
    font-size:11px;
}

#links3 {
    position:fixed;
    font-family:Latha;
    font-style:none;
    font-size:11px;
}

#box {
    position:fixed;
    width:300px;
    padding:40px;
    border:0px solid #ddd;
    margin:0px auto;
}

#image {
    position:fixed;
    margin-left:380px;
    margin-top:195px;
    width: 100px;
    height: 100px;

}

#image img {
    margin-left:100px;
    width: 200px;
    height: 200px;
    padding:0px;
     -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;

}


 #credit{
    right:8px;
    bottom: 2px;
    position:fixed;
    padding:5px;
    }

</style>

</head>


<body>
<!-- change the pictures here  -->

<div id="image">
<img src="http://25.media.tumblr.com/431681d38182714f6d6e461b3f20c93b/tumblr_n299seWMEE1s9tzxdo3_r1_250.gif"></div>


<!-- change the navigation title & three links here -->

<div id="box">
<div id="title">nouicide's navi;</div>


<!-- change the subtitles and links here-->

<!-- if you want more than 8 links for each sub, make sure there's an even amount of links between the <br> example if you want a 10 links in this sub have "5 links" <br> "5 links" -->

<!-- same goes if you want less than 8 links :) -->

<!-- but if your link titles aren't very even then i guess it doesn't matter that much  -->

<div id="container">
<span id="sub">subtitle</span>
<br><div id="links">
<a href="http://LINK">blah</a>
<a href="http://LINK">blah</a>
<a href="http://LINK">blah</a>
<a href="http://LINK">blah</a> <br>
<a href="http://LINK">blah</a>
<a href="http://LINK">blah</a>
<a href="http://LINK">blah</a>
<a href="http://LINK">blah</a>
<br><br>
<span id="sub2">subtitle</span>
<br><div id="links2">
<a href="http://LINK">blah</a>
<a href="http://LINK">blah</a>
<a href="http://LINK">blah</a>
<a href="http://LINK">blah</a> <br>
<a href="http://LINK">blah</a>
<a href="http://LINK">blah</a>
<a href="http://LINK">blah</a>
<a href="http://LINK">blah</a>
<br><br>
<span id="sub3">subtitle</span>
<br><div id="links3">
<a  href="http://LINK">blah</a>
<a href="http://LINK">blah</a>
<a href="http://LINK">blah</a>
<a href="http://LINK">blah</a> <br>
<a href="http://LINK">blah</a>
<a href="http://LINK">blah</a>
<a href="http://LINK">blah</a>
<a href="http://LINK">blah</a>
<br><br>
</div>
</div>

<!-- if you want more than three subs then know basic html or message me off anon for help. you need to copy another #sub and make it #sub4 #sub5... with the margin-top adjusted and a #links4 and and copy and paste "<span id="sub">subtitle</span>" to <br><br> and adjust it to fit the new coding. again only do this if you know how -->

<!-- dont touch :) -->


<div id="credit" data="credit"><a href="http://chipotleigh.tumblr.com"><img src="http://24.media.tumblr.com/d51c7e63ee92e592f42bead860a1cb3e/tumblr_mrczibkCXy1som5q2o1_500.png" width="50px" height="65px"></a></div>

</body>


</html>