Como decorar tu tumblr

Como decorar tu tumblr

jueves, 19 de diciembre de 2013

Tema n°5

Se vera algo así: http://www.dolliecrave.com/tumblr/space/theme5-black.php?layout=7

Negro:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta name="if:show sidebarpicture" content="1">
<meta name="image:sidebarpicture" content="1"/>
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
<title>{title}</title>
<link rel="shortcut icon" href="{Favicon}"/>
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<script type="text/javascript" src="http://static.tumblr.com/wgdkvue/rM1m5z3ur/jquery-v1.7.1.js"></script>
<style type="text/css">
body{
background-image:url(http://www.dolliehost.com/dolliecrave/backgrounds/space/7.gif);
background-attachment: fixed;
color:#CDCBCB;
font-family:verdana;
font-size: 10px;
background-color: #000000;
background-repeat: repeat;
background-position: center;
text-align:justify;
}
a:link, a:active, a:visited{
color: #CDCBCB;
text-decoration:none;
}
a:hover{
color:{color:hover};
}


#page{
width:587px;
margin-top:35px;
background-color:transparent;
font-size: 10px;
font-family: verdana;
position: static;
padding-left:1px;
padding-right:1px;
padding-top:2px;
padding-bottom:1px;
{block:IndexPage}
{/block:IndexPage}
{block:permalinkpage}
width:587px;
height:100%;
margin-bottom:10px;
{/block:permalinkpage}
overflow:hidden;
}


#entrybox {
margin:3px;
background: #000000;
border: 0px solid #FFFFFF;
overflow-x: hidden;
float:left;
width:270px;
height:160px;
padding:0px;
{block:IndexPage}
{/block:IndexPage}
{block:permalinkpage}
width:500px;
height:100%;
{/block:permalinkpage}
overflow:hidden;
}


#entrybox .perma a {color:#000000 ;}
#entrybox .perma {width: 270px; height: 160px;position: absolute; margin-top:0px; text-align:center; overflow:hidden;

opacity: 0.0; background-color:rgba(255,255,255,0.75);
-moz-border-radius:0px; -webkit-border-radius:0px;}

#entrybox:hover .perma {opacity:1;overflow:visible; -webkit-transition-duration: 0.8s; -moz-border-radius:0px;
-webkit-border-radius:0px;z-index: 2;}

div.navigate a{
background: #000000;
color: #CDCBCB;
display:block;
width: 120px;
font-size: 10px;
font-family: verdana;
height: 13px;
text-align: center;
margin-top:1px;
padding-top:2px;
padding-bottom:2px;
position:static;
text-align: center;
z-index:1;
display: inline-block;
border: 1px solid #202020;
-webkit-transition: opacity 0.5s linear;
opacity: 1;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
div.navigate a:hover{
color: #CDCBCB;
font-weight:bold;
-webkit-transition: opacity 0.5s linear;
opacity: 0.6;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

#sidebar{
font-size: 10px;
font-family: verdana;
line-height: 14px;
background-color: #000000;
border:0px solid #EAE8E8;
width:250px;
margin-top:40px;
position:fixed;
padding:0px;
text-align: justify;
}

#title a{
color: #CDCBCB;
font-family:arial black;
text-transform: uppercase;
font-size: 13px;
text-align:center;
letter-spacing:-1px;
-webkit-transition: opacity 0.7s linear;
opacity: 1;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
padding-left:3px;
padding-right:3px;
}

#title a:hover{
color: #CDCBCB;
font-family:arial black;
text-transform: uppercase;
font-size: 13px;
text-align:center;
letter-spacing:-1px;
-webkit-transition: opacity 0.7s linear;
opacity: 0.6;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
padding-left:3px;
padding-right:3px;
}

.hover {
color: #000000;
font-family: Pacifico;
font-size: 36px;
line-height:85px;
text-align:center;
text-transform: Normal;
cursor: url(http://static.tumblr.com/f3gdoib/H37m3ntx5/cursor.png), auto;
}


.hover2 {
color: #ffffff;
font-family: verdana;
font-size: 10px;
line-height:20px;
padding: 5px;
text-align:center;
text-transform: uppercase;
border: 1px solid #202020;
background-color: rgba(65,65,65,0.7);
cursor: url(http://static.tumblr.com/f3gdoib/H37m3ntx5/cursor.png), auto;
}

.hover3 {
color: #000000;
font-family: verdana;
font-size: 10px;
line-height:25px;
text-align:center;
text-transform: uppercase;
cursor: url(http://static.tumblr.com/f3gdoib/H37m3ntx5/cursor.png), auto;
}


.footer {
margin-top:5px;
color: rgba(0,0,0,0.2);
background-color: rgba(235,235,235,0);
font-family: verdana;
font-size: 10px;
line-height: 16px;
margin-bottom:2px;
text-align:center;
text-transform: uppercase;
}

.footer a{
margin-top:5px;
color: rgba(0,0,0,0.2);
background-color: rgba(235,235,235,0);
font-family: verdana;
font-size: 10px;
line-height: 16px;
margin-bottom:2px;
text-align:center;
text-transform: uppercase;
}

.footer a:hover{
margin-top:5px;
color: rgba(0,0,0,0.25);
background-color: rgba(235,235,235,0);
font-family: verdana;
font-size: 10px;
line-height: 16px;
margin-bottom:2px;
text-align:center;
text-transform: uppercase;
}
{CustomCSS]</style>
<style type="text/css">
#button {
width:96px;
height:20px;
position: absolute;  
right: 3px;  
top: 26px;
color: #ffffff;}
</style>

<div id="DoNotEditImportant">
<div id="button">
<a href="http://www.dolliecrave.com/space-tumblr-themes.php" target="_blank" title="Space Tumblr Themes"><img src="http://static.tumblr.com/wgdkvue/mmam6fcwv/install.png" border=0 alt="Space Tumblr Themes"></a></div></div>
</head>
<body>
<center>
<table align=center>
<tr><td valign=top width=256>

<div id="sidebar">
{block:ifshowsidebarpicture}<img src="{image:sidebarpicture}" width=250>{/block:ifshowsidebarpicture}
<table width=249>
<tr><td align="justify">
<font size="1">
{description}
</font>
</tr></td></table>
<center><div class="navigate">
<a href="/">HOME</a>
<a href="/ask">ASK</a>
<a href="/archive">ARCHIVE</a>
<a href="http://www.dolliecrave.com" title="Tumblr Themes" target=_blank>THEME</a>
</div>

<center>
{block:Pagination}
<div id="title">
<br>
{block:PreviousPage}<a href="{PreviousPage}" title="newer posts">previous</a> {/block:PreviousPage}

{block:NextPage}<a href="{NextPage}" title="older posts">next</a>{/block:NextPage}</div>
{/block:Pagination}
<br>
<br>
</center>

</div>
</div></center>
</td>
<td valign=top>
<div id="page">
<div class="autopagerize_page_element">
{block:Posts}
<div id="entrybox">
{block:IndexPage}
<div class="perma">
<a href="{Permalink}" class="hover">{NoteCountWithLabel} </a></span> <br> <a href="{ReblogURL}"

class="hover2">Reblog</a> <a href="{Permalink}" class="hover2">Permalink</a>
<br><br>
<a href="{Permalink}" class="hover3">posted on {Month} {DayofMonth}, {Year}</a>  
   
</span></div>
{/block:IndexPage}
<div id="title">{block:Title}{Title}{/block:Title}</div>
{block:Text}{Body}{/block:Text}




{block:Photoset}{block:IndexPage}<center>{Photoset-250}<a href="{ReblogURL}" target="_blank"><img

src="{PhotosetURL-500}" style="width:270px; height:auto; overflow: hidden;"></a>{/block:IndexPage}{block:PermalinkPage}{Photoset-500}

{/block:PermalinkPage}</center>{block:PermalinkPage}{/block:PermalinkPage}{/block:Photoset}



{block:Photo}{block:IndexPage}<center>
<a href="{ReblogURL}" target="_blank"><img src="{PhotoURL-500}" style="width:270px; height:auto; overflow: hidden;"></a>{/block:IndexPage}
{block:PermalinkPage}
{LinkOpenTag}
<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=500/>
{LinkCloseTag}
{/block:PermalinkPage}
{/block:Photo}
{block:Quote}
<div id="title">"{Quote}"</div>
<div align="right">
{block:Source}<center>-{Source}</center>{/block:Source}
</div>
{/block:Quote}
{block:Video}
{Video-500}<br>
{PlayCountWithLabel}
{/block:Video}
{block:Link}
<div id="title"><a href="{URL}" class="link" {Target}>{Name}</a></div>
{block:Description}{Description}{/block:Description}
{/block:Link}
{block:Chat}
{block:Lines}
{block:Label}
<br>{Label}
{/block:Label}
&nbsp;{Line}
{/block:Lines}
{/block:Chat}
{block:Audio}
{AudioPlayerWhite}
<br><div align="right">{block:Artist}
Artist: {Artist}</div>
{/block:Artist}<br>
{block:Caption}{Caption}{/block:Caption}
{/block:Audio}
{block:Answer}
<img src="{AskerPortraitURL-16}"/> {Asker}: <b>{Question}</b><Br>
{Answer}
{/block:Answer}
{block:PostNotes}
<center>
{Caption}<br>
{block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
{block:HasTags}
tagged as: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
{block:RebloggedFrom}
reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}<br>
posted on {Month} {DayofMonth}, {Year}
</center></span>
<br>



<div id="postnotes">{PostNotes}</div><br>
<center>{block:ContentSource}
<br><a href="{SourceURL}">
{lang:Source}:
{block:SourceLogo}
<img src="{BlackLogoURL}" width="{LogoWidth}"
height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}
{SourceLink}
{/block:NoSourceLogo}
</a>
{/block:ContentSource}</center>
{/block:PostNotes}
</div>
{/block:Posts}

</div>

</tr></td></table>





<div align="center">
<div class="footer"> Powered By: <a href="http://www.dolliecrave.com" target=_blank title="Tumblr Themes"><b>Tumblr

Themes</b></a> | <a href="http://www.get-covers.com" target=_blank title="Facebook Covers"><b>Facebook Covers</b></a>
</div>
</div>


</center>
</body></html>





Blanco:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta name="if:show sidebarpicture" content="1">
<meta name="image:sidebarpicture" content="1"/>
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
<title>{title}</title>
<link rel="shortcut icon" href="{Favicon}"/>
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<script type="text/javascript" src="http://static.tumblr.com/wgdkvue/rM1m5z3ur/jquery-v1.7.1.js"></script>
<style type="text/css">
body{
background-image:url(http://www.dolliehost.com/dolliecrave/backgrounds/space/7.gif);
background-attachment: fixed;
color:#303030;
font-family:verdana;
font-size: 10px;
background-color: #ffffff;
background-repeat: repeat;
background-position: center;
text-align:justify;
}
a:link, a:active, a:visited{
color: #303030;
text-decoration:none;
}
a:hover{
color:{color:hover};
}


#page{
width:587px;
margin-top:35px;
background-color:transparent;
font-size: 10px;
font-family: verdana;
position: static;
padding-left:1px;
padding-right:1px;
padding-top:2px;
padding-bottom:1px;
{block:IndexPage}
{/block:IndexPage}
{block:permalinkpage}
width:587px;
height:100%;
margin-bottom:10px;
{/block:permalinkpage}
overflow:hidden;
}


#entrybox {
margin:3px;
background: #ffffff;
border: 0px solid #000000;
overflow-x: hidden;
float:left;
width:270px;
height:160px;
padding:0px;
{block:IndexPage}
{/block:IndexPage}
{block:permalinkpage}
width:500px;
height:100%;
{/block:permalinkpage}
overflow:hidden;
}


#entrybox .perma a {color:#ffffff ;}
#entrybox .perma {width: 270px; height: 160px;position: absolute; margin-top:0px; text-align:center; overflow:hidden;

opacity: 0.0; background-color:rgba(0,0,0,0.80);
-moz-border-radius:0px; -webkit-border-radius:0px;}

#entrybox:hover .perma {opacity:1;overflow:visible; -webkit-transition-duration: 0.8s; -moz-border-radius:0px;
-webkit-border-radius:0px;z-index: 2;}

div.navigate a{
background: #ffffff;
color: #303030;
display:block;
width: 120px;
font-size: 10px;
font-family: verdana;
height: 13px;
text-align: center;
margin-top:1px;
padding-top:2px;
padding-bottom:2px;
position:static;
text-align: center;
z-index:1;
display: inline-block;
border: 1px solid #EAE8E8;
-webkit-transition: opacity 0.7s linear;
opacity: 1;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}
div.navigate a:hover{
color: #303030;
font-weight:bold;
-webkit-transition: opacity 0.7s linear;
opacity: 0.6;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}

#sidebar{
font-size: 10px;
font-family: verdana;
line-height: 14px;
background-color: #ffffff;
border:0px solid #EAE8E8;
width:250px;
margin-top:40px;
position:fixed;
padding:0px;
text-align: justify;
}

#title a{
color: #303030;
font-family:arial black;
text-transform: uppercase;
font-size: 13px;
text-align:center;
letter-spacing:-1px;
-webkit-transition: opacity 0.7s linear;
opacity: 1;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
padding-left:3px;
padding-right:3px;
}

#title a:hover{
color: #303030;
font-family:arial black;
text-transform: uppercase;
font-size: 13px;
text-align:center;
letter-spacing:-1px;
-webkit-transition: opacity 0.7s linear;
opacity: 0.6;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
padding-left:3px;
padding-right:3px;
}

.hover {
color: #ffffff;
font-family: Pacifico;
font-size: 36px;
line-height:85px;
text-align:center;
text-transform: Normal;
cursor: url(http://static.tumblr.com/f3gdoib/H37m3ntx5/cursor.png), auto;
}


.hover2 {
color: #ffffff;
font-family: verdana;
font-size: 10px;
line-height:20px;
padding: 5px;
text-align:center;
text-transform: uppercase;
border: 1px solid #202020;
background-color: rgba(255,255,255,0.2);
cursor: url(http://static.tumblr.com/f3gdoib/H37m3ntx5/cursor.png), auto;
}

.hover3 {
color: #ffffff;
font-family: verdana;
font-size: 10px;
line-height:25px;
text-align:center;
text-transform: uppercase;
cursor: url(http://static.tumblr.com/f3gdoib/H37m3ntx5/cursor.png), auto;
}


.footer {
margin-top:5px;
color: rgba(0,0,0,0.2);
background-color: rgba(235,235,235,0);
font-family: verdana;
font-size: 10px;
line-height: 16px;
margin-bottom:2px;
text-align:center;
text-transform: uppercase;
}

.footer a{
margin-top:5px;
color: rgba(0,0,0,0.2);
background-color: rgba(235,235,235,0);
font-family: verdana;
font-size: 10px;
line-height: 16px;
margin-bottom:2px;
text-align:center;
text-transform: uppercase;
}

.footer a:hover{
margin-top:5px;
color: rgba(0,0,0,0.25);
background-color: rgba(235,235,235,0);
font-family: verdana;
font-size: 10px;
line-height: 16px;
margin-bottom:2px;
text-align:center;
text-transform: uppercase;
}
{CustomCSS]</style>
<style type="text/css">
#button {
width:96px;
height:20px;
position: absolute;  
right: 3px;  
top: 26px;
color: #ffffff;}
</style>

<div id="DoNotEditImportant">
<div id="button">
<a href="http://www.dolliecrave.com/space-tumblr-themes.php" target="_blank" title="Space Tumblr Themes"><img src="http://static.tumblr.com/wgdkvue/mmam6fcwv/install.png" border=0 alt="Space Tumblr Themes"></a></div></div>
</head>
<body>
<center>
<table align=center>
<tr><td valign=top width=256>

<div id="sidebar">
{block:ifshowsidebarpicture}<img src="{image:sidebarpicture}" width=250>{/block:ifshowsidebarpicture}
<table width=249>
<tr><td align="justify">
<font size="1">
{description}
</font>
</tr></td></table>
<center><div class="navigate">
<a href="/">HOME</a>
<a href="/ask">ASK</a>
<a href="/archive">ARCHIVE</a>
<a href="http://www.dolliecrave.com" title="Tumblr Themes" target=_blank>THEME</a>
</div>

<center>
{block:Pagination}
<div id="title">
<br>
{block:PreviousPage}<a href="{PreviousPage}" title="newer posts">previous</a> {/block:PreviousPage}

{block:NextPage}<a href="{NextPage}" title="older posts">next</a>{/block:NextPage}</div>
{/block:Pagination}
<br>
<br>
</center>

</div>
</div></center>
</td>
<td valign=top>
<div id="page">
<div class="autopagerize_page_element">
{block:Posts}
<div id="entrybox">
{block:IndexPage}
<div class="perma">
<a href="{Permalink}" class="hover">{NoteCountWithLabel} </a></span> <br> <a href="{ReblogURL}"

class="hover2">Reblog</a> <a href="{Permalink}" class="hover2">Permalink</a>
<br><br>
<a href="{Permalink}" class="hover3">posted on {Month} {DayofMonth}, {Year}</a>  
   
</span></div>
{/block:IndexPage}
<div id="title">{block:Title}{Title}{/block:Title}</div>
{block:Text}{Body}{/block:Text}




{block:Photoset}{block:IndexPage}<center>{Photoset-250}<a href="{ReblogURL}" target="_blank"><img

src="{PhotosetURL-500}" style="width:270px; height:auto; overflow: hidden;"></a>{/block:IndexPage}{block:PermalinkPage}{Photoset-500}

{/block:PermalinkPage}</center>{block:PermalinkPage}{/block:PermalinkPage}{/block:Photoset}



{block:Photo}{block:IndexPage}<center>
<a href="{ReblogURL}" target="_blank"><img src="{PhotoURL-500}" style="width:270px; height:auto; overflow: hidden;"></a>{/block:IndexPage}
{block:PermalinkPage}
{LinkOpenTag}
<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=500/>
{LinkCloseTag}
{/block:PermalinkPage}
{/block:Photo}
{block:Quote}
<div id="title">"{Quote}"</div>
<div align="right">
{block:Source}<center>-{Source}</center>{/block:Source}
</div>
{/block:Quote}
{block:Video}
{Video-500}<br>
{PlayCountWithLabel}
{/block:Video}
{block:Link}
<div id="title"><a href="{URL}" class="link" {Target}>{Name}</a></div>
{block:Description}{Description}{/block:Description}
{/block:Link}
{block:Chat}
{block:Lines}
{block:Label}
<br>{Label}
{/block:Label}
&nbsp;{Line}
{/block:Lines}
{/block:Chat}
{block:Audio}
{AudioPlayerWhite}
<br><div align="right">{block:Artist}
Artist: {Artist}</div>
{/block:Artist}<br>
{block:Caption}{Caption}{/block:Caption}
{/block:Audio}
{block:Answer}
<img src="{AskerPortraitURL-16}"/> {Asker}: <b>{Question}</b><Br>
{Answer}
{/block:Answer}
{block:PostNotes}
<center>
{Caption}<br>
{block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
{block:HasTags}
tagged as: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
{block:RebloggedFrom}
reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}<br>
posted on {Month} {DayofMonth}, {Year}
</center></span>
<br>



<div id="postnotes">{PostNotes}</div><br>
<center>{block:ContentSource}
<br><a href="{SourceURL}">
{lang:Source}:
{block:SourceLogo}
<img src="{BlackLogoURL}" width="{LogoWidth}"
height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}
{SourceLink}
{/block:NoSourceLogo}
</a>
{/block:ContentSource}</center>
{/block:PostNotes}
</div>
{/block:Posts}

</div>

</tr></td></table>





<div align="center">
<div class="footer"> Powered By: <a href="http://www.dolliecrave.com" target=_blank title="Tumblr Themes"><b>Tumblr

Themes</b></a> | <a href="http://www.get-covers.com" target=_blank title="Facebook Covers"><b>Facebook Covers</b></a>
</div>
</div>


</center>
</body></html>

No hay comentarios:

Publicar un comentario