24 outubro 2012

Vários Minis Tutorias para você, vem!

oi gente, queria pedir desculpas por não postar nesses dias, é que eu criei um loja nova de layouts e acessórios (blusas, pelúcias, bolsas). Já esta pronta, se quiser ve-lá, clique aqui (www). Bom agora vem pra cá que tem vários minis tutoriais aqui..

396191_419370514779626_1147383834_n_large

COLOCANDO BORDA NAS IMAGENS DO POST

vá até o seu HTML, e procure por: /* Content 
Assim que achar, cole o código abaixo Acima dele:

/* Imagens
----------------------------------------------- */
.post img  {
border: 3px solid #ff50ff;
}
agora é só editar do jeito que preferir, o que está em roxo é o tamanho a expressura da borda. O que está de laranja é o jeito da borda. E de verde, a cor da borda.
clique em leia mais, veja mais tutoriais


 COLOCANDO FUNDO NO PRIMEIRO GADGET

vá até o seu HTML, e procure por: .sidebar .widget:first-child {
Assim que achar, coloque o código abaixo, abaixo de margin-top:0;
background: #ffbbff;
o que está de verde é a cor do fundo. Também pode ser substituido por imagens é só colocar assim: background: url ("SUA IMAGEM AQUI"); 

COLOCANDO FUNDO NO ULTIMO GADGET

São os mesmos códigos, mas na procura, você vai procurar por: .sidebar .widget:last-child {
e colocar o outro código, o do fundo, abaixo de: padding-bottom: 0;

RETIRANDO A NAVBAR MAIS FÁCIL

Antes era um código muito ruim, se perdia num monte de html's. agora o blogger mudou, para retirar a navbar ficou mais fácil. vamos em Layout, e clique no editar da Navbar. daí, é so clicar em  desativado. e salvar, prontinho, você já tirou a navbar.

Tumblr_lhyhzhiusp1qhr1wlo1_500_large

RETIRANDO POSTAGEM ATOM

procure por: /* Variable definitions 
Acima dele, cole esse código:
.feed-links {
display: none;
invisible:0;
}
pronto, visualize e salve!

SUBINDO OS GADGETS DE PÁGINAS

Procure por: .tabs-inner {
cole o código abaxo, abaixo de padding: 0;
margin-top: -20px;
o que está destacado em negrito, são os pixels que vai subir ou descer a imagem. se voc^trocar o sinal do -20px por 20px, você vai descer o tamanho, se deixar desse jeito, vai subir mais.

visualize e salve!

bom gente, por hoje é só,
Comentem!

16 comentários:

  1. Deby, gostei muito do post, e com certeza irei colocar no top 10 dos post da semana *-* Obrigada por passar la no blog! Você tem facebook/msn? Queria levar um papo com você!

    ResponderExcluir
    Respostas
    1. que bom que você gostou do meu post! fico muito feliz! Obrigada,
      tenho sim, face, me add, está em contatos..

      Excluir
  2. Adoreiiiiiiiii os tutoriaiss são lindos e bem úteis para fazer o layout!

    Cliques no Capricho

    ResponderExcluir
  3. Esses tutoriais são ótimos, eles fazem uma grande diferença na hora de montar o layout .

    Beijos,
    modicesdemenina.blogspot.com

    ResponderExcluir
  4. Oi floor, gostei bastante dos tutoriais (:

    Beijos ;* Jéssika Vitória, do blog: Princesa Descolada

    ResponderExcluir
  5. Gostei dos tutos flor, ficou massa!!

    http://ianapaulinhaaaa.blogspot.com.br/

    ResponderExcluir
  6. Super úteis!! Adoreiii!!
    Bjokas

    http://aprendendoentreamigas.blogspot.com.br

    ResponderExcluir
  7. os tutos são bons,ja estão nos favoritooos
    clica no meu nome e vai no meu perfil!Bjs

    ResponderExcluir
  8. Os tutos são ótimos! Amei!
    Beijos
    universoteengirl-porlarissa...

    ResponderExcluir

Créditos Blog Conectada| www.blogconnectada.blogspot.com - 2014 // Todos os direitos reservados // Para encomendar entre em contato.