Favorites Page (Black)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<!--


             Favorites Page (Black)


Created by:
╭━━┳╮╱╭┳━╮╭┳━━┳━━╮
┃━━┫┃╱┃┃╭╮╋┫╭━┫━━┫
┣━━┃╰━╯┃┃┃┃┃╰━╋━━┃
╰━━┻━╮╭┻╯╰┻┻━━┻━━╯
╱╱╱╭━╯┃
╱╱╱╰━━╯


Go to your blog settings and add a page (if you don't know how, look up a tutorial on google) click on "custom layout" and paste this code. Tutorials are placed throughout the coding to help add background images. If you are good at html, you can figure out how to change colors and such, and I'll make another favorites page where everything is black.


-->


    <!-- VARIABLES -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


    <meta name="color:description" content="#B4B4B4" />
    <meta name="color:background" content="#000000" />
    <meta name="color:link" content="#ffffff" />
    <meta name="color:link hover" content="#000000" />
    <meta name="color:shadow" content="#000000" />


<link href='http://fonts.googleapis.com/css?family=Raleway+Dots' rel='stylesheet' type='text/css'>

    <link rel="shortcut icon" href="http://assets.tumblr.com/images/default_avatar_16.gif" />

    <style type="text/css">


/* add urls here */
body {background:#000000; padding:20px; font-family: 'Raleway Dots', cursive;
font-size:55; text-align:justify; color:#ffffff;

/* add background url where it says to */
background-image: url(IMAGE URL HERE);
/* you can change the position of the background image, bottom left, top left, etc. */
background-position: bottom left ;

background-attachment: fixed;

/* if you'd like the background image to repeat, remove the 'no'. */
background-repeat: no repeat;

}


a {text-decoration:none; font-size:55; color: #ffffff; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
a:hover {color: #000000; font-size:55;};}


mains {color:#ffffff; font-family: 'Raleway Dots', cursive; font-size:70px; line-height:17px; letter-spacing:1px; font-weight:normal; text-transform:lowercase; margin-top:400px; padding:2px; text-align:center; font-style:none; text-shadow:0px 1px 12px #000000
}


menu{color:{color:description}; font-family:{font:body}; font-size:11px; line-height:13px; letter-spacing:0px; font-weight:normal; margin-top:-10px; padding:0px; text-align:left;}

iframe#tumblr_controls {
top: 0% !important;
right:0% !important;
position: fixed !important;}

</style>

    <style type="text/css"></style>

<meta http-equiv="x-dns-prefetch-control" content="off"/></head>


<body>
<div style="position:fixed; bottom:1px; right:1px; opacity: 0.9"><a href="http://synics.tumblr.com" title="synics">credit</a></div>
<center>
<mains><Br><br><br><br>
<big><big><a href="/">Favorite Blogs</a></big></big>
</mains>
<menu> <center>

<Br>


<br>


     <select style="width: 150px; border: 0px solid; padding: 3px; color: #ffffff; background-color: #000000;  font-family: {font:body}; text-transform: lowercase; font-size: 12px; letter-spacing: 1px;" onChange="location.href=this.options[this.selectedIndex].value;">

<option value="/">favorite blogs</option>


<option value="http://URLGOESHERE">BLOG TITLE GOES HERE</option>
<option value="http://URLGOESHERE">BLOG TITLE GOES HERE</option>
<option value="http://URLGOESHERE">BLOG TITLE GOES HERE</option>
<option value="http://URLGOESHERE">BLOG TITLE GOES HERE</option>

<!-- ADD MORE URLS BY ADDING ANOTHER OF THESE: <option value="http://URL GOES HERE">BLOG TITLE GOES HERE</option>  -->
</select>


</menu>

<br><Br><br>

</div>

</body>

</html>