26 janeiro 2013

Noções de HTML IV: Resumo da personalização

Tumblr_mgdnro47ce1rfsn7io3_500_large
O 'Noções de HTML' estava ajudando muitas pessoas, então decidi continuar :)
Depois de criar um layout básico vamos á personalização do modelo. 
Preparei um resumo para vocês se virarem na hora e criarem a sua própria div de html! 
Tag:
A maioria das vezes que você vai personalizar alguma coisa, procura pela tag ]]><b:skin>.
Dependendo de qual div você irá usar, irá procurar por outras tags especificamente, mas isso não importa agora. 
Códigos representativos: 
h1 - Título do blog ( <Group description="Blog Title" selector=".header h1">)
h2 - Data do post ( "Date Header" selector=".main-inner h2.date-header")
h3 - Título do post ( h3.post-title {)
h4 - Comentários (#comments h4)
Cores:
As cores são coisas que você vai usar muito. O nome do código delas é código 'hexadecimal'. É aquele simples que tem um # e mais seis letrinhas (hexa). 
Você pode encontrar tabela de cores...
(www) (www) (www)
Personalização da postagem:
A parte do post começa á partir da tag h3. A fonte do título é representada pelo  <Variable name="post.title.font" description="Font" type="font"
Mais em baixo, encontramos o background do post, que geralmente é um fundo branco. 
Tags dicas na hora de personalizar:
Tipos de linhas/bordas:
Solid - normal;
Dashed - tracejada;
Double - dupla;
Dotted - pontilhada;
------------------------------------------------------------
Texto:
uppercase - todas as letras em maiúscula;
lowercase - todas as letras em minúsculo;
none - letras com formatação padrão;
capitalize - primeira letra das palavras em maiúsculo e demais eu minúsculo. 

Por enquanto é só :)
xoxo

Um comentário :

  1. adoro esse tipo de tutorial que ensina o leitor a mexer com HTML ao invés de falar pra "colar acima daquilo" <33
    gosti demais do post
    http://risosshi.blogspot.com.br/

    ResponderExcluir

Comentários anônimos são aceitos apenas para elogios ou perguntas;
Deixe o link do seu blog para eu retribuir seu comentário;