12 outubro 2012

Tutorial: Arredondando bordas.



Dsc04755_ayasemiyu_large
















Oii meus docinhos hoje vou realizar pedido de uma garotinha,vai ser como arredondar bordas. Vamos lá?




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>

visualize se der tudo certo, salve (:

Seus merecidos créditos :  http://isjackiezzdream.blogspot.com.br

Um comentário:

  1. Olá amei muito o tutorial, obrigada, foi exatamente oque eu pedi.

    ResponderExcluir

/*MENU COMEÇA AQUI*/ /*MENU TERMINA AQUI*/