Tutoriais Básicos #2

Bom Dia!!! As postagem esta com um bom intervalo de tempo entre uma e outra, mas mesmo que demore eu vou estar sempre postando tutoriais por aqui <3 Então se você viu algum menu/efeito em algum lugar e não sabe como fazer você pode pedir por comentário um tutorial que eu vou ter o prazer de faze-lo o mais breve possível.

Hoje temos mais dois tutoriais básicos que ajudam na hora de você preparar o seu layout, são bem simples de fazer e dão um toque especial ao seu lay.

1. Seleção de Texto Personalizada
1° Passo: Vá em Modelo > Editar HTML.
2° Passo: Procure por(Usando Ctrl+F): ]]></b:skin>
3° Passo: Cole acima de "]]></b:skin>" o código abaixo:
/**Seleção de Texto Personalizada por myfluffyrainbow.blogspot.com **/
::-moz-selection {
background: #00000; /* Cor do Fundo */
color: #fff; /* Cor do Texto */
}
::selection {
background: #00000; /* Cor do Fundo */
color: #fff; /* Cor do Texto */
}
/**Seleção de Texto Personalizada Fim por myfluffyrainbow.blogspot.com **/
4° Passo: Salve as Alterações e Pronto sua Seleção de Texto esta Personalizada.

2. Barra de Rolagem Personalizada
1° Passo: Vá em Modelo > Editar HTML.
2° Passo: Procure por(Usando Ctrl+F): ]]></b:skin>
3° Passo: Cole acima de "]]></b:skin>" o código abaixo:
/**Barra de Rolagem Personalizada por myfluffyrainbow.blogspot.com **/
::-webkit-scrollbar { /**barra de rolagem vertical**/
width:10px; /**largura**/
height:auto;
background: #00000; /**cor de fundo**/
height:5px; /**altura**/
}
::-webkit-scrollbar-thumb{ /**barra de rolagem horizontal**/
background:#00000;/**Cor da barra**/
border-radius:5px;/**arredondar**/
height:5px;/**altura**/
}
/**Barra de Rolagem Personalizada Fim por myfluffyrainbow.blogspot.com **/
4° Passo: Salve as Alterações e Pronto sua Seleção de Texto esta Personalizada.

Bom espero que tenham gostado e que usem bastante *--*

Um comentário:

  1. Adoro esses codigos, uso sempre :3

    Bjs
    http://bunny-animesespectaculares.blogspot.pt/

    ResponderExcluir