InícioEntregas de Themes
Página 1 de 1 • Compartilhe
por Psychic Sáb Ago 18, 2012 7:45 pm
Aqui onde serão postadas as entregas de themes
Psychic
- Mensagens : 1375
Pontos : 1483
Data de inscrição : 18/07/2012
Idade : 24
Localização : nobody cares
Pontuação
Nível:
Gráficos:
(750/5000)
Códigos: (0/5000) -
por Psychic Sáb Ago 18, 2012 7:52 pm
Att escreveu:*Ficha*
Usuário: Att
Moderador:(x) Larissa Sant ( )Marie Crazy
Preferência de cores: Branco ou texturas mais claras
Estilo: é um tumblr de imagens tipo galeria, acho quer da para entender.
Observações: Quero que de um destaque ao título pode ser em cima ou do lado mesmo com informações basicas apenas direcionando para a ask e nada mais. Algumas imagens fixas tipo nas bordas seriam legais. Preferia que fosse tipo três colunas com imagens não muito pequenas mas também nem médias. Thanks, não sei se entenderam.
- Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
-Theme by: Larissa Sant-
http://sugaravatars.forumeiros.com
<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 src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
{block:IndexPage}
<script src="http://masonry.desandro.com/js/jquery-1.7.1.min.js"></script>
<script src="http://masonry.desandro.com/jquery.masonry.min.js"></script>
<script src="http://masonry.desandro.com/js/jquery.infinitescroll.min.js"></script>
<script>
$(function(){
var $container = $('#conteudo');
$container.imagesLoaded(function(){
$container.masonry({
itemSelector: '.posts',
columnWidth: 270
});
});
$container.infinitescroll({
navSelector : "div#navigation",
nextSelector : "div#navigation a#nextPage",
itemSelector : '.posts',
loading: {
finishedMsg: ' ',
img: ' '
}
},
function( newElements ) {
var $newElems = $( newElements ).css({ opacity: 0 });
$newElems.imagesLoaded(function(){
$newElems.animate({ opacity: 1 });
$container.masonry( 'appended', $newElems, true );
});
}
);
});
</script>
{/block:IndexPage}
</head>
<!-- início do css -->
<style type="text/css">
/* CORPO */
body {background: url('http://static.tumblr.com/q6ziuuo/dhpm7f9x3/pat-sh.png') fixed #f4f4f4; text-align: justify; padding: 0; line-height: 150%; color: #848484; height: 100%; font: normal 12px 'arial';}
/* ESTRUTURAS */
#pagina {width: 810; display: block; margin: 0 auto; text-align: center; overflow: hidden;}
#conteudo {width: 810px; display: block; margin: 0 auto; text-align: justify; overflow: hidden;}
#sidebar {width: 800px; display: block; margin: 0 auto; text-align: justify; overflow: hidden;}
#menu {width: 784px; display: block; margin: 0 auto; text-align: justify; overflow: hidden;}
/* CAIXAS */
.box {background: #FFF; display: block; text-align: justify; overflow: hidden; padding: 5px; margin-bottom: 10px;}
.box2 {background: #FFF; display: block; text-align: justify; overflow: hidden; padding: 5px; margin-bottom: 10px; margin-left: 10px; float: right; width: 500px;}
.posts {float: left; width: 260px; overflow: auto; margin-left: 5px;}
/*TITULO*/
/* ABAS DO MENU */
.nav1 {background: #bbb; color: #fff; width: 87px; margin-right: 5px; padding: 2px; text-align: center; float: left; margin-bottom: 10px; border-left: 4px solid #aaa;}
.nav1:hover {background: #aaa; border-left: 4px solid #ccc;}
.nav1 a{color: #fff !important;}
.nav1 a:hover {color: #ccc !important; text-transform: none;}
.nav {background: #bbb; color: #fff; width: 87px; padding: 2px; margin-right: 5px; text-align: center; float: left; margin-bottom: 10px; border-left: 4px solid #aaa;}
.nav:hover {background: #aaa; border-left: 4px solid #ccc;}
.nav a{color: #fff !important;}
.nav a:hover {color: #ccc !important; text-transform: none;}
.nav2 {background: #bbb; color: #fff; width: 87px; padding: 2px; text-align: center; float: left; margin-bottom: 10px; border-left: 4px solid #aaa;}
.nav2:hover {background: #aaa; border-left: 4px solid #ccc;}
.nav2 a{color: #fff !important;}
.nav2 a:hover {color: #ccc !important; text-transform: none;}
/* SELEÇÃO COLORIDA */
::-moz-selection {color: #fff; background: #bbb;}
::selection {color: #fff; background: #bbb;}
/* TÍTULOS */
h1 {font: italic 17px 'georgia'; color: #777; text-align: center; margin: 0;}
h2 {font: italic 14px 'georgia'; color: #777; text-align: justify; margin: 0;}
/* NEGRITO, ITALICO E SUBLINHADO */
b, strong {color: #848484; text-decoration: none;}
s {color: #bbb;}
i, em {color: #aaa; text-decoration: none;}
u, underline {text-decoration: none; border-bottom: 1px dotted #aaa;}
/* LINKS */
a {color: #6b6b6b; text-decoration: none;}
a:hover {color: #6b6b6b; text-decoration: underline;}
/* REBLOGUE E DATA DO POST */
.reblogue {float: right;}
.info_post {display: block; font: 7pt 'calibri'; letter-spacing: 1px; background: #f4f4f4; padding: 2px; text-transform: uppercase;}
.info_post a {color: #848484;}
/* BLOCKQUOTE */
blockquote {border-left: 3px solid #aaa; font: normal 13px calibri; padding:3px; background: #f4f4f4;}
/* PRE */
pre {margin: 10px 0 10px 0; padding: 10px; background-color: #f0f0f0; font: 11px 'courier'; overflow: auto;}
/* LISTINHAS */
ul {list-style-type:circle;}
.linha {padding: 2px; border-bottom: 1px solid #f4f4f4;}
/* CAIXA DA ASK */
.bubble {background: #f8f8f8; padding: 10px; width: 230px; float: right; margin-bottom: 5px;}
.aborde {padding: 3px; background-color: #fff; border: 1px solid #fff; margin-right: 5px !important; margin: -5px;}
/* QUOTE */
.quote {font: normal 14px tahoma; margin-top: -45px; margin-left: 30px;}
.aspa {font-size: 50px; font-family: Georgia; line-height: 40px; color: #e0e0e0; margin-bottom: 17px;}
.source {margin: 0; font-size: 10px; text-align: right; text-transform: none;}
/* CHAT */
.chat {background: #f0f0f0; margin: 0;}
.chat .chat1 {margin-left: 0px;}
.chat .chat1 .chat2 {background: #f8f8f8; margin-bottom: 1px; padding: 4px 5px 4px 5px;}
.chat .chat1 .chat2.even {color: #aaa; background: #f0f0f0;}
.chat .chat1 .chat2 span {font-weight: bold;}
/* PERMALINK DOS POSTS */
.perma {border-left: 4px solid #aaa; display:block; text-indent:5px; vertical-align:middle; margin-bottom : 1px; background:#f4f4f4; line-height: 180%;}
/* NOTES */
ol.notes {display:block; border-bottom: 1px solid #fff; text-decoration: none; background: #f4f4f4; list-style-type: none; font-size: 10px;}
ol.notes li.note {border-bottom: solid 1px #fff; padding: 4px;}
ol.notes li.note img.avatar {width: 12px; padding: 2px; background: #fff; margin-bottom: -4px;}
ol.notes li.note span.action {font-weight: none;}
ol.notes li.note .answer_content {font-weight: normal;}
ol.notes li.note blockquote {display: none;}
ol.notes li.note blockquote a {text-decoration: none;}
ol {list-style-position: inside; -webkit-padding-start: 0px;}
/* PAGINAÇÃO */
#infscr-loading{display: none;}
</style>
<!-- fim do css -->
<body>
<!-- início da página -->
<div id="pagina">
<!-- início da sidebar -->
<div id="sidebar">
<div class="box">
{Description}
</div>
</div>
<!-- fim da sidebar -->
<div id="menu">
<a href="/"><div class="nav1">home</div></a>
<a href="/ask"><div class="nav">ask me</div></a>
<a href="/submit"><div class="nav">submit</div></a>
<a href="/archive"><div class="nav">archive</div></a>
<a href="/random"><div class="nav">random</div></a>
<a href="/tagged"><div class="nav">tags</div></a>
<a href="/link1"><div class="nav">link 01</div></a>
<a href="/link2"><div class="nav2">link 02</div></a>
</div>
<!-- início do conteúdo -->
<div id="conteudo">
<!-- TAGS BY BIIBIS, DON'T COPY -->
<!-- pagina com tag -->
{block:TagPage}
<div class="box">
<h1>Posts tagged "<a href="{TagURL}">{Tag}</a>"</h1></div>
{/block:TagPage}
{block:Posts}
<div class="posts">
<div class="box">
<!-- text posts -->
{block:Text}
{block:Title}
<h1>{Title}</h1>
{/block:Title}
{Body}
{/block:Text}
<!-- answer posts -->
{block:Answer}
<div class="bubble">
<img src="{AskerPortraitURL-24}" align="left" class="aborde">
<b>{Asker}</b>: {Question}
</div>
{Answer}
{/block:Answer}
<!-- link posts -->
{block:Link}
<a href="{URL}" onMouseover="ddrivetip('Clique aqui!')"; onMouseout="hideddrivetip()"><h1>{Name}</h1></a>
{block:Description}{Description}{/block:Description}
{block:Link}
<!-- photo posts -->
{block:Photo}
<center>
<img src="{PhotoURL-250}" width="250px" style="max-width: 250px;">
</center>
{block:Caption}{Caption}{/block:Caption}
{/block:Photo}
<!-- photoset posts -->
{block:Photoset}
<center>{Photoset-250}</center>
{block:Caption}{Caption}{/block:Caption}
{/block:Photoset}
<!-- quote posts -->
{block:Quote}
<b class="aspa">“</b>
<div class="quote"> {Quote} </div>
{block:Source} <div class="source"> — {Source} </div> {/block:Source}
{/block:Quote}
<!-- chat posts -->
{block:Chat}
{block:Title}<h1>{Title}</h1>{/block:Title}
<div class="chat"> <div class="chat1">
{block:Lines} <div class="chat2 {Alt}"> {block:Label}
<span>{Label}</span> {/block:Label} {Line}</div> {/block:Lines}
</div> </div>
{/block:Chat}
<!-- audio posts -->
{block:Audio}
<div style="float:right; margin-top: 6px;">
<i>Música ouvida {PlayCount} vezes</i>
{block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>)
{/block:ExternalAudio}</div>
<center>{AudioPlayerWhite}</center>
{block:Caption}{Caption}{/block:Caption}
{/block:Audio}
<!-- video posts -->
{block:Video}
<center>{Video-500}</center>
{block:Caption}{Caption}{/block:Caption}<br />
{/block:Video}
<!-- info dos posts -->
{block:IndexPage}
<div class="info_post">
<a href="{Permalink}" title="permalink">{DayOfWeekNumber}/{MonthNumberWithZero}/{ShortYear}</a> <small>•</small> <a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a>
<div class="reblogue"><a href="{reblogurl}" target="_blank">Reblog this!</a></div>
</div>
{/block:IndexPage}
</div>
</div>
<!-- permalink dos posts -->
{block:PostNotes}
<div class="box2">
<div class="perma"> <img src="http://static.tumblr.com/wa79tuo/LApm1iuqc/user.png"> {block:RebloggedFrom}Via <a href="{ReblogParentURL}">{ReblogParentName}</a>, original de <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}" target="blank">®</a>{/block:ContentSource}</div>
<div class="perma"> <img src="http://static.tumblr.com/wa79tuo/3OKm1iuvh/clock.png"> {DayOfMonth},<b> {Month}</b> de {Year}, às {12Hour}:{Minutes} {AmPm} </div>
<div class="perma"> <img src="http://static.tumblr.com/wa79tuo/YzBm1iuyx/tag.png"> {block:HasTags}{/block:HasTags} {block:HasTags} {block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags} </div>
<div class="perma"> <img src="http://static.tumblr.com/wa79tuo/MiZm1iv2y/heart.png"> {NoteCountwithLabel} </div></div>
<div class="box2">{PostNotes}</div>
{/block:PostNotes}
{/block:Posts}
{block:IndexPage}
<div class="column navigation" id="navigation">
{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
</div>
{/block:IndexPage}
</div>
</div>
</div>
<!-- fim do conteúdo -->
</div>
<!-- fim da página -->
<div style="position: fixed; right: 5px; bottom: 5px; background: #f4f4f4; font: 7pt 'calibri'; letter-spacing: 1px; padding: 2px; text-transform: uppercase;"> Themes by: <a href="http://sugaravatars.forumeiros.com">SA</a> <a href="_blank">@</a> <a href="http://sugaravatars.forumeiros.com/u185"> Larissa Sant</a></div>
</body>
</html>
Bem...Esse theme é básico a gente edita pelo HTML, apenas mude os links, se tiver uma dúvida me contante
- Psychic
- Mensagens : 1375
Pontos : 1483
Data de inscrição : 18/07/2012
Idade : 24
Localização : nobody cares
Pontuação
Nível:
Gráficos: (750/5000) Códigos: (0/5000) -
Tópicos semelhantes» Entregas Femininas
» Entregas Masculinas
» Themes para Chrome
» Themes para Tumblr
» Themes para Fórum
» Entregas Masculinas
» Themes para Chrome
» Themes para Tumblr
» Themes para Fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos|
|
|