Clean Dark Tumblr Themes - Pimp-My-Profile.com

What I Do Meme Generator Follow Us On

Holidays

Father's Day

Myspace

Tumblr

Facebook

Blogger

Friendster

Twitter

YouTube

hi5

TheForumSite.com

Main Menu

Add Us!

Partners

Your Site

Clean Dark Tumblr Themes

<<Prev Next>>

Designer: KrawL

Tools
· Preview
· Customize
· Bookmark
Current Rating:

4.35 in 37 votes
Popularity: 97
Views Today: 3
Date Added:
Jan 22, 2007

Category: Clean & Simple

Login to tumblr, click "Account" > "Preference" > "Customize Blog".
Click the "Theme" tab, select "Use Custom HTML", and paste the layout code in it.
Click the "Appearance" tab and click "Reset Defaults". Wait for the colors to change, then click "Save".

Themes Code:

Complete Code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="{MetaDescription}" />
<title> {title}</title>
<link rel="shortcut icon" href="{favicon}"> 
<pnk rel="alternate" type="application/rss+xml" href="{RSS}"> 

<META name="color:Background Color" content="#000000">
<META name="color:Post Background" content="#999999">
<META name="color:header background" content="#999999">
<META name="color:header font" content="#000000">
<META name="color:image border" content="#000000">
<META name="color:font color" content="#000000">
<META name="color:link color" content="#000000">
<META name="color:link hover" content="#000000">
<META name="color:Notes Border" content="#000000">
<META name="color:post title font" content="#000000">
<META name="color:Bold font" content="#000000">
<META name="color:nav bg" content="#999999">
<META name="color:nav hover" content="#000000">

/* Links */
a:link, a:visited, a:active {
color: {color:link color};
text-decoration:none;

}

a:hover {
color: {color:link hover};
text-decoration:none;

}
/* Text Effect */
b {

color: {color:Bold font};}
strong {

color: {color:Bold font};}

i {

color: {color:Italic font};}

u {

font-color: {color:Bold font};

}
/* Navigation */
a.links{
font-weight:none;
text-decoration:none; 
display:block; 
font-family: arial;  
font-size:11px; 
background-color:{color:nav bg}; 
border: 0px solid {color:header background}; 
text-align:left; 
padding:2 0 2 0; width:185px;
}
a.links:hover{
font-weight:none;
text-decoration:none; 
display:block; 
font-family: arial;  
font-size:11px; 
background-color:{color:nav bg}; 
border: 0px solid 000000; 
text-align:left; 
padding:2 0 2 0; width:185px;

}
/* Table */
#table {
background:transparent;
font-family: arial;
font-size: 11px;
color: {color:font color};
text-align:justify;
width:700px;
padding:10px;
margin:0 auto;
}
/* Post */
#each { 
background-color:{color:Post Background}; 
background-image:url(none);
padding:5px;
margin:5px 0px 5px 0px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

/* Bullets */    
table ul li {
margin-right:2px;
margin-left:5px;
list-style-image: url(http://static.tumblr.com/f3gdoib/A4xleo2lx/arrow_bullets.gif);
}
/* Columns */ 
#post { width: 450px; float:right;
}
#right { width: 200px;  float:left;
}
/* Headers */ 
h1 {
margin:0;
color:#000000;
font-family: 'Arial, verdana', arial, serif;
font-weight:normal;
font-style: italic;
font-size:20px;
line-height:17px;
letter-spacing:0px;
}
.header2 { 
background-color:{color:header background};
font-size: 16px; 
font-family: 'Arial, verdana', arial, serif;
font-weight:normal;
text-transform: normal; 
letter-spacing: 0px;
line-height: 12px;
text-align: left; 
margin-bottom: 5px;
margin-top: 5px;
}
.header { 
background-color:{color:header background};
font-size: 16px; 
font-family: 'Arial, verdana', arial, serif;
font-weight:normal;
text-transform: normal; 
letter-spacing: 0px;
line-height: 12px;
text-align: left;
margin-bottom: 5px;
margin-top: 5px;

}
.tumblrdate {
padding: 5px 0 0 0;
font-family: Trebuchet Ms;
text-transform: normal;
font-size:11px;
}
/* Post Blockquote */
blockquote{
border-left-width: 5px; 
border-left-style: solid; 
border-left-color:{color:Notes Border}; 
padding:1px; padding-left: 5px; margin: 0px;
}

/* Notes */
ol.notes {
padding: 0px;
margin: 15px 0px;
list-style-type: none;
border-bottom: solid 0px {color:Notes Border};
}
ol.notes li.note {
border-top: solid 0px {color:Notes Border};
padding: 5px;
}
 ol.notes li.note img.avatar {
vertical-align: -4px;
margin-right: 10px;
width: 16px;
height: 16px;
}
ol.notes li.note span.action {
font-weight: bold;
}
ol.notes li.note .answer_content {
font-weight: normal;
}
ol.notes li.note blockquote {
border-color: {color:Notes Border};
padding: 4px 10px;
margin: 10px 0px 0px 25px;
}
ol.notes li.note blockquote a {
text-decoration: none;
}

{CustomCSS}
</style>
<div id="DoNotEditImportant"><div style="position:absolute;top:0px;left:0px;border:0px;"><a style="position:fixed;" href="http://www.pimp-my-profile.com/tumblr-themes/" title="Tumblr Themes" target=_blank><img src="http://ct3.pimp-my-profile.com/tumblr-support.png" alt="Tumblr Themes" border=0></a></div></div>
</head>
<body>    
<table id="table">
<tr><td id="none" colspan="3">

</td></tr>
</td><td id="right">
<div style="width: 200px;">

<br>
<div id="each">   

<div class="header2"><b>About</b></div><br>
<center><a href="/"><img style="border:0px solid 000000" src="{PortraitURL-128}" width="128"></a>

<br><div style="width: 180px;">
{description}</div></div>

<div id="each">

<div class="header2"><b>Navigation</b></div>
<center>
<a href="/" class="links"><span color="000000">Home</span></a>
<a href="/ask" class="links">Ask Me</a>
<a href="/archive" class="links"><span color="000000">Archive</span></a>
<a href="/random" class="links">Random</a>
<a href="http://www.pimp-my-profile.com/" class="links" title="Tumblr Themes" target=_blank>Tumblr Themes</a>
<a href="http://fra.bz/" class="links" title="Meme Generator" target=_blank>Meme Generator</a>

Visitors<br>
<a href="http://m.maploco.com/detad/612057402"><img style="border:0px;" src="http://www.maploco.com/vmad/612057402" alt="Locations of Site Visitors" title="Locations of Site Visitors"/></a>  
</div>

<div id="each">

<div class="header2"><b>Following</b></div><div style="height:153px; overflow-y: hidden;overflow-x: hidden;">
<br>{block:Following}
<center>{block:Followed}<a href="{FollowedURL}"><img style="border:0px solid {color:image border}" src="{FollowedPortraitURL-24}"></a> {/block:Followed} 
</center><BR>{/block:Following}
</div></div>

</div>

</div></td>

{block:Posts}
                {block:Text}<br><div id="each">
                    
<div id="box"> <div class="header"><div id="blogt"><b>Text Post <a href="{Permalink}"> {ShortDayOfWeek},

{ShortMonth}. {DayOfMonthWithZero}, {Year}</a> </b><b>{block:NoteCount}{NoteCountWithLabel}</a>{/block:NoteCount}</b></div></div></div>
                        {block:Title}
                            <h1>{Title}</h1>
                        {/block:Title}
                        
                        <p>{Body}</p>

</li><br>  
{block:IfShowPostDetails}<div class="tumblrdate" style="float:left;" >
{block:IfShowTagLink}{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}
{/block:HasTags}{/block:IfShowTagLink}</div>
<div class="tumblrdate" style="float:right;" >
{block:IfShowReblogLink}<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">&#187;SHARE THIS POST&#171;</a>{/block:IfShowReblogLink}</div>{/block:IfShowPostDetails}
<br>
<br>{block:PostNotes}<br><B>COMMENTS</B><BR>{PostNotes}{/block:PostNotes}</div>

{/block:Text}
                <br>
                {block:Photo}<div id="each">

<div id="box"> <div class="header"><div id="blogt"><b>Photo Post <a href="{Permalink}"> {ShortDayOfWeek},

{ShortMonth}. {DayOfMonthWithZero}, {Year} </a></b><b>{block:NoteCount}{NoteCountWithLabel}</a>{/block:NoteCount}</b></div></div></div><br>
                        {LinkOpenTag}<center><img id="pic" style="border:0px solid {color:image border}" src="{PhotoURL-400}" alt="{PhotoAlt}"/></center>{LinkCloseTag} 
                        
                        {block:Caption}
                            <p>{Caption}</p>
                        {/block:Caption}

{block:IfShowPostDetails}<div class="tumblrdate" style="float:left;" >
{block:IfShowTagLink}{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}
{/block:HasTags}{/block:IfShowTagLink}</div>
<div class="tumblrdate" style="float:right;" >
{block:IfShowReblogLink}<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">&#187;SHARE THIS POST&#171;</a>{/block:IfShowReblogLink}</div>{/block:IfShowPostDetails}
<br>
<br>{block:PostNotes}<br><B>COMMENTS</B><BR>{PostNotes}{/block:PostNotes}</div>
</div>{/block:Photo}
            
                {block:Quote}<div id="each">
                    
 <div id="box"> <div class="header"><div id="blogt"><b>Quote Post  <a href="{Permalink}">{ShortDayOfWeek},

{ShortMonth}. {DayOfMonthWithZero}, {Year}</a> </b><b>{block:NoteCount}{NoteCountWithLabel}</a>{/block:NoteCount}</b></div></div></div>
<p class="qcontainer">
                        <h1>"{Quote}"</h1>
                        
                        {block:Source}
                            <span class="source"><br><i>{Source}</i></span>
                        {/block:Source}
</p><br>
{block:IfShowPostDetails}<div class="tumblrdate" style="float:left;" >
{block:IfShowTagLink}{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}
{/block:HasTags}{/block:IfShowTagLink}</div>
<div class="tumblrdate" style="float:right;" >
{block:IfShowReblogLink}<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">&#187;SHARE THIS POST&#171;</a>{/block:IfShowReblogLink}</div>{/block:IfShowPostDetails}
<br>
<br>{block:PostNotes}<br><B>COMMENTS</B><BR>{PostNotes}{/block:PostNotes}</div>
</div>
{/block:Quote}
                
                {block:Link}<div id="each">
                    
<div id="box"> <div class="header"><div id="blogt"><b>Link Post <a href="{Permalink}"> {ShortDayOfWeek},

{ShortMonth}. {DayOfMonthWithZero}, {Year} </a></b><b>{block:NoteCount}{NoteCountWithLabel}</a>{/block:NoteCount}</b></div></div></div>
                        <p><a href="{URL}" id="postlink" {Target}><h1>{Name}</h1></a></p>
                        
                        {block:Description}
                            <p>{Description}</p>
                        {/block:Description}

</li>

{/block:Link}
                
                {block:Chat}<div id="each">
                   
<div id="box"> <div class="header"><div id="blogt"><b>Chat Post<a href="{Permalink}"> {ShortDayOfWeek},

{ShortMonth}. {DayOfMonthWithZero}, {Year}</a> </b><b>{block:NoteCount}{NoteCountWithLabel}</a>{/block:NoteCount}</b></div></div></div>
                        {block:Title}
                            <p id="posttitle"><a href="{Permalink}">{Title}</a></p>
                        {/block:Title}

<ul class="chat">
                            {block:Lines}
                                <li class="{Alt}">
                                    {block:Label}
                                        <span class="label">{Label}</span>
                                    {/block:Label}
                                    
                                    {Line}
                                
                            {/block:Lines}
                        </ul>

</li></li>

{block:IfShowPostDetails}<div class="tumblrdate" style="float:left;" >
{block:IfShowTagLink}{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}
{/block:HasTags}{/block:IfShowTagLink}</div>
<div class="tumblrdate" style="float:right;" >
{block:IfShowReblogLink}<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">&#187;SHARE THIS POST&#171;</a>{/block:IfShowReblogLink}</div>{/block:IfShowPostDetails}
<br>
<br>{block:PostNotes}<br><B>COMMENTS</B><BR>{PostNotes}{/block:PostNotes}</div>
</div>
{/block:Chat}
                
                {block:Video}<div id="each">
                    
 <div id="box"> <div class="header"><div id="blogt"><b>Video Post <a href="{Permalink}"> {ShortDayOfWeek},

{ShortMonth}. {DayOfMonthWithZero}, {Year}</a> </b><b>{block:NoteCount}{NoteCountWithLabel}</a>{/block:NoteCount}</b></div></div></div>
                        {Video-400}
                     {block:Caption}
                            <p>{Caption}</p>
                        {/block:Caption}

</li>

{/block:Video}
                {block:Audio}<div id="each">
                 
<div id="box"> <div class="header"><div id="blogt"><b>Audio Post<a href="{Permalink}">{ShortDayOfWeek},

{ShortMonth}. {DayOfMonthWithZero}, {Year} </a></b><b>{block:NoteCount}{NoteCountWithLabel}</a>{/block:NoteCount}</b></div></div></div>
                        <div style="width:450; height:80; background: {color:Music Bg}; -webkit-border-bottom-right-radius:8;bottom-left-radius:8;-moz-border-radius:8 8 8 8;padding: 0px 5px 2px 5px;"><br>{block:AlbumArt}<img src="{AlbumArtURL}" align="left" width="50px" height="50px" />{/block:AlbumArt} <div style=" height:60px; background: black; -webkit-border-bottom-right-radius:8;bottom-left-radius:8;-moz-border-radius:8 8 8 8;">{AudioPlayerblack}<div class="tumblrdate">{block:TrackName}<span><strong>Title</strong>: {TrackName}</span>{/block:TrackName}
                     {block:Artist}<span><strong>Artist:</strong> {Artist}</span>{/block:Artist}
                  <span>{PlayCountWithLabel}</span><br></div>
</div></div>

{block:Caption}
                            <p>{Caption}</p>
                        {/block:Caption}

</li>

{block:IfShowPostDetails}<div class="tumblrdate" style="float:left;" >
{block:IfShowTagLink}{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}
{/block:HasTags}{/block:IfShowTagLink}</div>
<div class="tumblrdate" style="float:right;" >
{block:IfShowReblogLink}<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">&#187;SHARE THIS POST&#171;</a>{/block:IfShowReblogLink}</div>{/block:IfShowPostDetails}
<br>
<br>{block:PostNotes}<br><B>Comments</B><BR>{PostNotes}{/block:PostNotes}</div>
</div>

{/block:Audio}
{block:Answer}<div id="each">
<div id="box"> <div class="header"><div id="blogt"><b>Ask me anything  <a href="{Permalink}">{ShortDayOfWeek},

{ShortMonth}. {DayOfMonthWithZero}, {Year} </a></b><b>{block:NoteCount}{NoteCountWithLabel}</a>{/block:NoteCount}</b></div></div></div>
<div id="askr">
<img style="border:3px solid #1A1A1A"  src="{AskerPortraitURL-40}"align="left" /></div>
<div id="question"><div id="asked">{Asker} Asked:<BR>
{Question}</div></div><br>
{answer}<BR clear="all">
<br>
<BR>{block:PostNotes} 
<br><B>Comments</B><BR>
{PostNotes}
{/block:PostNotes}</div>{/block:answer}

{/block:Posts}            
{/block:Posts}

</ol>

<center>{block:PreviousPage}<a href="{PreviousPage}"><font size="3"><b>&#171; newer</b></a></font> {/block:PreviousPage}{CurrentPage}/{TotalPages}{block:NextPage} <a href="{NextPage}"><font size="3"><b>older &#187;</b></a></font>{/block:NextPage}{/block:Pagination}</center>
<br>

</div>

</body>
</html>

Put a Visitor Map on your page!

	Profile Visitor Map

Cute Pictures

Cute Pictures
A spy among us cats

The cat who saw you naked

Myspace Apps

TadPoll	MapLoco
Glitter	Hot Layouts

Pimp-My-Profile.com is in no way endorsed by or affiliated with myspace, hi5, blogger, friendster, twitter or any other site.
Copyright © 2006-2012 Funky Llama Productions, LLC, its licensors and contributors. All rights reserved.
Legal Information | Privacy | Terms of Use | Contact | Advertise
We no likey: monster energy, heineken
Clustered by LiquidWeb