Blogroll Base Code

<!--

BLOGROLL BASE CODE BY DESTIEL.COM

No credit is required and you may edit this code as much as you'd like. All I ask is that if someone asks you about the theme that you politely refer them back to me. Also, please don't just take this code and redistribute it. Thanks and enjoy!

-->

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<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:20,
    tip_fade_speed:400,
    attribute:"title"
});
});
})(jQuery);
</script>

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

<!------

YOU CAN CHANGE THE TITLE OF YOUR TAB IF WANTED.                  REPLACE "BLOGROLL" WITH YOUR DESIRED TITLE.

 ------>

<title>Blogroll</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">

<style type="text/css">

<!------

YOU CAN CHANGE THE BACKGROUND TO AN IMAGE.
TO DO THIS REPLACE "IMAGEURL" WITH THE URL OF YOUR IMAGE.

 ------>

body {
background-color: #ffffff;
background-image: url('IMAGEURL');
background-repeat: repeat;
margin-left: -50px;
background-attachment: fixed;}

<!------

THIS IS THE LAYOUT.

 ------>

#content {
position: absolute;
padding: 0px;
margin-top: 0px;
margin-left: 0px;
overflow: auto;}

/* --

THIS IS WHO YOU'RE FOLLOWING.

-- */

#content img {
padding: 0px;
width: 55px;
margin: 3px;
border: 1px solid #ffffff;
background-color: #ffffff;}

</style>

<script type="text/javascript">
$(document).ready(function() {
// Tooltip only Text
$('.masterTooltip').hover(function(){
        // Hover over code
        var title = $(this).attr('title');
        $(this).data('tipText', title).removeAttr('title');
        $('<p class="tooltip"></p>')
        .text(title)
        .appendTo('body')
        .fadeIn('slow');
}, function() {
        // Hover out code
        $(this).attr('title', $(this).data('tipText'));
        $('.tooltip').remove();
}).mousemove(function(e) {
        var mousex = e.pageX + 20; //Get X coordinates
        var mousey = e.pageY + 10; //Get Y coordinates
        $('.tooltip')
        .css({ top: mousey, left: mousex })
});
});
</script>

</head>

<link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" />

<body>

<!--

THIS IS THE ICONS OF WHO YOU'RE FOLLOWING.

--!>

<div id="content">

<center>
{block:Following}{block:Followed}<a target='_blank' href='{FollowedURL}'><img border='1' src='{FollowedPortraitURL-96}' />{/block:Followed}{/block:Following}
</center>

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