Códigos css para Style


Postado

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...