Menu

Facebook








Mostrando postagens com marcador tutoriais. Mostrar todas as postagens
Mostrando postagens com marcador tutoriais. Mostrar todas as postagens

10 Tutoriais para fazer seu layout

22/12/2014


Olá minhas lindaas, esses dias eu estava em um grupo de blogueiras e postei foto do novo layout e muitas meninas me pediram para ensinar como fazer um layout, e eu fiquei pensando na melhor forma possível de ensinar, mas em um post só não vai dar, então decidi que vou fazer vários posts sobre isso. Hoje eu trouxe 15 tutoriais bem úteis para usar no seu blog.
Gente, vale lembrar que a melhor forma de aprender é testando em um layout em um blog de testes, sempre procurando tutoriais para o que você quer aprender, foi dessa forma que eu "aprendi", e sem falar que facilita muito usar um layout free como base e editar (mas se você fizer isso, não deve retirar os créditos em hipótese nenhuma, afinal a base não é sua) ou um layout base mesmo, ai você aplica os tutoriais que quer nele e aos poucos vai ficando da sua cara..
Como eu disse meninas, esse é o primeiro dos posts que eu vou fazer, e aos poucos vocês vão conseguir fazer seu layout, espero que tenham gostado , beijos.

Tutorial: Seleção Colorida

29/11/2013

Hoje o post é um tutorial ensinando como colocar seleção colorida no seu blog, é bem simples e eu acho que deixa o blog bem legal e tal's, claro que nem todo mundo gosta, mas se você quer aprender não deixe de ler o post todo, é muito fácil ;

O que é Seleção Colorida?

Sabe quando você vai copiar alguma coisa no blog, primeiro você tem que selecionar o conteúdo que deseja , sempre fica azul a parte selecionada né? Porém, alterando os códigos você pode deixar a parte selecionada com a cor que quiser,e é  um charme. Se ainda sobrou dúvida basta selecionar alguma coisa do meu blog e ver como é , ou veja essa foto  

Como fazer :


1. Vá em Modelo > Editar HTML

2. Aperte Ctrl + F e procure por : 
]]></b:skin>
3. Copie o código abaixo e cole acima do código procurado :


::-moz-selection {
background:#FFB5C5; /*Cor do fundo
*/
color:#FFFAFA; /*Cor da fonte
*/
}
::selection {
background:#FFB5C5;/*Cor do fundo
*/
color:#FFFAFA; /*Cor da fonte*/

}

 Os destaques em rosa servem para dizer á que lugar a cor esta se referindo (no caso background ou fonte) para mudar a cor basta alterar esses códigos da cor preta que começam com # pela cor que realmente deseja, veja a tabela de cores aqui. Qualquer dúvida ou se não conseguirem podem me chamar, espero ter ajudado e até o próximo post !