Como decorar tu tumblr

Como decorar tu tumblr

miércoles, 18 de diciembre de 2013

Tema n°2

Este tema también esta en blanco y en negro, la explicacion de como ponerlo en el "Tema n°1"

Así se vera tu Tumblr:http://www.dolliecrave.com/tumblr/space/theme2-black.php?layout=7

Negro:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta name="image:sidebarpicture" content="1"/>
<meta name="if:show sidebarpicture" content="1">
<title>{title}</title>
<link rel="shortcut icon" href="{Favicon}"/>
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<script type="text/javascript" src="http://static.tumblr.com/wgdkvue/rM1m5z3ur/jquery-v1.7.1.js"></script>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

<style type="text/css">
body{
color: #CDCBCB;
font-family:Courier New;
font-size:12px;
background-color: #000000;
background-image:url(http://www.dolliehost.com/dolliecrave/backgrounds/space/7.gif);
background-attachment: fixed;
background-repeat: repeat;
background-position: center;
text-align:center;
}
a:link, a:active, a:visited{
color: #CDCBCB;
text-decoration:none;
}
a:hover{
color:{color:hover};
}

::-webkit-scrollbar {
    width: 10px;
    background: #000000;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(25,25,25,1);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
        border: 1px solid rgba(122,122,122,.5);
    -webkit-box-shadow: inset 0 0 1px rgba(65,65,65,1);
}
#page{
width:730px;
height:550px;
align:center;
margin-top:60px;
background-color: #000000;
border:solid 0px #CDCBCB;
position:static;
padding:1px;
overflow:scroll;
overflow-x:hidden;
-moz-border-radius-bottomleft: 7px;
border-bottom-left-radius: 7px;
-moz-border-radius-bottomright: 7px;
border-bottom-right-radius: 7px;
-moz-border-radius-topleft: 7px;
border-top-left-radius: 7px;
-moz-border-radius-topright: 7px;
border-top-right-radius: 7px;
-moz-box-shadow: 0 0 1em #202020;
-webkit-box-shadow: 0 0 1em #202020;
}
#entrybox {
margin:2px;
overflow-x: hidden;
float:left;
width:500px;
padding:2px;
{block:IndexPage}
{/block:IndexPage}
{block:permalinkpage}
width:500px;
height:100%;
margin-bottom:10px;
{/block:permalinkpage}
overflow:hidden;
}



img{
-khtml-border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}



.photoset{
-khtml-border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
width: 470px;
}

div#permalinkblock a{
letter-spacing: 8px;
text-transform; lowercase;
height:12px;
padding-bottom:2px;
margin-top:5px;
align: center;
text-align: center;
font-size:12px;
-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#permalinkblock a:hover{
letter-spacing: 8px;
text-transform; lowercase;
height:12px;
padding-bottom:2px;
margin-top:5px;
align: center;
text-align: center;
font-size:12px;
-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;
}


div.navi a{
font-size:12px;
text-align: left;
color: #CDCBCB;
background-color: #000000;
width: 180px;
display: inline-block;
padding:1px 0px 1px 10px;
margin-bottom:1px;
margin-right:1px;
border-left: 5px solid #111111;
-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.navi a:hover{
font-size:12px;
text-align: left;
padding:1px 0px 1px 10px;
color: {color:Link Hover};
background-color: #000000;
border-left: 4px solid #111111;
z-index:2;
-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;
}

div.navi2 a{
text-transform: lowercase;
text-align: center;
text-align: left;
color: #CDCBCB;
background-color: #000000;
display: inline-block;
margin-bottom:1px;
margin-right:1px;
border-left: 0px solid #CDCBCB;
font-style: italic;
padding-top:20px;
padding: 5px;
-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.navi2 a:hover{
text-transform: lowercase;
text-align: center;
color: {color:Link Hover};
background-color: #000000;
border-left: 0px solid #CDCBCB;
font-style: italic;
z-index:2;
padding-top:20px;
padding: 5px;
-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;
}
.pagination {
font-size:15px;
font-weight:normal;
letter-spacing:-1px;
font-family: georgia;
text-transform: lowercase;
font-style: italic;
}

#sidebar{
background-color:#transparent;
width:190px;
height:auto;
margin-top:0px;
margin-left:513px;
position:fixed;
padding:3px;
}
#title{
color: #CDCBCB;
font-family:Courier New;
font-size: 20px;
text-align:center;
}

.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>
<table align=center>
<tr><td align="justify">
<body>
<div id="page">
<div id="sidebar">
<div id="title">{title}</div>
<br>
{block:ifshowsidebarpicture}<img src="{image:sidebarpicture}" align="left" style="width: auto; width: 180px; border: 3px double #111111;">{/block:ifshowsidebarpicture}
<br><br>
<table><tr><td align="justify" style="font-size:12px;">
{description}
</tr></td></table>
<br>


<div class="navi">
<a href="/">Home</a>
<a href="/ask">Ask</a>
<a href="/archive">Archive </a>
<a href="http://www.dolliecrave.com/" target=_blank title="Tumblr Theme">Theme</a>
</div>
<div class="navi2">
{block:Pagination}<div id="posts"><center><span class="pagination">
{block:PreviousPage}<a href="{PreviousPage}" title="newer posts">previous</a>{/block:PreviousPage}

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


<center>
<div class="autopagerize_page_element">
{block:Posts}
<div id="entrybox">
<div id="title">{block:Title}{Title}{/block:Title}</div>
{block:Text}{Body}{/block:Text}
{block:Photoset}{block:IndexPage}{Photoset-500}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{block:PermalinkPage}{/block:PermalinkPage}{/block:Photoset}
{block:Photo}{block:IndexPage}
<a href="{ReblogURL}" target="_blank"><img src="{PhotoURL-500}" width="470"></a>{/block:IndexPage}
{block:PermalinkPage}
{LinkOpenTag}
<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=470/>
{LinkCloseTag}
{/block:PermalinkPage}
{/block:Photo}
{block:Quote}
<div id="title"><i>"{Quote}"</i></div>
<div align="right">
{block:Source}-{Source}{/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}
<div id="permalinkblock">
<a href="{Permalink}">{NoteCountWithLabel} </a></span> | <a href="{ReblogURL}" target="_blank" class="details">reblog</a></span></div>
{block:PostNotes}
{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}
</span>
</center>




<table width="470"><tr><td align="justify">
<div id="postnotes">{PostNotes}</div><br>
{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}
{/block:PostNotes}
</div>
{/block:Posts}
{block:IndexPage}
{/block:IndexPage}
</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>




</tr></td></table>
</body>
</html>





Blanco:


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta name="image:sidebarpicture" content="1"/>
<meta name="if:show sidebarpicture" content="1">
<title>{title}</title>
<link rel="shortcut icon" href="{Favicon}"/>
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<script type="text/javascript" src="http://static.tumblr.com/wgdkvue/rM1m5z3ur/jquery-v1.7.1.js"></script>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

<style type="text/css">
body{
color: #000000;
font-family:Courier New;
font-size:12px;
background-color: #ffffff;
background-image:url(http://www.dolliehost.com/dolliecrave/backgrounds/space/7.gif);
background-attachment: fixed;
background-repeat: repeat;
background-position: center;
text-align:center;
}
a:link, a:active, a:visited{
color: #000000;
text-decoration:none;
}
a:hover{
color:{color:hover};
}
::-webkit-scrollbar {
    width: 10px;
    background: #ffffff;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(192,192,192,0.7);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border: 1px solid rgba(192,192,192,0.5);
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 1px rgba(192,192,192,0.7);
}
#page{
width:730px;
height:550px;
align:center;
margin-top:60px;
background-color: #ffffff;
border:solid 0px #000000;
position:static;
padding:1px;
overflow:scroll;
overflow-x:hidden;
-moz-border-radius-bottomleft: 7px;
border-bottom-left-radius: 7px;
-moz-border-radius-bottomright: 7px;
border-bottom-right-radius: 7px;
-moz-border-radius-topleft: 7px;
border-top-left-radius: 7px;
-moz-border-radius-topright: 7px;
border-top-right-radius: 7px;
-moz-box-shadow: 0 0 1em #404040;
-webkit-box-shadow: 0 0 1em #404040;
}
#entrybox {
margin:2px;
overflow-x: hidden;
float:left;
width:500px;
padding:2px;
{block:IndexPage}
{/block:IndexPage}
{block:permalinkpage}
width:500px;
height:100%;
margin-bottom:10px;
{/block:permalinkpage}
overflow:hidden;
}



img{
-khtml-border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}



.photoset{
-khtml-border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
width: 470px;
}

div#permalinkblock a{
letter-spacing: 8px;
text-transform; lowercase;
height:12px;
padding-bottom:2px;
margin-top:5px;
align: center;
text-align: center;
font-size:12px;
-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#permalinkblock a:hover{
letter-spacing: 8px;
text-transform; lowercase;
height:12px;
padding-bottom:2px;
margin-top:5px;
align: center;
text-align: center;
font-size:12px;
-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;
}


div.navi a{
font-size:12px;
text-align: left;
color: #000000;
background-color: #ffffff;
width: 180px;
display: inline-block;
padding:1px 0px 1px 10px;
margin-bottom:1px;
margin-right:1px;
border-left: 5px solid #EDEBEB;
-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.navi a:hover{
font-size:12px;
text-align: left;
padding:1px 0px 1px 10px;
color: {color:Link Hover};
background-color: #ffffff;
border-left: 4px solid #EDEBEB;
z-index:2;
-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;
}

div.navi2 a{
text-transform: lowercase;
text-align: center;
text-align: left;
color: #000000;
background-color: #ffffff;
display: inline-block;
margin-bottom:1px;
margin-right:1px;
border-left: 0px solid #000000;
font-style: italic;
padding-top:20px;
padding: 5px;
-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.navi2 a:hover{
text-transform: lowercase;
text-align: center;
color: {color:Link Hover};
background-color: #ffffff;
border-left: 0px solid #000000;
font-style: italic;
z-index:2;
padding-top:20px;
padding: 5px;
-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;
}
.pagination {
font-size:15px;
font-weight:normal;
letter-spacing:-1px;
font-family: georgia;
text-transform: lowercase;
font-style: italic;
}

#sidebar{
background-color:#transparent;
width:190px;
height:auto;
margin-top:0px;
margin-left:513px;
position:fixed;
padding:3px;
}
#title{
color: #000000;
font-family:Courier New;
font-size: 20px;
text-align:center;
}

.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>
<table align=center>
<tr><td align="justify">
<body>
<div id="page">
<div id="sidebar">
<div id="title">{title}</div>
<br>
{block:ifshowsidebarpicture}<img src="{image:sidebarpicture}" align="left" style="width: auto; width: 180px; border: 3px double #EDEBEB;">{/block:ifshowsidebarpicture}
<br><br>
<table><tr><td align="justify" style="font-size:12px;">
{description}
</tr></td></table>
<br>


<div class="navi">
<a href="/">Home</a>
<a href="/ask">Ask</a>
<a href="/archive">Archive </a>
<a href="http://www.dolliecrave.com/" target=_blank title="Tumblr Theme">Theme</a>
</div>
<div class="navi2">
{block:Pagination}<div id="posts"><center><span class="pagination">
{block:PreviousPage}<a href="{PreviousPage}" title="newer posts">previous</a>{/block:PreviousPage}

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


<center>
<div class="autopagerize_page_element">
{block:Posts}
<div id="entrybox">
<div id="title">{block:Title}{Title}{/block:Title}</div>
{block:Text}{Body}{/block:Text}
{block:Photoset}{block:IndexPage}{Photoset-500}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{block:PermalinkPage}{/block:PermalinkPage}{/block:Photoset}
{block:Photo}{block:IndexPage}
<a href="{ReblogURL}" target="_blank"><img src="{PhotoURL-500}" width="470"></a>{/block:IndexPage}
{block:PermalinkPage}
{LinkOpenTag}
<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=470/>
{LinkCloseTag}
{/block:PermalinkPage}
{/block:Photo}
{block:Quote}
<div id="title"><i>"{Quote}"</i></div>
<div align="right">
{block:Source}-{Source}{/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}
<div id="permalinkblock">
<a href="{Permalink}">{NoteCountWithLabel} </a></span> | <a href="{ReblogURL}" target="_blank" class="details">reblog</a></span></div>
{block:PostNotes}
{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}
</span>
</center>




<table width="470"><tr><td align="justify">
<div id="postnotes">{PostNotes}</div><br>
{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}
{/block:PostNotes}
</div>
{/block:Posts}
{block:IndexPage}
{/block:IndexPage}
</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>

</tr></td></table>
</body>
</html>

No hay comentarios:

Publicar un comentario