Haay Fofoquenhas hoje vou ensinar a vocês dois tutoriais super básicos testado no template Viagem. Oprimeiro é como deixar os cantos do template arredondados, deixando seu blog mais meigo e com o aspecto mais cute e o segundo será como criar uma área de créditos/texto no final do template. Veja um exemplo clicando aqui.
Arredondar Área dos post
Vá no seu HTML e cole o código abaixo de> .main-inner .column-center-outer {
-moz-border-radius: 10px; /* Para Firefox */
-webkit-border-radius: 10px; /*Para Safari e Chrome */
border-radius: 10px; /* Para Opera
10.5+*/
-webkit-border-radius: 10px; /*Para Safari e Chrome */
border-radius: 10px; /* Para Opera
10.5+*/
Arredondar Sidebar
Vá no seu HTML e cole o código abaixo de> .main-inner .fauxcolumn-right-outer .fauxcolumn-inner { ( se sua sidebar for à direita)
ou
.main-inner .fauxcolumn-left-outer .fauxcolumn-inner { (se sua sidebar for à esquerda)
-moz-border-radius: 10px; /* Para Firefox */
-webkit-border-radius: 10px; /*Para Safari e Chrome */
border-radius: 10px; /* Para Opera
10.5+*/
Criar área de créditos/texto
Cole o código abaixo acima de> ]]></b:skin>
#footer-wrapper {
background: #FF1493 ; /*** cor do fundo ***/
background-repeat: no-repeat;
z-index: 1000;
height: 20px;
clear: both;
font-size: 90%; /*** tamanho da fonte ***/
color: #fff; /*** cor da fonte ***/
text-align: center; /*** alinhamento da fonte ***/
padding: 5px;
}
background: #FF1493 ; /*** cor do fundo ***/
background-repeat: no-repeat;
z-index: 1000;
height: 20px;
clear: both;
font-size: 90%; /*** tamanho da fonte ***/
color: #fff; /*** cor da fonte ***/
text-align: center; /*** alinhamento da fonte ***/
padding: 5px;
}
Agora cole o seguinte código acima de: </body>
<div id='footer-wrapper'>Heey escreva aqui</div>
0 comentários:
Postar um comentário
Comentem aqui oque voçs acharam,se voçs não Gostaram nem precisa
Comentar,c não irei excluir seu Comentário,Bom beijos e volte Sempre!!
Ass:Pat!