4 de out. de 2013

Fazendo seu layout - parte II

How are you darling?

Olá meus pequenos ʕ•͡ᴥ•ʔ! Eu queria ter postado antes mas queria que o outro post tivesse mais comentários hahaha, eu estou bem animada sabe pois digamos que eu criei coragem e cortei meu cabelo bem curtinho e estou usando ele totalmente crespo! Acho que talvez seja a última vez que eu corte eles assim, não porque eu não gostei, na verdade eu amei porém ele vai ficar do jeito que eu quero quando estiver nos ombros :)

Bom continuando a nossa trilogia sobre layouts, vamos dar continuidade a ele. Hoje eu vou falar sobre cores em um layout, edições e mais de HTML. Clique no botão mágico >.<

Para começar, vou dividir estas três coisas em tópicos para tudo ficar organizado e nada confuso. Vamos começara pela cores.

  • Cores: hoje a grande maioria dos layouts, atualmente, tem se mostrado uma grande diversidade de cores o que tem resultado em diversos layouts, porém ainda há algumas cores que aparecem com bastante frequência e acabam se tornando clichês. Mas quais são elas? As combinações de rosa e roxo e seus diversos tons, com certeza você já deve ter visto diversos layouts com essas duas cores. Por isso acho importante ver qual será o tema principal do layout e após decidir as suas cores, porém nada contra com quem apenas escolhe as cores e depois decide o tema, apenas acho que quando temos um tema definido, fica mais simples e rápido de decidirmos as cores.
  • Edições: cada edição vai de acordo com o tema do seu layout, por exemplo, quando o tema do lay é mais kawaii, geralmente as edições são mais leves e calmas dando um ar sutil ao layout. Outro exemplo, é quando o lay é sobre algum anime ou alguma série de tv (tipo Twd, Tvd entre outras) as edições são mais trabalhadas nos detalhes e com cores bem fortes. Enfim, a parte de edição varia bastante pois depende do tema e das cores do seu layout.
  • HTML: nele aplicamos os menus, efeitos de imagens e elite entre outros detalhes. Normalmente procuramos saber como editá-lo e como mexer nele. Abaixo darei alguns passo e dicas para pode mexer sem se preocupar com algo que der errado.
As edições que fazemos no HTML de um blog, pode ajudar ou estragar um layout pois isso depende muito da maneira que você usa o código e de como entende o que está especificado nele, vamos as dicas!

A maioria dos códigos de efeitos como menus, efeitos de elite de afiliados e imagens são colocados antes desta tag:

Porém, quando não funciona, ficamos pensado "Será que eu perdi tudo ●o●!?", mas não bem assim. As vezes o ]]></b:skin> para de funcionar. Então caso isso aconteça (já aconteceu comigo rçrç) basta colocar as suas edições acima desta tag:

Pronto! Estará tudo resolvido :). Mas temos outras tag que nós personalizamos de acordo com o nosso lay, são elas:
 /* Headings / .main-inner  h2.date-header {


/* Posts / .main-inner .column-center-outer {


/* Posts / h3.post-title {
h3.post-title a {
h3.post-title a:hover {


.main-inner. fauxcolumn/column-right/left-outer {

Enfim meus e minhas amoras, esses são as principais tags que todos nós já personalizamos ou um dia vamos personalizar, claro que existem outras porém essas são as principais que a grande maioria personaliza. Caso eu tenho descrito alguma coisa errada, peço que me avisem até porque eu não sou uma mestre em HTML sou apenas uma iniciante/mediana nesse ramo hahahaha. Bom eu espero que tenho gostado do post e que tenham entendido cada parte dos códigos, e qualquer dúvida é só comentar que eu respondo ok. Para encerrar, semana que vem eu vou falar sobre os elementos de um layout como cabeçalho (seus tipos), imagens (elite, posts e tudo mais) e mais algumas coisas secret shiuuu!, por hoje é lindo até mais! Beijos ~ ♥



16 comentários:

  1. Dicas perfeitas, acho q vou pegar o outro tutu e tentar fazer um lay rs

    -World Of Dreams

    ResponderExcluir
    Respostas
    1. Obrigada Dessa!!
      Beijos flor. Com carinho, amora queen -q

      Excluir
  2. Vou esperar a próxima parte, o tutorial está ficando bem completinho >3<

    Beijos ~
    garotas-cupcakes

    ResponderExcluir
    Respostas
    1. Obrigada Vicky!!!
      Beijos flor. Com carinho, amora queen -q

      Excluir
  3. Não vejo a hora da próxima parte, acabei de conhecer o blog e já estou amando tudo por aqui <3 O tutorial será bem útil para mim que não entendo nada disso u3u
    Beijos || Fairy Falling ~ Blog novo, visita ? ♥

    ResponderExcluir
    Respostas
    1. Haha obrigada May <3! Visito sim ^u^
      Beijos flor. Com carinho, amora queen -q

      Excluir
  4. Gostei do tutorial, estou esperando a próxima parte.

    http://paisdeblogueiros.blogspot.com.br/

    ResponderExcluir
  5. Eu nunca tenho um tema para os meus layouts, nunca mesmo. Nem sei definir o meu atual.
    Adorei este post!
    Super concordo que o HTML pode estragar ou não o visual do blog.
    Não sabia dessa da tag alternativa caso os códigos não funcionem com a outra
    querosabertudo-k.blogspot.com

    ResponderExcluir
  6. É uma boa pedida fazer tutos desse tipo. u_u Quando eu ainda não entendia muita coisa de html eu sempre procurava alguns assim, mas e achar, que é bom? uashuasuh'

    controversias-blog.blogspot.com

    ResponderExcluir
  7. Adorei suas dicas, flor!
    withoutkawaii.blogspot.com

    ResponderExcluir
    Respostas
    1. Obrigada Julie!!!
      Beijos flor. Com carinho, amora queen -q

      Excluir
  8. Gostei do post, é bom dar essas dicas pra quem não sabe e quer aprender um pouco mais de HTML, layouts e etc.

    Beijos,
    http://blog-sapatinho-de-cristal.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Obrigada Bea! É na maioria das vezes achar tutos assim parece um pouco difícil, porém hoje isso esta mudando!
      Beijos flor. Com carinho, amora queen -q

      Excluir
  9. Respostas
    1. Obrigada Lili!!!
      Beijos flor. Com carinho, amora queen -q

      Excluir

Olá amorinha blogueira! Como vai você?
Obrigada por comentar neste bloguito! Ah mas nós temos regrinhas viu ●ω●
- Não xingue ninguém;
- não copie o post;
- não comente no post antes de ler ou só comente "Que legal! Seguindo... segue de volta!", eu sigo mas não venha só comentar isso tá, quero saber a sua opinião amora;

É isso, sintam-se à vontade de falar mas sigam as regras :D
Beijos!

Expresse os seus sentimento!

♥❤∞ ☆ ★ ✖ 。◕‿◕。® ™ ☏✿゚✤
❝❞✥ ✦ ✧ ✩ ✫ ✬ ✭ ✮ ✯ ✰ ✱ ✲ ✳ ❃ ❂ ❁ ❀ ✿✼ ✻ ✺ ✹ ✸ ✷ ₪ ❃ ❂ ❁ ❀ ✿ ✾ ✽ ✼ ✻ ✺ ✹ ✸ ✷
✶ ✵ ✴ ❄ ❅ ❆ ❇ ❈ ❉ ❊ ❋ ❖(◕‿◕✿) 。◕‿◕。 ⊱✿◕‿◕✿⊰(◡‿◡✿)(◕〝◕)◑▂◐ ◑0◐ ◑︿◐ ◑ω◐ ◑﹏◐ ◑△◐ ◑▽◐
●▂● ●0● ●︿● ●ω● ●﹏● ●△● ●▽●
⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙﹏⊙ ⊙△⊙