sexta-feira, 15 de novembro de 2013

Títulos dos gadgets personalizados 2

-

Yeiiiiiiiiiiiiiii :DD
Finalmente encontrei um tutorial para por gadgets personalizados
de uma maneira mais fácil!!!!!
Também vou tentar experimentar no blog... :3

Para colocá-los basta ir ao esquema e adicionar um novo "html/javascript"



<style>
/*Títulos dos gadgets personalizados by Cat Girl*/
.sidebar h2 {
font-family: trebuchet ms; /* Fonte */
font-style: normal; /* Estilo da fonte, pode mudar para  italic */
font-size: 14px; /* Tamanho da fonte */
text-align: left; /* Alinhamento do texto pode mudar para center ou right */
color: #FFFFFF; /*Cor da fonte*/
background:  #FF69B4; /* Cor do fundo */
padding-left: 12px;
margin-bottom: 5px;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
/*Fim dos títulos dos gadgets personalizados, não retire créditos*/
}
</style>



<style>
/*Títulos dos gadgets personalizados by Cat Girl*/
.sidebar h2 {
font-family: arial; /* Fonte */
font-style: italic; /* Estilo da fonte, pode mudar para normal */
font-size: 14px; /* Tamanho da fonte */
text-align: center; /* Alinhamento do texto, pode mudar para left ou right */
color: #FFFFFF; /*Cor da fonte*/
background:  #FF69B4; /* Cor do fundo */
padding-left: 12px;
margin-bottom: 5px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius100px;
/*Fim dos títulos dos gadgets personalizados, não retire créditos*/
}
</style>


<style>
/*Títulos dos gadgets personalizados by Cat Girl*/
.sidebar h2 {
font-family: verdana; /* Fonte */
font-style: normal; /* Estilo da fonte, pode mudar para italic */
font-size: 14px; /* Tamanho da fonte */
text-align: left; /* Alinhamento do texto pode mudar para center ou right */
color: #FFFFFF; /*Cor da fonte*/
background:  #FF69B4; /* Cor do fundo */
padding-left: 12px;
margin-bottom: 5px;
-webkit-border-bottom-right-radius: 50px;
-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;
/*Fim dos títulos dos gadgets personalizados, não retire créditos*/
}
</style>


<style>
/*Títulos dos gadgets personalizados by Cat Girl*/
.sidebar h2 {
font-family: trebuchet ms; /* Fonte */
font-style: normal; /* Estilo da fonte, pode mudar para italic */
font-size: 14px; /* Tamanho da fonte */
text-align: center; /* Alinhamento do texto pode mudar para left ou right*/
color: #FFFFFF; /*Cor da fonte*/
background:  #FF69B4; /* Cor do fundo */
padding-left: 12px;
margin-bottom: 5px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
/*Fim dos títulos dos gadgets personalizados, não retire créditos*/
}
</style>


Se quiseresm mudar a cor do gadget é só ir aqui.

Créditos: (www)


4 comentários:

  1. Ótimo tutu ! Gostei.

    http://alittlemorethangloss.blogspot.com.br/

    Beijão.

    ResponderEliminar
  2. Muito fácil mesmo adorei mas queria saber como faço para aumentar? a largura?

    ResponderEliminar
    Respostas
    1. A largura supostamente deveria se atualizar com a largura do gadget º-º Tente mudar o nº de px EX: 50 px

      Eliminar