Seguidores

Pesquisar este blog

sábado, 30 de junho de 2012

2

Colocando separador abaixo do titulo do blog

Separador abaixo do titulo do blog também chamado de linha de separação é um ótima dica para aqueles que usam templates que ainda não tenha esta configuração.

Colocar uma linha tracejada abaixo do titulo do blog ou inserir divisória no titulo do blog é algo simples siga os passos abaixo:

Exemplo de linha para dividir o titulo das postagens:



Entre nas configurações do seu blog e vá para opção Editar Html >>Expandir modelo de Widget e faça o Beckup do seu template.

Agora procure este código:
 
<div class='post-header'>

E logo acima dele cole:

<div style="border-top: 1px dashed #1919dd"></div>


Para entender melhor como personalizar a linha de separação do blog

(1px) - define a espessura da linha
(dashed) - é onde você configura o style da linha se ela vai ser tracejada ou não
(#1919dd) aqui você define a cor a linha

Para editar o tipo de linha que vai usar segue os dados:

Style

none:    para ocultar a borda
solid:    colocar uma borda contínua
double: inserindo uma borda dupla
groove: colocando uma borda aparecera entalhada
ridge:    a  borda aparece em ressalto
dotted:  este é para borda pontilhada
dashed: é para borda tracejada
inset:     colocar borda em baixo relevo
outset:   inserir borda em alto relevo

Coloque qualquer destes valores acima bem no lugar que esta em azul no código para mudar o style da linha:

<div style="border-top: 1px dashed #1919dd"></div>
<div class='post-header'>

Procure na internet por (tabela de cores hexadecimal) que vai encontrar diversas tabelas e cores para seu blog.

Para personalizar a cor escolha a cor que ficar melhor para seu blog e copie o código e insira no lugar que esta na cor azul

<div style="border-top: 1px dashed #1919dd"></div>
<div class='post-header'>

Pronto agora é só salvar e vizualizar..

sexta-feira, 29 de junho de 2012

0

Texturas de Luz






Tem tempo que não trago texturas de luz pra vocês, não? Trouxe algumas que achei legais e que podem ser úteis em alguma criação. Se tiverem preferências, é sempre bom avisar.

A primeira foto é sempre sem a textura e a segunda com.

Bjs















Textura 1 - Aqui















Textura 2 - Aqui















Textura 3 - Aqui















Textura 4 - Aqui















Textura 5 - Aqui














Textura 6 - Aqui

quinta-feira, 28 de junho de 2012

3

Divisória entre post e sidebar



Ola meus fofuxos!!! Hoje trago o tuto de como colocar divisória entre o post e a sidebar, é bem facil e acho que iram gostar. Okay, vamos comesar  

Acho que é isso né..Vamos ao tuto então..



Vá em Design  > Editar HTML  > Aperte CTRL+F e procure por:

.main-inner .column-center-inner {

E após a chave cole o seguinte código:

border-left: 2px dotted #000000;

Altere da forma que quiser..

Border-left > é a borda do lado esquerdo

Border-right > é a borda do lado direito

2px > é o tamanho da borda (largura)

dotted > é o modelo da borda

e por fim #000000 é a cor da borda

Código da Cores aqui


Outros modelos de borda (o nome da borda é o que esta em rosa)

border: 2px outset #ff5e9f

border: 3px inset #FFFF99

border: 4px ridge #46c74e

border: 3px groove #eded58

border: 4px double #FF0000

border: 1px solid #ed574c

border: 2px dashed #6a55ed

border: 2px dotted #919191

Qualquer dúvida pergunta aeeee 

quarta-feira, 27 de junho de 2012

0

Fontes


 Oiiii! Trouxe algumas fontes para vocês, as melhores que tenho no pc. Clique na imagem pra baixar.





terça-feira, 26 de junho de 2012

0

Mais imagens para afiliados - 40 x 40

Ola! Trouxe algumas imagens para afiliados no tamanho 40 x 40. As primeiras são da Taylor Momsen.




Beijos


LinkWithin

Related Posts Plugin for WordPress, Blogger...