Theme do zero #3
Voltando ao tutoriaaal! Continuando agora com a barra de rolagem,ou seja, a barra no lado direito que você move pra cima ou pra baixo para ver o site.
::-webkit-scrollbar {width:7px;height:auto;background: #fdfdfd;border-bottom:none;} ::-webkit-scrollbar-button:vertical {height:2px;display:block;} ::-webkit-scrollbar-thumb:vertical {background-color: #f3f3f3;}
Agora que eu ja ensinei sobre como substituir as cores, não vou mais escrever AQUI VOCÊ COLOCA TAL COISA porque agora todos sabem já, exceto se for mesmo necessário, tudo bem? Então, coloquem o código da cor que desejarem.
Ah e uma coisa importante: vai ter coisas que eu não vou colocar aqui ta? Tem coisas que são disponibilizadas no tumblr e depende do seu desejo. Por exemplo: paginação, estilo de note, etc. Não colocarei estilos, só vou ensinar como coloca e tals.
Como eu disse acima, não colocarei estilos nem nada, só alguns codigos:
/*** tamanho e posição da pagina ***/ #content {width: 900px; margin-top: 0px; margin-right: auto; margin-bottom: 50px; margin-left: auto;} /*** tamanho e posição dos posts ***/ #post {top: 90px; left: 450px; width:562px; position: absolute;} /*** tamanho e posição da sidebar ***/ #sidebar {width:300px; text-align: justify; float: left; position: fixed; margin-top: 150px; left:120px;} /*** caixas dos posts e sidebar ***/ .caixa {background: #FFF; padding: 5px; margin-bottom: 1px; left:110px;} .caixasidebar {background: #FFF; padding: 5px; margin-bottom: 7px; left:10px;}
Ajustem tudo isso aí,ok? Tem que ficar certinho de acordo com o theme.
/*** páginação ***/ AQUI VEM O CÓDIGO DA PAGINAÇÃO QUE FICA NO CSS. PESQUISE E PROCURE ESTILOS QUE TE SATISFAZEM /*** notes ***/
AQUI VEM O CÓDIGO DOS NOTES QUE FICA NO CSS.PESQUISE E PROCURE ESTILOS QUE TE SATISFAZEM
Também no theme haverá um menu,ou seja, os links de navegação
/*** menu ***/ AQUI VEM O CÓDIGO DO MENU QUE FICA NO CSS. PESQUISE E PROCURE ESTILOS QUE TE SATISFAZEM
Finally, acabamos o CSS. É claro que ainda falta você colocar os códigos de estilos e tal... mas acabou a explicação.
Começamos,então, o corpo do texto,ou seja, <body> </body>. E também, ao mesmo tempo, terminamos o CSS
</style> </head> <body>
E é claro.. fica pro próximo tutorial.
NÃO SE ESQUEÇAM DE CREDITAR (bestmemorie-s / goodthemesforu. O TUTORIAL É FEITO TOTALMENTE POR MIM! AAAI SE EU PEGAR ALGUÉM COPIANDO
DA LIKE ♥ SE ESSE TUTORIAL TE AJUDOU