Titulo do tumblr

Home Dash Sobre Blog Ask Us Textos NOME

"Ando com uma vontade tão grande de receber todos os afetos, todos os carinhos, todas as atenções. Quero colo, quero beijo, quero cafuné, abraço ~~apertado~~, mensagem na madrugada, quero flores, quero doces, quero música, vento, cheiros, quero parar de me doar e começar a receber" Caio Fernando Abreu.

Online: - Total:

fulano disse

"Ando com uma vontade tão grande de receber todos os afetos, todos os carinhos, todas as atenções. Quero colo, quero beijo, quero cafuné, abraço apertado, mensagem na madrugada, quero flores, quero doces, quero música, vento, cheiros, quero parar de me doar e começar a receber" Caio Fernando Abreu.

resposta

Parte 01 - Introdução

Antes de tudo, devo lembrar que não é fácil entender de primeira, sim, é muito complicado, por isso deve ter paciência, não pular nenhuma parte desse tutorial, mesmo que ache que já saiba, por que muitas vezes achei que sabia também e só sabia o básico. Fazer theme não é difícil desde que se aprenda direito. Não prometo explicar do jeito certo, vou ensinar como aprendi, por isso se tiver algo errado me avise.

A única coisa que você vai precisar é de abrir o customize no classic e um tumblr de teste:

http://www.tumblr.com/customize-classic/seu-tumblr-aqui

Já com ele aberto, já podemos começar! O código em html é divido em três partes, o <head> o <style type=”text/css”> e o <body>. Todos eles tem o inicio e fim, e funções diferentes, para entender melhor observe:

<html> <- Inicio do código em html <head> <-Inicio de head </head><- Fim de head <style type=”text/css”> <- Inicio do css </style> <- Fim do css <body> <- Inicio de body </body> <- Fim de body </html> <- Fim do código em html

Suas funcões:

Tudo que está entre <head> e </head> contém informações importantes que não pode ficar em <body>. Alguns exemplos como alguns scripts que definem a fonte do theme, o meta, que faz o theme ser configurado pelo appearance, o title, favicon e etc, mais se não sabe o que é isso, não se preocupe, iremos ver com calma.

Tudo que está entre <style type=”text/css”> e </style> define as cores do theme, o fundo, o tamanho das caixas, os titulos dos posts…e etc, ou seja, tudo que sera apresentado no theme, será configurado lá.

O <body> como o nome já diz (body=corpo) é o corpo de theme, tudo que foi configurado no css sera apresentando la, para entender melhor, abra seu customize e cole o seguinte código nele:

<html>

<head>

</head>

</style>

<body>

MEU PRIMEIRO THEME

</body>

</html>

Você viu que o fundo ficou preto, mais aparececeu, agora escreva o que quiser em <body>, já deu pra entender né?

HEAD

Como já disse no inicio, o <head> contém informações importantes que não pode ficar em <body>. Alguns exemplos como alguns scripts que definem a fonte do theme, o meta, que faz o theme ser configurado pelo appearance, o title, favicon e etc. Aqui vou explicar somente o que é title e favicon:

FAVICON E TITULO: Favicon é aquela imagem que fica la em cima no seu navegador e o titulo são as palavras que ficam do lado do favicon como no exemplo:

Mais o titulo e o favicon só irão aparecer se você colocar os devidos códigos em <head>

Existe duas formas de apresentar o titulo e o favicon:

FAVICON:

A primeira forma é a padrão do tumblr, dessa forma irá aparecer a foto que fica na dash de que usar o theme:

Ex: <link rel=”shortcut icon” href=”{favicon}”/>

A segunda forma é a que você pode colocar a imagem:

Ex: <link rel=”shortcut icon” href=”LINK-DA-IMAGEM”/>

O TITULO

A primeira forma também e a padrão do tumblr, irá aparecer automaticamente o nome do tumblr de quem está usando o theme, se for fazer um theme para disponibilizar, sempre coloque assim, pois não é todo mundo que vai saber mudar:

Ex: <title> {title} </title>

E a segunda é o que você quiser:

Ex: <title> Escreve o que quiser aqui </title>

Agora vá no customize, com aquele primeiro código que pedi para colar para entender o que é <body>, coloque o código do titulo e do favicon que preferir em <head>, de preferencia o que não for padrão do tumblr para você ver a diferença, depois salve, abre a página e veja. Não apague o código depois pois mais na frente iremos precisar dele.

Continua… No próximo tutorial você irá aprender o css e o html básico.

– Texto em 03-04-2012 | 41 notes - Reblog

Gostou de theme? Que bom :D Só peço que não retire meus créditos, beijos Malu :*

– Texto em 11-10-2011 | 8 notes - Reblog

– Foto em 11-10-2011 | 17 notes - Reblog | Tags: #teste

Página 1 de 7 1 2 3 4 5 6 7 »