Black and white 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

Black and white Tumblr Themes

<<Prev Next>>

Designer: bamachik87

Tools
· Preview
· Customize
· Bookmark
Current Rating:

4.37 in 209 votes
Popularity: 2527
Views Today: 4
Date Added:
Apr 13, 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="#ffffff">
<META name="color:Post Background" content="#000000">
<META name="color:header background" content="#000000">
<META name="color:header font" content="#ffffff">
<META name="color:image border" content="#ffffff">
<META name="color:font color" content="#ffffff">
<META name="color:link color" content="#ffffff">
<META name="color:link hover" content="#ffffff">
<META name="color:Notes Border" content="#ffffff">
<META name="color:post title font" content="#ffffff">
<META name="color:Bold font" content="#ffffff">
<META name="color:nav bg" content="#000000">
<META name="color:nav hover" content="#ffffff">

/* 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 ffffff; 
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:#ffffff;
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://ct2.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 ffffff" 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="ffffff">Home</span></a>
<a href="/ask" class="links">Ask Me</a>
<a href="/archive" class="links"><span color="ffffff">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/1032883671"><img style="border:0px;" src="http://www.maploco.com/vmad/1032883671" 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!

More Layouts by bamachik87 See All

	Profile Visitor Map

Funny Pictures

Funny Pictures

Weird Bus

Handcuffs & Chocolates

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