Top Posts Tagged with #theme do zero

Theme do zero #5

Último tutorial, ufaa! Agora isso termina mesmo haha! Como eu havia dito, vou mostrar o {block:Posts} nesse tutorial

Cada coisa (foto,link,quote,etc) tem que ter {block:NOME}. Em "NOME" a gente substitui por photo,quote,link e assim vai

<div id="post"> {block:Posts}  {block:Photo} <div class="caixa"> {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag} {block:Caption} {Caption} {/block:Caption} <div class="supertags">{DayOfMonth}/{MonthNumberWithZero}/{Year} - {NoteCount} notes - (<a href="{ReblogURL}" target="_blank">reblog</a>) - <a href="{permalink}">permalink</a> </div> </div> {/block:Photo}  {block:Photoset} <div class="caixa"> <center>{Photoset-500}</center> {block:Caption} {Caption} {/block:Caption} <div class="supertags">{DayOfMonth}/{MonthNumberWithZero}/{Year} - {NoteCount} notes - (<a href="{ReblogURL}" target="_blank">reblog</a>) - <a href="{permalink}">permalink</a> </div> </div> {/block:Photoset}  {block:Quote} <div class="caixa"> <div class="h1"> "{Quote}"</div><br> <div class="ci">{block:Source}<div class="source">— {Source}</div>{/block:Source}</div> <div class="supertags">{DayOfMonth}/{MonthNumberWithZero}/{Year} - {NoteCount} notes - (<a href="{ReblogURL}" target="_blank">reblog</a>) - <a href="{permalink}">permalink</a> </div> </div> {/block:Quote}  {block:Link} <div class="caixa"> <a href="{URL}" {Target}><h1>{Name}</h1></a> {block:Description} {Description}{/block:Description} <div class="supertags">{DayOfMonth}/{MonthNumberWithZero}/{Year} - {NoteCount} notes - (<a href="{ReblogURL}" target="_blank">reblog</a>) - <a href="{permalink}">permalink</a> </div> </div> {/block:Link}  {block:Chat} <div class="caixa"> <div class="chat"> <div class="chat1"> {block:Lines} <div class="chat2 {Alt}"> {block:Label} <p>{Label}</p> {/block:Label} {Line}</div> {/block:Lines} </div> </div> <div class="supertags">{DayOfMonth}/{MonthNumberWithZero}/{Year} - {NoteCount} notes - (<a href="{ReblogURL}" target="_blank">reblog</a>) - <a href="{permalink}">permalink</a> </div> </div> {block:Chat}  {block:Video} <div class="m"> {Video-500} {block:Caption}{Caption}{/block:Caption} <div class="supertags">{DayOfMonth}/{MonthNumberWithZero}/{Year} - {NoteCount} notes - (<a href="{ReblogURL}" target="_blank">reblog</a>) - <a href="{permalink}">permalink</a> </div> </div> {/block:Video}  {block:Audio} <div class="m"> {AudioPlayerGrey} {block:TrackName}{TrackName}{/block:TrackName} {block:Artist}{Artist}{/block:Artist} {block:Album}{Album}{/block:Album} {block:PlayCount}{PlayCount}{/block:PlayCount} {block:Caption}{Caption}{/block:Caption} <div class="supertags">{DayOfMonth}/{MonthNumberWithZero}/{Year} - {NoteCount} notes - (<a href="{ReblogURL}" target="_blank">reblog</a>) - <a href="{permalink}">permalink</a> </div> </div> {/block:Audio}  {block:Answer} AQUI VEM O CÓDIGO DA ASK (sua responsabilidade,lembra?) {/block:Answer}  {block:PostNotes} {NoteCount} {/block:PostNotes} {/block:Posts}<BR> </div> <br> </div></div></div></div></div> </body> </html>

This is the end UHULL, consegui

Espero ter ajudado, gente. E também espero que creditem sempre que esse tutorial for útil, por favor. Isso demora pra fazer e não é tão fácil. Da like, ok?

Repetindo:

NÃO SE ESQUEÇAM DE CREDITAR (bestmemorie-s / goodthemesforu. O TUTORIAL É FEITO TOTALMENTE POR MIM! AAAI SE EU PEGAR ALGUÉM COPIANDO

DA LIKE ♥ SE ESSE TUTORIAL TE AJUDOU

/fer

#tutos #tutoriais #theme do zero #themedozero5

•18+ Adults Only

Watch Anya Live on Cam

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.

✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality

Anya is LIVE right now

FREE

Free to watch • No registration required • HD streaming

Theme do zero #4

Como eu disse no primeiro tutorial:

div id: É para determinar as posições no html

div class: É para determinar a cor, o tamanho, e decorações de um menu/box/etc.

No tutorial #4 vou ensinar sobre a sidebar, caixas, block post e tals. Continuando o começo ( <body>)

</div> <div style="position:absolute; width: 345px; left:10px; top:157px; position: absolute; text-align: right;" > <br> <br> <br>

Há duas formas de div

CLASS:

HTML: <div class="NOME"></div> CSS: .NOME

ID:

HTML: <div id="nome"></div> CSS: #NOME

Agora vem o código da paginação (você tem a responsabilidade de achar um estilo que deseje)

{block:Pagination} Aqui o código do estilo de paginação que você achou {/block:Pagination}

Falarei sobre block Post no próximo tutorial

NÃO SE ESQUEÇAM DE CREDITAR. O TUTORIAL É FEITO TOTALMENTE POR MIM! AAAI SE EU PEGAR ALGUÉM COPIANDO

DA LIKE ♥ SE ESSE TUTORIAL TE AJUDOU

#tutoriais #tutos #theme do zero #themedozero4

Theme do zero #3

Voltando ao tutoriaaal! Continuando agora com a barra de rolagem,ou seja, a barra no lado direito que você move pra cima ou pra baixo para ver o site.

::-webkit-scrollbar {width:7px;height:auto;background: #fdfdfd;border-bottom:none;} ::-webkit-scrollbar-button:vertical {height:2px;display:block;} ::-webkit-scrollbar-thumb:vertical {background-color: #f3f3f3;}

Agora que eu ja ensinei sobre como substituir as cores, não vou mais escrever AQUI VOCÊ COLOCA TAL COISA porque agora todos sabem já, exceto se for mesmo necessário, tudo bem? Então, coloquem o código da cor que desejarem.

Ah e uma coisa importante: vai ter coisas que eu não vou colocar aqui ta? Tem coisas que são disponibilizadas no tumblr e depende do seu desejo. Por exemplo: paginação, estilo de note, etc. Não colocarei estilos, só vou ensinar como coloca e tals.

Como eu disse acima, não colocarei estilos nem nada, só alguns codigos:

/*** tamanho e posição da pagina ***/ #content {width: 900px; margin-top: 0px; margin-right: auto; margin-bottom: 50px; margin-left: auto;} /*** tamanho e posição dos posts ***/ #post {top: 90px; left: 450px; width:562px; position: absolute;} /*** tamanho e posição da sidebar ***/ #sidebar {width:300px; text-align: justify; float: left; position: fixed; margin-top: 150px; left:120px;} /*** caixas dos posts e sidebar ***/ .caixa {background: #FFF; padding: 5px; margin-bottom: 1px; left:110px;} .caixasidebar {background: #FFF; padding: 5px; margin-bottom: 7px; left:10px;}

Ajustem tudo isso aí,ok? Tem que ficar certinho de acordo com o theme.

/*** páginação ***/ AQUI VEM O CÓDIGO DA PAGINAÇÃO QUE FICA NO CSS. PESQUISE E PROCURE ESTILOS QUE TE SATISFAZEM /*** notes ***/

AQUI VEM O CÓDIGO DOS NOTES QUE FICA NO CSS.PESQUISE E PROCURE ESTILOS QUE TE SATISFAZEM

Também no theme haverá um menu,ou seja, os links de navegação

/*** menu ***/ AQUI VEM O CÓDIGO DO MENU QUE FICA NO CSS. PESQUISE E PROCURE ESTILOS QUE TE SATISFAZEM

Finally, acabamos o CSS. É claro que ainda falta você colocar os códigos de estilos e tal... mas acabou a explicação.

Começamos,então, o corpo do texto,ou seja, <body> </body>. E também, ao mesmo tempo, terminamos o CSS

</style> </head> <body>

E é claro.. fica pro próximo tutorial.

NÃO SE ESQUEÇAM DE CREDITAR (bestmemorie-s / goodthemesforu. O TUTORIAL É FEITO TOTALMENTE POR MIM! AAAI SE EU PEGAR ALGUÉM COPIANDO

DA LIKE ♥ SE ESSE TUTORIAL TE AJUDOU

#tutos #tutoriais #theme do zero #themedozero3

Theme do zero #2

Parei o tutorial no começo do theme...ok. Vamos continuar.

Faremos o CSS agora (entre <style> e </style>, lembram?). Comece assim:

<style>

body {color: #COR DO TEXTO; background:#COR DO BG; font-family:NOME FONTE;font-size:TAMANHO DA LETRApx;}

/***Links***/

a {color:#COR DOS LINKS DO THEME;text-decoration:none;}

a:hover {color:#COR DOS LINKS QUANDO PASSA O MOUSE;}

Agora vou explicar esse código acima.

Primeiramente: quando eu escrever com letras maiúsculas e deixar em negrito, você deve substituir por aquilo que peço. Por exemplo: "color: #COR DO TEXTO;" em COR DO TEXTO você deve substituir pelo código da cor do texto que você deseja e substituir SOMENTE o que está em negrito e em letras maiusculas,ok?

>>aqui<< esta a lista de códigos das cores. Escolha o código da cor que deseja > exemplo: #000 e insira no código do theme sempre assim #000px; (entre # e px). prestem atenção!

hover significa o que vai acontecer quando você passa o mouse; em "a:hover" , hover significa o que vai acontecer no link quando você passa o mouse... neste caso, mudará a cor.

Colocarei agora negrito, italico, sublinhado e tals. Fica assim:

b {color:COR;}

i {color:COR;}

u {color:COR;}

b significa negrito

i significa itálico

u significa sublinhado

Substituam COR pelo código da cor que deseja (o ideal é que deixem o site com a lista de cores aberto ok?)

E agora vem o blockquote, ou seja, o conteúdo.

blockquote {border-left:4px double #eee; border-top-right-radius: 10px; border-bottom-right-radius: 10px; background: #f8f8f8; padding:3px 3px 3px 8px; margin:3px; }

No blockquote, você coloca qualquer coisa,tipo borda, background, cor, fonte, estilos. Eu coloquei esse código mesmo.

É isso por hoje gente linda rsrs. No próximo tutorial vou continuar.

Ah.. e lembrando: NÃO SE ESQUEÇAM DE CREDITAR (bestmemorie-s / goodthemesforu. O TUTORIAL É FEITO TOTALMENTE POR MIM! AAAI SE EU PEGAR ALGUÉM COPIANDO

DA LIKE♥ SE ESSE TUTORIAL FOI ÚTIL

/fer

#tutos #tutoriais #theme do zero #themedozero2

Sabendo mais sobre as DIVS

Oie galerinha bom eu tinha ensinado , sobre as tags do theme da uma olhadinha (x) .Por que sabe das divs ? Bom as divs são importantes no desenvolvimento do theme .Bora para de bla bla bla ok....

Bom toda vez que tiver uma div assim nos códigos de HTML ta um nome , bora , por um exemplo

coloca entre skyle :vou pegar um tutorial , que tem aqui no fun no caso vai ser um menu vai ser esse aqui.

/*——FEITO POR EVERNINGSTAR/FER —-*/

#Fer{ width:255px; background-color:#fff;font-family:georgia; font-size:7px;opacity:1; text-align:center;padding-top:8px; letter-spacing:1px; text-transform:uppercase; padding-bottom:1px; margin-top:2px; margin-left:-60px; color:{color:sblinks}; }

#Fer a:hover {padding:3px;padding-top:5px; background:#eee;color:#000;font-family:comic sans Ms;font-size:9px;border-radius: px px 50px 50px;}

Esse aqui é depois do <body>

{block:ifLink1}<a href=”{text:Link1}”>{text:Link1 Title}</a>{/block:ifLink1}

{block:ifLink2}<a href=”{text:Link2}”>{text:Link2 Title}</a>{/block:ifLink2}

{block:ifLink3}<a href=”{text:Link3}”>{text:Link3 Title}</a>{/block:ifLink3}

{block:ifLink4}<a href=”{text:Link4}”>{text:Link4 Title}</a>{/block:ifLink4}

</div>

coloca essa parte entre stlyes

/*——FEITO POR EVERNINGSTAR/FER —-*/

#Fer a:hover {padding:3px;padding-top:5px; background:#eee;color:#000;font-family:comic sans Ms;font-size:9px;border-radius: px px 50px 50px;}

e a outra no body

bom as divs ela começa e termina !

a div vc vai usar ela nun tutorial assim

<div id =" colo que aqui qual quer nome que quiser "> , bom gente se você for colocar um nome dentro da div , vocês vão ter que colocar ao mesmo , dos códigos que vc colocou no css isso e importante se não funciona

e mais uma coisa das divs elas sempre começa e sempre termina !

Mais bruna como assim ?

gente e simpre como vocêe vai abri um código e não vai fecha ? vou explicar

<div> começor

</div> fim

bom se algumas divs estiver aberta seu theme vai ficar todo disproporcional ok então e muito importante você você sempre fecha as divs ..

espero qe ajude vocês em breve mais tutorial

tutorial totalmente feito por mim /bru , não copie e nem reblog

#bru #theme do zero #entendendo as divs

•18+ Adults Only

Watch Anya Live on Cam

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.

✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality

Anya is LIVE right now

FREE

Free to watch • No registration required • HD streaming

Theme do zero, centralizado.

Bom, eu irei explicar como fazer um theme do zero, sem appearence, depois eu faço um tutorial de como fazer um theme em appeareance do zero. Então vamos ao que interessa. Você deve começar o theme sempre abrindo a tag html, e consequente será a ultima coisa que você irá fechar. Assim que abrir a tag html, você irá abrir o head. Ficará mais ou menos assim:

#como fazer themes #como fazer theme #theme do zero #cft1 #ramona

Theme do zero #1

Bom, vou ensinar como fazer um theme . Prestem atenção!

Primeiro tenho que explicar algumas tags.

<html> e </html> : É entre isso que fica todo o conteúdo do seu tumblr, sem essas tags o HTML não funciona.

<head> e </head> : Além do CSS ficar aí, normalmente ficam o favicon, o título da página e alguns scripts (menu deslizante,título mexendo na guia, lavamp,etc).

CSS: Define como será a ''aparência'' das sua página , as cores, os links. CSS: entre <style> e </style>

<body> e </body>: Corpo do texto. É aonde fica todo o theme. Aonde fica os banners,as coisas da sidebar, posts, paginação,menu,etc.

div id: É para determinar as posições no html

div class: É para determinar a cor, o tamanho, e decorações de um menu/box/etc.

#... : Aqui vai o código da cor (aqui estão as cores)

...px: É a medida de tal coisa (imagem,menu,etc)

<blablabla>, </blablabla> : a barra "/" antes significa que a tag terminou, e sem a barra que a tag começou.

Sempre um theme será assim (cheio de códigos dentro dessas tags):

Comece assim:

<html> <head> <title>Título aqui</title>

Entre <title> e </title>, escreve o nome do tumblr, o título.

Aí é o começo do theme,não mude nada.

Continuarei no próximo tutorial

NÃO SE ESQUEÇAM DE CREDITAR (bestmemorie-s / goodthemesforu. O TUTORIAL É FEITO TOTALMENTE POR MIM! AAAI SE EU PEGAR ALGUÉM COPIANDO

DA LIKE ♥ SE ESSE TUTORIAL TE AJUDOU

/fer

#theme do zero #tutos #tutoriais #themedozero1

Theme do zero #03 — Criando divs e editando-as —

~clique no canto superior direito do post se estiver na dashboard, e vá até o post do tutorial em nosso tumblr, pois aqui alguns códigos podem ser cortados :( ~

Ok, o QUE É DIV? Div é um elemento que é criado lá no HTML e que é dada a customização no CSS :O olha que legal, haha, é através de divs que você vai dar aquele up no theme, deixá-lo lindo, fazer uma sidebar, deixar os posts bem fodinhas, enfim. Vamos aprender a criar e a editar, é MEGA SIMPLES!!

Quando se trata de divs, há duas formas: class e id.

Class, no HTML: <div class=”nome”></div> Class, no CSS: .nome

ID, no HTML: <div id=”nome”></div> ID, no CSS: #nome

Viu a diferença? Então, todos tem meio que, a mesma função, que é, deixar um elemento editável do HTML no CSS. xP

Mas, tá, o que eu faço dentro de um id ou uma class?!! Bem, você pode pôr links, imagem, texto, enfim, é MEGA simples. #rçrç

Vamos supor que eu vou adicionar uma imagem dentro de um id:

Agora, vamos adicionar um texto:

<DIV ID="NOMEDOID">CONTEÚDO</DIV>

Certo, pode adicionar o que quiser, okay?! (<a href=”link”>nome</a>) Essa é a propriedade do link xP

Bemmmmm, agora, você pode editar o id do jeito que quiser no CSS (gente, lembrem que: com class é a MEEESMA coisa só que ao invés da cerquilha ponha o ponto.) okay, no CSS o meu id vai ficar assim:

#nomedoid {conteúdo}

Fim. Ali você pode customizar como quiser, criar uma caixinha pra deixar o elemento dentro, enfim, fazer algo legal, vai da tua criatividade.

Para editar a imagem é só pôr:

#nomedoid img {conteúdo}

Fim. Haha, ali você define tamanho em altura, largura, borda O QUE QUISER. Para ajustar os links é só fazer o seguinte:

#nomedoid a {conteúdo}

Certo, é isso, é bem simples mesmo, viram como é completamente fácil? É só usar a criatividade e pesquisar tutoriais bem legais que possam te ajudar com o que necessita criar! Aguarde o próximo tutorial e aprenda a criar suas próprias tags dos posts. xoxo! :*

#themetuto #vivi #vivs #vi #theme do zero #parte 3