Jornal Códigos css para Style


Por: ~


Olá Little buddies, bem, aqui em baixo eu vou deixar alguns códigos que eu encontrei internet afora para editar seu style. Eu não sei exatamente quando e onde eu encontrei esses códigos, então, se tiverem os créditos aí com vocês, não se esqueçam de avisar c:


Barra de rolagem:
Colocar a barra de rolagem é simples.
Aperte Ctrl + F e procure pela tag #base{
Cole o código abaixo da mesma como mostra a imagem :: c:

::-webkit-scrollbar-thumb:vertical {
background: #xxx; /*Cor da barrinha que se move*/
border: 1px solid #xxx; /*Coloque borda se quiser*/}
::-webkit-scrollbar-thumb:horizontal {
background-color:#xxx; /*Cor da barrinha que se move*/
border: 1px solid #xxx; /*Coloque borda se quiser*/}

::-webkit-scrollbar {
width:10px; /*Largura da barra de rolagem*/
background: #xxx; /*Cor da parte fixa, que fica no mundo*/
border: 1px solid #xxx; /*Coloque borda se quiser*/
}
Os #xxx representam as cores, aqui vocês conferem uma tabela de cores online

No final, se tudo tiver dado certo, salve, e deverá ficar assim :: x)

Girar avatares::
Procurem pelo “Estilo do Menu Direito do Site” e colem o código abaixo do “}”
Dessa forma :: s2

.boxMenuDireito img {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: transform 1s;
-moz-transition: transform 1s;
-o-transition: transform 1s;
transition: transform 1s;
}

.boxMenuDireito img:hover {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: transform 1s;
-moz-transition: transform 1s;
-o-transition: transform 1s;
transition: transform 1s;
}

Se tudo der certo, deverá ficar assim :: :D
Apenas lembrando que apenas girará quando você colocar o mouse por cima

Enviar o #nav para cima::

Colem o código abaixo do #cimaLogo, dessa forma:: 'u' #nav>ul {
left:-2px;
Top:-XXXpx;
}
O –XXXpx indica quanto para cima o #nav ficará, por exemplo, se o seu cimaLogo tive 350 de altura (o que no caso é o limite), você deverá colocar -350px.
O mesmo para outros tamanhos
O meu no caso é 240. :: =x

Esses são apenas alguns códigos que vocês podem usar na personalização de seus styles. Tudo isso para deixa-lo mais agradável.

Qualquer dúvida, erro ou algo do tipo, usem os comentários porque eles estão aqui para isso
Espero ter ajudado ;)

Não sei se ficou muito bem explicado,mas eu tentei :p

Bjks de Luz na alma

And Remember
Humans Aren't Real


Gostou da Jornal? Compartilhe!

Gostou? Deixe seu Comentário!

Muitos usuários deixam de postar por falta de comentários, estimule o trabalho deles, deixando um comentário.

Para comentar e incentivar o autor, Cadastre-se ou Acesse sua Conta.


Carregando...