Curtam a pagina do Maravilhas ao Contrario no Facebook ---> Clique aqui
Oiie' lindeezaas, Pra encerrar a noite um tutorialzinho supeer' fácil, que tal colocar no seu blog uma Barra de Rolagem colorida, olhem só como se faz:
Vá no painel do Blogger, depois clique em MODELO,no menu vertical, que aparece no lado esquerdo da tela,clique no botão Editar HTML que fica embaixo da miniatura do seu blog , clique em prosseguir no aviso que aparecer,aperte CTRL+F, procure por ]]></b:skin> e cole ANTES esse código:
/*** Rolagem da Vertical da Página ***/
::-webkit-scrollbar-thumb:vertical {
background: #ff0f72; /*Cor da barrinha que se move*/
border: 1px solid #bgh; /*Coloque borda se quiser*/
height:50px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
/*** Rolagem da Horizontal da Página***/
::-webkit-scrollbar-thumb:horizontal {
background-color:#ff0f72; /*Cor da barrinha que se move*/
border: 1px solid #bgh; /*Coloque borda se quiser*/
height:10px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
/*** Parte fixa da rolagem (fundo que não se move) ***/
::-webkit-scrollbar {
height:10px;
width:15px; /*Largura da barra de rolagem*/
background: #000000; /*Cor da parte fixa, que fica no mundo*/
border: 1px solid #bgh; /*Coloque borda se quiser*/
}
Onde ta marcado em verde é onde você pode fazer as alterações, e pra ajudar na escolha das cores, você pode usar as tabelas que eu tenho postado aqui, e pra ajudar mais ainda trouxe uma tabela extra pra vocês, olhem :
Cor | Código Java | Código HTML |
Coral1 | 255 114 86 | #FF7256 |
Coral2 | 238 106 80 | #EE6A50 |
Coral3 | 205 91 69 | #CD5B45 |
Coral4 | 139 62 47 | #8B3E2F |
Tomato1 | 255 99 71 | #FF6347 |
Tomato2 | 238 92 66 | #EE5C42 |
Tomato3 | 205 79 57 | #CD4F39 |
Tomato4 | 139 54 38 | #8B3626 |
OrangeRed1 | 255 69 0 | #FF4500 |
OrangeRed2 | 238 64 0 | #EE4000 |
OrangeRed3 | 205 55 0 | #CD3700 |
OrangeRed4 | 139 37 0 | #8B2500 |
Red1 | 255 0 0 | #FF0000 |
Red2 | 238 0 0 | #EE0000 |
Red3 | 205 0 0 | #CD0000 |
Red4 | 139 0 0 | #8B0000 |
DeepPink1 | 255 20 147 | #FF1493 |
DeepPink2 | 238 18 137 | #EE1289 |
DeepPink3 | 205 16 118 | #CD1076 |
DeepPink4 | 139 10 80 | #8B0A50 |
Espero que ajude, bom,acho que vocês já sabem o que fazer né ?, é só copiar o código correspondente a sua plataforma e pronto, como é mais comum vocês usarem o Blogger copiem o código HTML, deem uma olhada antes de salvar pra se certificar que ta tudo certo, beijinhos, ah ! segue abaixo o link das tabelas que eu já postei aqui pra vocês pegarem os códigos:
Beeeeeeeeeeeeeeeeeeeeeeeeeeeeijos' :*
Nenhum comentário:
Postar um comentário
Comenta vaai , mas antes de comentar leia essas regrinhas aqui :
* Não aceito comentários de seguindo ,segue de volta , esse tipo de comentário vai ser friamente ignorado !
* Deixe o link do seu blog , pra eu poder retribuir seu comentário.
*Sem ofensas por favor , esse blog é de família !
*Pode comentar como anônimo mesmo .
*Antes de comentar pelo menos saiba do que se trata o post !
Leu ? , então agora comenta , ah , não se esqueça , todos os comentários são respondidos !