Patricia Maria de Jesus Teixeira. Tecnologia do Blogger.

Bordas arredondadas e Área de créditos

Dsc04755_ayasemiyu_large
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+*/


 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;
}
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!

Seguidores

Fofoqueiras Copyright © 2013 - Todos os Direitos Reservados