Circles and stripes Tumblr Themes

What I Do Meme Follow Us On

Facebook

Blogger

Twitter

YouTube

Myspace

Tumblr

Friendster

hi5

TheForumSite.com

Main Menu

Add Us!

Partners

Your Site

Circles and stripes Tumblr Themes

<<Prev Next>>

Designer: girly_girl_sandra

Tools
· Preview
· Customize
· Bookmark
Views Today: 1
Date Added:
Sep 25, 2011
Description:
Circles and rings on pastel stripes/pink.white

Category: Girly

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="#ffffff">
<META name="color:header background" content="#ffffff">
<META name="color:header font" content="#2222EE">
<META name="color:image border" content="#FF22CC">
<META name="color:font color" content="#EE22AA">
<META name="color:link color" content="#FF22CC">
<META name="color:link hover" content="#FF22CC">
<META name="color:Notes Border" content="#FF22CC">
<META name="color:post title font" content="#2288FF">
<META name="color:Bold font" content="#EE22AA">
<META name="color:nav bg" content="#ffffff">
<META name="color:nav hover" content="#FF22CC">

/* 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 FF22CC; 
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(https://static.tumblr.com/f3gdoib/A4xleo2lx/arrow_bullets.gif);
}
/* Columns */ 
#post { width: 450px; float:right;
}
#right { width: 200px;  float:left;
}
/* Headers */ 
h1 {
margin:0;
color:#2222EE;
font-family: 'Georgia', 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: 'Georgia', 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: 'Georgia', 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="https://www.pimp-my-profile.com/tumblr-themes/" title="Tumblr Themes" target=_blank><img src="https://ct.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 2288FF" 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="FF22CC">Home</span></a>
<a href="/ask" class="links">Ask Me</a>
<a href="/archive" class="links"><span color="FF22CC">Archive</span></a>
<a href="/random" class="links">Random</a>
<a href="https://www.pimp-my-profile.com/" class="links" title="Tumblr Themes" target=_blank>Tumblr Themes</a>
<a href="http://weirdnutdaily.com/" class="links" title="Funny Pictures" target=_blank>Funny Pictures</a>

Visitors<br>
<a href="https://m.maploco.com/detad/647521934"><img style="border:0px;" src="https://www.maploco.com/vmad/647521934" 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;" >
<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;" >
<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;" >
<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;" >
<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: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 girly_girl_sandra See All

	Profile Visitor Map
ADVERTISEMENT	ADVERTISEMENT

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