♦ Tutorial ~ Título do Gadget em Caixas

Hey
*blogueiro deprimido*
 será que só eu tinha que ficar deprê nesse feriado??? Aii, é muito chato!!! Ainda bem que estou assistindo a Noiva Cadáver para me animar, Tim Burton é muito foda néh???

 Pois bem, finalmente voltei com um tutorial.Eeeeeehhhhh
 Não é do PhotoScape, mas é um tutorial muito legal. É "Como Deixar o Titulo do Gadget em uma Caixa", meio grande a explicação, mais é isso mesmo.
Exemplo

 Vamos aprender??? É bem fácil.


 No seu painel vá em.
 Layout Adicionar um Gadget  HTML/JavaScript

E cole este código

<style>
.sidebar .widget {
padding: 10px;
margin-bottom: 50px; /*Espaço entre um gadget e outro*/
}
.sidebar .widget h2 {
background: #000; /*Cor do fundo do título*/
width: 150px; /*Largura do fundo, aumente se precisar*/
font-family: Verdana; /*Fonte do titulo*/
font-size: 14px; /*Tamanho da fonte*/
font-weight: normal;
line-height: 14px; /*Altura da linha, coloque o mesmo que o tamanho da fonte*/
margin-top: -25px; /*Quantos pixels o título "sobe"*/
margin-left: -10px;
padding-left: 5px;
box-shadow: 1px -1px 2px #9a9a9a;
-webkit-box-shadow: 1px -1px 2px #9a9a9a;
-moz-box-shadow: 1px -1px 2px #9a9a9a;}
</style>

 O Gadget já é alto explicativo, então não tenho nada a ensinar.


 Apenas preciso deixar essa tabela de cores MxStudio

Obrigado e até a próxima
Peçam tutoriais

12 comentários:

  1. Ixi nem explico :/ nem da pra usar ...

    ResponderExcluir
  2. Ahhh esse é mais fácil do que os outros, embora eu prefira outros -QQQ
    Sei lá, em gadget é mais fácil HUASHSUASAHSHAUSH Um dia eu testo ele U_Ú
    ~E Victoria, é auto explicativo sim, nem le o negócio e vai reclamar? U_U~

    Kissus Kissus *-*

    ResponderExcluir
    Respostas
    1. Esse é bonzinho também, e o melhor é que é bem fácil.

      Excluir
  3. Eu acho suuper fofo o jeito que fica! É muito simples e charmoso :3
    Adorei o tuto! ^3^

    Wonderland?

    ResponderExcluir
    Respostas
    1. É lindo esse jeito, principalmente com cores claras.
      #FicaShow

      Excluir
  4. *u* Amei o tuto! Já sabia, mas é sempre bom relembrar!
    Éh, eu queria pedir um tuto! \õ
    Eu queria saber como fazer um contorno bem feito e bonito em um png.
    Sem brilho, sem nada! Só um contorno igualzinho o png!
    Quando postar avisa tá?
    Beijos, Annie
    COMPLITRATED >> CLIQUE NO PERFIL E ACESSE!

    ResponderExcluir
  5. os titulos da sua sidebar é imagem?
    se for tem como vc disponiblizar ameii suas sidebar ^^

    ResponderExcluir
  6. Gostei do tutorial e do seu blog!!

    http://www.barbaraalgazi.com/

    ResponderExcluir
  7. Não deu certo e,e e eu não sei porque pois modifiquei apenas o necessario, nem minha irmã ta conseguindo arrumar

    ResponderExcluir