TWD HTML @twd-html-blog - Tumblr Blog

Colocando Top Tags no Perfil

<form><select onchange="if(this.selectedIndex!=0)

self.location=this.options[this.selectedIndex].value" style="font: 10px tahoma; width: 100%;">

<option value="http://seunome.tumblr.com/tagged/nome_da_tag">Titulo</option>

</select></form>

Códigos por madlyluv.com

Paginação no Theme

Coloque isso no css do seu theme:

/*** Paginação by madlyluv.com ***/

#paginacaoml {font-size: 10px; font-weight: bold; line-height: 21px; text-shadow: 0 1px 1px #fff;}

#paginacaoml a {background: #cor de fundo; margin: 0 1px 0 0; padding: 2px 4px; color: #cor da fonte; text-decoration: none;}

#paginacaoml a:hover {background: #cor de fundo; border: none;}

#paginacaoml span.pagina_atual {background: #cor de fundo; margin: 0 1px 0 0; padding: 2px 4px; color: #cor da fonte; text-decoration: none;}

#paginacaoml span.info {background: #cor de fundo; margin: 0 1px 0 0; padding: 2px 4px; color: #cor da fonte; text-decoration: none;}

após da tag {/block:Posts} coloque esse código:

<span class="info" style="font-weight: normal;">Página <b>{CurrentPage}</b> de <b>{TotalPages}</b></span> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{/block:Pagination} {block:JumpPagination length="10"} {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage} {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage} {/block:JumpPagination} {block:Pagination}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination} </div>

2# Como Fazer um Theme com Appearance

Agora vamos terque criar os links do seu menu.. Acredite se você está achando chato ler tudo isso imagine construir um tutorial cansativo como esse..NÃO SE ESQUEÇAM QUE OS CÓDIGOS QUE TIVER <META NAME=....> VOCÊ SÓ VAI COMPLEMENTAR NO CÓDIGO QUE EU PASSEI NO TUTORIAL 1..BEM NO INICIO

Esses "link1" e "link2" são dois menuzinhos que você criou agora se voce quiser mais é só voce ir criando mais desses..

Bom se seu theme tiver i-frame esqueça que no de appearance não tem, na div do seu menu você vai substituir tudo:

<a href="{text:link1}">{text:titulo link1}</a>

<a href="{text:link2}">{text:titulo link2}</a>

<a href="{text:link3}">{text:titulo link3}</a>

<a href="{text:link4}">{text:titulo link4}</a>

<a href="{text:link5}">{text:titulo link5}</a>

<a href="{text:link6}">{text:titulo link6}</a>

</div>

Agora se por exemplo você quer colocar uma foto ou um gif:

Parte I

#parte II #tutorial #appearance

1# Como Fazer um Theme com Appearance

Antes de começar o tutorial uma coisa super importante: para você fazer um theme com appearance, primeiro modifique um, para depois tentar fazer, para que fique mais facil e entender HTML!

1º- Coloque o código abaixo de </head>:

Esses códigos vão fazer o background, descrição, cor do menu e indo por esse sentido, apareçam na página central ou seja aquela que quando você vai editar e ir para o html para colocar o html de um theme antes abre uma página então é naquela página que vai aparecer.

Uma coisa super, ultra, mega importante no código do título dos seus posts, onde estiver color:#cor; você apaga e substitui por {color:title};

LEMBRANDO A cor do seu bg está nesse código:

Procure pelo background do seu theme que vai estar representado por body e você substitui esse body por :

body {fundo:{color:background};}

Agora você tenque achar a cor da letra do seu menu e vamos substituir por:

color:{color:letrasdomenu};

No código da box, conteúdo e ask do seu theme substitua #cor pelo código abaixo:

color:{color:letraposts};

Procure pelo código da box que é a onde fica hospedado seus posts, e substitua o color: #cor; :

color: {color:box};

Procure pelo código da sua side, e substitua o #cor :

color: {color:letrasdasidebar};

Procure pelo código do seu menu, ache o bg dele e substitua #cor:

background:{color:cordomenu};

Parte II

#como fazer themes #theme appearance

Desativei 01

Cores: Rosa - Verde - Branco

Menu: Pop Up

Barras de rolagem rosa dentro da side que quando passa ou mouse fica branca, cortininha verde e rosa.

Download

SE EU ENCONTRAR PLAGIO TIRO ELE FORA DO AR

MODERE O TWD-HTML !

Reblog este post

Preencha esta ficha (x)

Uma pessoa que saiba usar PS

Saiba fazer themes sem base

ENVIE POR SUBMIT

Não há previsão do dia que sairá o resultado

Se ficar dias sem entrar justifique ao dono para que ele esteje conciente do porque.

REBLOG O POST PARA DIVULGAR SE POSSÍVEL, POR FAVOR!

rushdesigns

Uma oportunidade unica, pois essa será a ultima vez que abriremos vagas para a moderação.

Reblog o post.

Preencha ESSA ficha e envie por submit.

Deve saber usar o Photoshop, independente a versão.

Saber fazer themes.

Nunca ter plagiado.

Poder entrar aqui NO MINIMO, 5 vezes por semana*.

O resultado sairá dependendo a quantidade de fichas e sua qualidade. Boa Sorte a todos.

Reblog para divulgar, se possível.

* Período de provas é exceção.

VENHAM VER O NOVO THEME DO TWD-HTML!!

designs-gallery

twd-html-blog

Quem puder reblogar esse post para ajudar a divulgar um pouquinho mais, eu serei grata pelo resto da vida *——*

Theme Base (explicação)

Nesse tutorial irei dar uma explicação de algumas coisas importantes para que voce saiba que código é qual para voce modificar um theme base, porque muita gente que está começando agora, não sabe, então decidi fazer esse tutorial. Vamos lá..

Primeiramente você tenque saber o básico, vou disponibilizar uma apostila que estou fazendo que ainda não está terminada mas a primeira parte irá te ajudar bastante a entender melhor (x) .

Eu uso minhas bases porém vou ensinar com esta (x)

<title>{Title}</title> -> o titulo vai ficar aparecendo na aba do seu navegador lá em cima.

<body> e </body> -> parte a onde faz aparecer tudo oque voce colocou no css.

body{background: #fff Url(foto); -> aqui é a foto do seu background.

.caixapts -> as caixas a onde hospedam os posts.

b, -> negrito da sua letra

i, -> italico da sua letra

a -> é o link que fica em todos os posts ou na sua descrição

a:hover -> é a mesma idéia do a mas quando você passa o mouse em cima ele muda de cor.

s -> riscado da sua letra.

u -> sublinhado da sua letra.

#side -> é na onde fica a posição,cor,lado e texto alinhado da sua sidebar.

#paginacaoml -> é a parte mais complicada do theme, sugiro que não mexa,pois, você pode desconfigurar todo o seu theme. O nome já fala é a paginação.

blockquote -> é uma citação, na qual usam para destacar uma fonte, que todos sabem oque já é.

.pergunta -> é a ask.

quote -> é aquilo que fica entre aspas " "

.nav1 -> é ai que começa o menu.

<br> ou <p> -> pulam a linha do seu theme.

<img src=”imagem”> -> é um código que você utiliza para colocar uma qualquer imagem no seu theme.

<a href=”link”> -> normalmente em menus nós utilizamos isso para que se transforme em link.

---------//---------

Bom ai em cima é tudo que contém no theme, apartir de toda essa explicação que dei você vai modificar, com excessão de algumas coisas que não tem como, como paginação..

Expliquei mesmo oque tem no theme, porque outros eles citam em tutoriais, e tem tutorial aqui falando de geral..

Para modificar isso tudo você precisa visitar vários tumblr's de HTML e ver o que você quer modificar.. mas atenção: se já tem, você terá que tirar para colocar o que deseja..

QUALQUER DUVIDA ASK!

AMY

É um estilo de recado que eu fiz para vocês, dêem like e nunca reblog! feito totalmente por mim

PSD

#extras

Menu No Pattern (Cortininha)

Coloque o Código abaixo no css do seu theme:

.menunopattern {backgroundimage:url(“_url_do_Pattern_ou_da_cortininha”);position:fixed; z-index: 300;top: 0px;center: 0px;width: 100%;Height: 89px;text-align: center;}

Agora depois de <body> coloque assim:

Conteúdo aqui

</div>

Amy

#menunopattern