living dead

Entregas de Themes

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Mensagem por Psychic em Sab Ago 18, 2012 7:45 pm

Aqui onde serão postadas as entregas de themes

- - - - - - - - - - ● - - - - - - - - - -

SANT [06/07]: TRYING TO DO SOMETHING GOOD ENOUGH.
psychic
Psychic
avatar

Mensagens : 1385
Pontos : 1493
Data de inscrição : 18/07/2012
Idade : 17
Localização : nobody cares

Pontuação
Nível:
Gráficos:
750/5000  (750/5000)
Códigos Códigos:
0/5000  (0/5000)

http://academyseoul.forumeiros.com

Voltar ao Topo Ir em baixo

Mensagem por Psychic em Sab 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

- - - - - - - - - - ● - - - - - - - - - -

SANT [06/07]: TRYING TO DO SOMETHING GOOD ENOUGH.
psychic
Psychic
avatar

Mensagens : 1385
Pontos : 1493
Data de inscrição : 18/07/2012
Idade : 17
Localização : nobody cares

Pontuação
Nível:
Gráficos:
750/5000  (750/5000)
Códigos Códigos:
0/5000  (0/5000)

http://academyseoul.forumeiros.com

Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum