ｈｅｌｐｉｎｇʰᵉʳᵉ: Código Base

<html>
<!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 name="color:Background" content="#ffffff"/>
<meta name="color:Text" content="#828282"/>
<meta name="color:Link" content="#8ea089"/>
<meta name="color:Link Hover" content="#e8e8e8"/>
<meta name="color:Border" content="#4d4949"/>

<meta name="image:Background" content""/>
<meta name="image:Sidebar" content""/>

<meta name="if:Infinite Scrolling" content=""/>

{block:ifInfiniteScrolling}
<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
{/block:ifInfiniteScrolling}

{block:Description}
<meta name="description" content="{MetaDescription}" />{/block:Description}
<title>
{block:PostSummary}
{PostSummary} - {/block:PostSummary}{Title}</title>
</style>

body{
background-color: {color:Background};
background-image: url({image:Background});
background-attachment: fixed;
background-repeat: repeat;
background-position: center;
font-family:helvetica;
font-size:11px;
line-height:12px;
color:{color:Text};
}

a:link, a:active, a:visited{
color: {color:Link};
text-decoration:none;
}

a:hover{
color: {color:Link Hover};
}

#container {
margin:auto; 
width:700px; 
}

#entry {
width:500px;
margin-left:180px;
margin-top:45px; 
padding:3px;
}

#permalink{
position:relative;
margin-top:5px;
padding:2px;
font-size:8px;
text-transform:uppercase;
}

#side { 
text-align:center;
position:fixed; 
width:140px; 
margin-top:80px;
margin-left:-20px;
z-index:1;
padding:4px;
}

.navigate{
font-size:10px;
text-transform:uppercase;
margin-top:4px;
margin-bottom:4px;
}

.blogtitle{
font-size:20px;
line-height:20px;
}

.posttitle{
font-size: 18px; 
line-height: 20px; 
}

blockquote{
margin-left:10px;
padding-left:4px;
border-left: 3px solid {color:Text};
}

.p { padding-top: 5px; }
.ol, ul { margin-left: 10px; padding: 5px; }
.ul { list-style-type: square; }

{CustomCSS}
</style>

</head>
<body>
<div id="container">

<div id="side">
<div class="blogtitle">
<a href="/">{Title}</a></div>
<img src="{image:Sidebar}" width="130" style="border:6px solid {color:Border};">

<div class="navigate">
<a href="/">home</a> 
<a href="/ask">ask</a> 
<a href="/archive">archive</a> 
</div>
{Description}

<br>
{block:ifNotInfiniteScrolling}
<div class="navigate">
{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}">« prev</a>
{/block:PreviousPage}
{CurrentPage} out of {TotalPages}
{block:NextPage}
<a href="{NextPage}">next »</a>
{/block:NextPage}
{/block:Pagination} 
</div>
{/block:ifNotInfiniteScrolling}
</div>
{block:Posts}
<div id="entry">

{block:Text}
{block:Title}
<div class="posttitle">
{Title}</div>
{/block:Title}
{Body}
{/block:Text}

{block:Link}
<div class="posttitle">
<a href="{URL}">{Name}</a>
</div>
{block:Description}{Description}{/block:Description}
{/block:Link}

{block:Photo}
<center>
{LinkOpenTag}
<a href="{permalink}">
<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500"></a>
{LinkCloseTag}
</center>
{block:Caption}{Caption}{/block:Caption}
{block:ContentSource}

{/block:ContentSource}
{block:ReblogParentURL}

{/block:ReblogParentURL}
{/block:Photo}

{block:Photoset}
{Photoset-500}
{block:Caption}{Caption}{/block:Caption}
{/block:Photoset}

{block:Quote}
<div class="posttitle">
"{Quote}"</div>
{block:Source}
- {Source}
{/block:Source}
{/block:Quote}

{block:Chat}
{block:Title}
<div class="posttitle">
{Title}
</div>
{/block:Title}
{block:Lines}
{block:Label}
<b>{Label} </b>
{/block:Label}
{Line}
<br>
{/block:Lines}
{/block:Chat}

{block:Audio}
{block:AudioPlayer}{AudioPlayerGrey}{/block:AudioPlayer}

{block:TrackName}
<b>Title</b>:{TrackName}
{/block:TrackName}
<br>
{block:Artist}
<b>Artist:</b>{Artist}
{/block:Artist}
<br>
{PlayCountWithLabel}
<br>
{block:Caption}{Caption}{/block:Caption}
{/block:Audio}

{block:Video}
{Video-500}
{block:Caption}{Caption}{/block:Caption}
{/block:Video}

{block:IndexPage}
<div id="permalink">
posted
<a href="{Permalink}"> {TimeAgo}</a>
with
<a href="{Permalink}">{NoteCountWithLabel}</a> 
<br>
{block:RebloggedFrom}
VIA: <a href="{ReblogParentURL}">{ReblogParentName}</a> 
<br>
Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
{/block:RebloggedFrom}
<br>
<a href="{ReblogURL}" target="_blank" class="details">Reblog</a>
<br>
Tagged as:
{block:Tags}<a href="{TagURL}">#{Tag}</a>
{/block:Tags}
{/block:HasTags}
</div>
{/block:IndexPage}

{block:PermalinkPage}
<div id="permalink">
posted
<a href="{Permalink}"> {TimeAgo}</a>
with
<a href="{Permalink}">{NoteCountWithLabel}</a> 
<br>
VIA: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a> 
<br>
Source: <a href="{ReblogRootURL}" target="_blank">{ReblogRootURL}</a> 
<br>
<a href="{ReblogURL}" target="_blank" class="details">Reblog</a>
<br>
Tagged as:
{block:Tags}<a href="{TagURL}">#{Tag}</a>
{/block:Tags}
{/block:HasTags}
</div>
{/block:PermalinkPage}

{block:PostNotes}
{PostNotes}
{/block:PostNotes}
</div>
{/block:Posts}

</body>
</html>

viernes, 28 de junio de 2013

Código Base - 1 columna

No hay comentarios :

Publicar un comentario