Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <head>
- <!--if you're just using this as a base, you can remove the credit.
- if you're using this base code itself (with no changes) for your own navigation page, please leave the credit. thank you. :)-->
- <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>
- <!--
- ┊ ┊ ┊
- ┊ ┊ ┊ ┊ ┊ ┊ ┊
- ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
- ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
- ᴛʜᴇᴍᴇ ʙʏ ᴍᴇᴇᴍ (ᴋɪᴍsᴊᴏɴɢɪɴ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ)
- ᴘʟᴇᴀsᴇ ᴅᴏɴ'ᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ ᴏʀ sᴛᴇᴀʟ! ^_^
- ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
- ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
- ┊ ┊ ┊ ┊ ┊ ┊ ┊
- ┊ ┊ ┊
- -->
- <style type="text/css">
- body {
- background:#fff;
- margin:0px;
- color:#9a9a9a;
- font-family: baskerville;
- 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:#9a9a9a;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #container {
- font-family:baskerville;
- font-size:10px;
- text-align:center;
- margin:0px auto;
- margin-top:150px;
- }
- #title {
- font-family:baskerville;
- font-size:35px;
- }
- #back {
- margin-top:10px;
- margin-bottom:-10px;
- word-spacing:1px;
- font-family:calibri;
- font-size:8px;
- text-transform:uppercase;
- }
- #sub {
- font-family:georgia;
- font-style:italic;
- border-bottom:1px solid #ddd;
- font-size:12px;
- }
- #box {
- width:300px;
- padding:40px;
- border:0px solid #ddd;
- margin:0px auto;
- }
- #ackles {
- line-height:100%;
- position:fixed;
- font-size:10px;
- width:70px;
- height:20px;
- font-family:calibri;
- letter-spacing:1px;
- padding-bottom:4px;
- padding-right:4px;
- bottom:0;
- right:0;
- z-index:12;
- }
- #ackles .ville a {
- color:#9a9a9a;
- }
- #ackles .dancy{
- color:#9a9a9a;
- opacity:1.0;
- padding:1px 3px 2px 3px;
- margin-top:00px;
- margin-left:29px;
- text-align:center;
- overflow:hidden;
- position: absolute;
- background:#fff;
- font-size:10px;
- text-transform:uppercase;
- z-index:100;
- -webkit-transition: opacity 0.5s linear;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- transition: all 0.5s linear;
- border:1px solid #ece4e4;
- }
- #ackles .ville{
- color:#9a9a9a;
- background:#fff;
- margin-top:100px;
- margin-top:0px;
- padding:1px 4px 2px 5px;
- margin-left:29px;
- font-size:10px;
- text-align:left;
- text-transform:uppercase;
- opacity:0;
- overflow:hidden;
- position: absolute;
- -webkit-transition: opacity 0.5s linear;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- transition: all 0.5s linear;
- z-index:1200;
- border:1px solid #ece4e4;
- }
- #ackles:hover .ville {
- opacity:1;
- margin-bottom:14px;
- transition: all 0.5s linear;
- -webkit-transition: opacity 0.5s linear;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- }
- </style>
- </head>
- <body>
- <div id="container">
- <div id="box">
- <div id="title">navigation title</div>
- <div id="back"><a href="http://LINK">back</a> <a href="http://LINK">ask</a> <a href="http://www.tumblr.com/dashboard">dash</a></div>
- <br><br>
- <span id="sub">subtitle</span>
- <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> - <a href="http://LINK">blah</a>
- <br><br>
- <span id="sub">subtitle</span>
- <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> - <a href="http://LINK">blah</a>
- <br><br>
- <span id="sub">subtitle</span>
- <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> - <a href="http://LINK">blah</a>
- <br>
- </div>
- </div>
- <!--if youre just using this as a base, you can remove the credit.
- if you're using this base code itself (with no changes) for your own navigation page, please leave the credit. thank you. :)-->
- <div id="ackles">
- <div class="dancy">
- ᴛʜᴇᴍᴇ
- </div>
- <div class="ville">
- <a href="http://kimsjongin.tumblr.com">ᴍᴇᴇᴍ</a>
- </div>
- </div>
- <!--
- ᴛʜᴇᴍᴇ ʙʏ ᴍᴇᴇᴍ (ᴋɪᴍsᴊᴏɴɢɪɴ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ)
- -->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement