Visualizar

Deixando o blog mais natalino + Bordas arredondas


06 dezembro 2011

24_large

Nada melhor do que efeitos cutes para deixar o blog no clima de natal,não é mesmo? Por isso hoje trago dois scripts para vocês,espero que gostem!

Script Neve Caindo

Esse efeito lindo está sendo usado aqui no blog,para aplica-lo é muito simples: Basta ir no html do seu blog e procurar por <div style, você não irá achar <style> se usa o template travel ou outros mais modernos do blogspot, quando encontrar, você vai colocar esse código acima de style:

<script src="http://static.tumblr.com/8l2gpxb/lcllulgcn/snowstorm.js"></script>

Visualize e se estiver tudo certo,salve!



Papai Noel voando pelo blog

Esse efeito também é muito fofo e está sendo muito usado,para adiciona-lo ao blog é super rápido: Clique em adicionar gadget > Html/JavaSript e adicione o código abaixo:

<script src="http://static.tumblr.com/8l2gpxb/lcllulgcn/snowstorm.js"></script>

Salve e veja se gostou (:

Créditos ao blog:  Menina Cute



Leia mais para saber como deixar o blog com bordas arredondadas nos posts,sidebar e links do rodapé da postagem!



23_large
Eu amei  esse efeito,deixa o blog muito mais moderno!

Perceberam que o blog está com bordas arredondadas na área dos posts,sidebar e nos links dos comentários,tags e enviar postagem (quando passa o mouse). Vamos aprender como faz? Primeiro temos que saber qual é o código usado,que é o abaixo:

-moz-border-radius: 10px; /* Para Firefox */
-webkit-border-radius: 10px; /*Para Safari e Chrome */
border-radius: 10px; /* Para Opera 10.5+*/

Cole ele abaixo de onde você quer arredondar:

Na área dos posts

.main-inner .column-center-outer {

Na sidebar

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {      (Coluna direita)
ou
.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {        (Coluna esquerda)

Nos links do rodapé da postagem 

Pra quem não sabe é nos links dos comentários,tags e enviar postagem,quando você passa o mouse,ele fica arredondado,basta ver aqui no blog. Aqui a coisa complica um pouquinho. Vocês sabem que o fundo desses links aqui no blog é colorido,o tutorial é apenas nesse sentido. Se quiser aprender como deixa-los coloridos,clique aqui e só então ponha em prática o tutorial,ok? 
Se você já tem esse efeito,é o seguinte:

Procure por: .post-footer a{
Ao fechar a última chavinha do código que deixa os links com fundo colorido,cole o código das bordas arredondadas.

12 comentários:

  1. amigaaaaaaa, meu blog mudou de nome e link, comenta e muda o nome nos afiliados???

    antigo tpm
    novo www.palomaecarvalho.blogspot.com

    ResponderExcluir
  2. obrigada, boa sorte no seu próximo designer .. seguindo aqui tmb *-*

    ResponderExcluir
  3. Ahhh esse efeito fica lindinho né?! Gostei bastante!!concerteza vou usar a dica!

    Flor, eu achei seu blog por acaso e adorei e estou seguindo, se puder dar uma passadinha no meu e me seguir tbm, agradeço...é http://ladysfashion-mn.blogspot.com/

    beijjinhos

    ResponderExcluir
  4. EITA...NÃO CONSEGUI BAIXAR ESSA NEVINHA :(
    Pena, achei tão fofo...flor quando vc souber mais coisas de personalizar o blog, ensina?

    beijjos

    http://ladysfashion-mn.blogspot.com/

    ResponderExcluir
  5. eu tô com uma certa preguiça de fazer um lay especial pro natal =x

    ResponderExcluir
  6. Adorei o papai noel voando *o* liinnndo
    Beijos,

    garotambulante.blogspot.com

    ResponderExcluir
  7. Awwwn amei o tutorial *-*
    Tá Rolando um Sorteio no blog Perfeita Teen de um anel “Bigodinho” (mustache!), Participa? http://bit.ly/s9TkcI beijão, http://perfeitateen.blogspot.com/ :*

    ResponderExcluir
  8. flooor..mandei msg errada! hahaha

    sorry...era p um outro blog que estava aberto aqui =p


    o seu eu ja sigo :D
    boa sorte com o sorteio

    bejoooo

    ResponderExcluir
  9. Oie,desculpa a demora para retribuir o comentário.Então flor,adorei sua visita lá no Diário teen e muito obrigado por seguir!Claro que estou seguindo de volta.Beijinhos,Yasmin.
    Diário Teen s2

    ResponderExcluir
  10. Adoro clima de Natal :)
    E as férias também -qq
    http://pinkpimenta.blogspot.com/

    ResponderExcluir
  11. Esse clima natalino é muito bom *-*obrigada por seguir meu blog, já retribuindo!
    babizinha33.blogspot.com

    ResponderExcluir
  12. Muito bom o tuto, mas no meu html eu não consigo achar esse códigos. Oq eu faço!
    Obg!
    www.blogdabiaw.blogspot.com

    ResponderExcluir

Todos os comentários serão respondidos. Obrigada e volte sempre! ✌ ♥