The Moon Reverse ミ✩: Modelos para sidebar (03)

17 de abril de 2014

Modelos para sidebar (03)

Boa noite, docinhos (=^-ω-^=)☆ Mil desculpas pela minha ausência essa semana, eu passei tempos em tempos estudando, as vezes respondia as perguntas da ask, mas era difícil pelo aplicativo mobile, mas estou de volta, agradeçam ao feriado q Mas enfim, por hoje trouxe quatro modelinhos para sidebar, na verdade são apenas um, o que muda neles são as cores do título, que aliás foi o que mais me pediram em relação à modelos para sidebar; o título de acordo com os pedidos feitos na ask, teriam que ao menos ser em gradiente, e foi o que fiz. Fiz os títulos nas cores rosa, azul, roxo e verde, as mais comuns e as que eu acho mais fofinhas, não é? Espero que gostem principalmente os que pediram! Creditem com link de redirecionamento ao blog! *u*

(Modelo 01): Troque o código do .sidebar .widget { pelo do quote abaixo.
.sidebar .widget{
background-color: #fff;
border: 1px solid #eaeaea;
border-bottom: 3px solid #e4e4e4;
padding: 4px 4px;
color: #c4c2c2;
text-align: justify;
font: normal normal 11px 'Trebuchet MS', Trebuchet, sans-serif;
margin-bottom: -26px;
}
.sidebar .widget h2{
padding: 2px 5px 2px 4px;
letter-spacing: .1em;
margin-bottom: 4px;
font: normal normal 11px 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
text-transform: lowercase;
color: #fff;
text-shadow: 1px 1px 0 #ffdbe3;
border: #ffd6de 1px solid;
box-shadow: inset 1px 1px 0 #fff5f7;
background: #ffe2e8;
background: -moz-linear-gradient(top,  #ffe2e8 0%, #fff2f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe2e8), color-stop(100%,#fff2f4));
background: -webkit-linear-gradient(top,  #ffe2e8 0%,#fff2f4 100%);
background: -o-linear-gradient(top,  #ffe2e8 0%,#fff2f4 100%);
background: -ms-linear-gradient(top,  #ffe2e8 0%,#fff2f4 100%);
background: linear-gradient(to bottom,  #ffe2e8 0%,#fff2f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe2e8', endColorstr='#fff2f4',GradientType=0 );
}


 
(Modelo 02): Troque o código do .sidebar .widget { pelo do quote abaixo.
.sidebar .widget{
background-color: #fff;
border: 1px solid #eaeaea;
border-bottom: 3px solid #e4e4e4;
padding: 4px 4px;
color: #c4c2c2;
text-align: justify;
font: normal normal 11px 'Trebuchet MS', Trebuchet, sans-serif;
margin-bottom: -26px;
}
.sidebar .widget h2{
padding: 2px 5px 2px 4px;
letter-spacing: .1em;
margin-bottom: 4px;
font: normal normal 11px 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
text-transform: lowercase;
color: #fff;
text-shadow: 1px 1px 0 #bfcdd9;
border: #c7d4df 1px solid;
box-shadow: inset 1px 1px 0 #f2f5f7;
background: #d0dbe4;
background: -moz-linear-gradient(top,  #d0dbe4 0%, #e8edf2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0dbe4), color-stop(100%,#e8edf2));
background: -webkit-linear-gradient(top,  #d0dbe4 0%,#e8edf2 100%);
background: -o-linear-gradient(top,  #d0dbe4 0%,#e8edf2 100%);
background: -ms-linear-gradient(top,  #d0dbe4 0%,#e8edf2 100%);
background: linear-gradient(to bottom,  #d0dbe4 0%,#e8edf2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0dbe4', endColorstr='#e8edf2',GradientType=0 );
}


(Modelo 03): Troque o código do .sidebar .widget { pelo do quote abaixo.
.sidebar .widget{
background-color: #fff;
border: 1px solid #eaeaea;
border-bottom: 3px solid #e4e4e4;
padding: 4px 4px;
color: #c4c2c2;
text-align: justify;
font: normal normal 11px 'Trebuchet MS', Trebuchet, sans-serif;
margin-bottom: -26px;
}
.sidebar .widget h2{
padding: 2px 5px 2px 4px;
letter-spacing: .1em;
margin-bottom: 4px;
font: normal normal 11px 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
text-transform: lowercase;
color: #fff;
text-shadow: 1px 1px 0 #d8cbd6;
border: #ded6dd 1px solid;
box-shadow: inset 1px 1px 0 #f7f4f6;
background: #e8e1e7;
background: -moz-linear-gradient(top,  #e8e1e7 0%, #f4eff3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e1e7), color-stop(100%,#f4eff3));
background: -webkit-linear-gradient(top,  #e8e1e7 0%,#f4eff3 100%);
background: -o-linear-gradient(top,  #e8e1e7 0%,#f4eff3 100%);
background: -ms-linear-gradient(top,  #e8e1e7 0%,#f4eff3 100%);
background: linear-gradient(to bottom,  #e8e1e7 0%,#f4eff3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e1e7', endColorstr='#f4eff3',GradientType=0 );
}


(Modelo 04): Troque o código do .sidebar .widget { pelo do quote abaixo.
.sidebar .widget{
background-color: #fff;
border: 1px solid #eaeaea;
border-bottom: 3px solid #e4e4e4;
padding: 4px 4px;
color: #c4c2c2;
text-align: justify;
font: normal normal 11px 'Trebuchet MS', Trebuchet, sans-serif;
margin-bottom: -26px;
}
.sidebar .widget h2{
padding: 2px 5px 2px 4px;
letter-spacing: .1em;
margin-bottom: 4px;
font: normal normal 11px 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
text-transform: lowercase;
color: #fff;
text-shadow: 1px 1px 0 #d6e5ac;
border: #d6e5ac 1px solid;
box-shadow: inset 1px 1px 0 #f9ffe8;
background: #e6f1c6;
background: -moz-linear-gradient(top,  #e6f1c6 0%, #f3fcd9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6f1c6), color-stop(100%,#f3fcd9));
background: -webkit-linear-gradient(top,  #e6f1c6 0%,#f3fcd9 100%);
background: -o-linear-gradient(top,  #e6f1c6 0%,#f3fcd9 100%);
background: -ms-linear-gradient(top,  #e6f1c6 0%,#f3fcd9 100%);
background: linear-gradient(to bottom,  #e6f1c6 0%,#f3fcd9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f1c6', endColorstr='#f3fcd9',GradientType=0 );
}

textsms      47 comentários

  1. Méq, sua linda, pare de fazer isso :c {tá, parei.} Tu tem uma vida além do blog, mas :c </3 enfim, amei os modelos *===* quem sabe eu não possa usar no meu próximo layout *u*

    To Queen. ♔ || p-queen.blogspot.com

    ResponderExcluir
    Respostas
    1. Méq TuT Aish, é inevitável </3 Obrigada Giw! ♥

      Excluir
  2. Te desculpamos Sam <3 Enfim, amei os modelinhos, principalmente o rosinha *u*

    darknes ♥

    ResponderExcluir
  3. aaaaaah que perfeitos , vou ate fazer um layout mds mds mds
    Beijos

    cantinhodarebec.blogspot.com.br

    ResponderExcluir
  4. Adorei os modelinhos, amo backgrounds em gradient >3<

    Até mais, www.b-urning.blogspot.com.br

    ResponderExcluir
  5. Boa noite,Mack >3< Eu também estou bem desatualizada,a escola está me matando! Os modelinhos estão lindos,vou usar e claro que vou creditar ~

    Kissus ♥

    ResponderExcluir
    Respostas
    1. Afe, escola sempre atrapalha nesse quesito TmT Awe, obrigada Michi! ♡

      Excluir
  6. Boa noite, nhonho :3 Eu amei, amei, amei, se eu não tivesse acabado de por meu layout, usaria, com certeza! <3

    ResponderExcluir
  7. Nova no seu blog *U*
    Awn awn awn, que modelos mais fofos, sério! vou comer todos eles *OOO*
    Adorei sua postagem e seu blog, ps: já estou seguindo :3

    www.fro-zenworld.blogspot.com

    ResponderExcluir
  8. A Mack adorei os modelinhos são tão fofos >3< mds amei principalmente o azul <3 bjkss
    thing-of-kawaii.blogspot.com.br/

    ResponderExcluir
  9. Nossa ameeeeeei esses modelos e vou usar o primeiro, ficaram todos muito legais!!!! Nem to sentindo sua falta Mack ~sqn~
    Chuu ~ blueberrycorderosa.blogspot.com

    ResponderExcluir
  10. Que liindinhos <3
    http://rainha-dos-sonhos-oficial.blogspot.com.br/

    ResponderExcluir
  11. Owwwn que lindos MACK!! Eu percebi sua ausência, volte logo muié!!

    Royalty

    ResponderExcluir
  12. adorei os modelos, são muito lindos.. beijos....

    http://apenassonhosdreams.blogspot.com.br/

    ResponderExcluir
  13. Adorei esses modelinhos <3, acho eles tão lindos >3<
    http://bubble-feelings.blogspot.com.br/

    ResponderExcluir
  14. Que modelos lindos <3 Vou usar um , mas ainda não defini a cor , poderia postar algumas paletas com tons pastel ? obrigada , amor :3

    Bjkss <3
    Adore Html

    ResponderExcluir
    Respostas
    1. Obrigada, Thay ♡ Ah, poxa, eu não manjo nada da área de tons pastéis TmT

      Excluir
  15. Eu odeio usar o ask pelo celular, mas ja estou me acostumando ja que estou viajando T-T.
    Adorei as sidebares, irei usar com toda certeza *u*.

    @P-Kpoppers

    ResponderExcluir
    Respostas
    1. Eu também não gosto muito TuT Obrigada, Amy! ♡

      Excluir
  16. Que lindinhos, estou usando no meu blogger o azulzinho *3*

    Beijos mack, está tudo mais q perfeito aqui.. ♥

    ResponderExcluir
  17. Bem-vinda de volta o(º3º)o e-e rçrçrç amei os modelos, vou pegar o primeiro <3

    mutable-design.blogspot.com.br

    ResponderExcluir
  18. Afo, ficaram lindos.
    http://g-oldencastle.blogspot.com.br

    ResponderExcluir
  19. Awnnnn Mackie eles estão tão lindos <33 talvez use em um próximo layout @3@

    ~Chu~ || @MyPinkOcean

    ResponderExcluir
  20. que lindooooos, eu amei tanto esse modelo e queria saber se podia inserir o dashed também no código, e queria saber se caso o layout não seja da cor se pode alterar a barrinha, eu acabei de retornar a blogosfera e to meia perdida queria muito saber se você sabe um tutorial pra juntar as duas sidebar com as postagens, já procurei por toda a blogosfera e nada, meu blog ta trancado por que eu to voltando ainda.. agradeceria demais se me respondesse.. acho seu blog lindo e você é muitoo dedicada muito sucesso >.<

    pinkmushrooom.blogspot.com

    ResponderExcluir
  21. EU ameiiiiiii muito obrigada eu estou usando isso no meu blog todo rsrsrsrsrsrsrsrs

    ResponderExcluir
  22. Lindosssss, mto obrigada estou usando e irei creditar por varios codigos e modelos!

    ResponderExcluir

O blog não é mais atualizado com novas postagens. Mas fique à vontade para perguntar algo do seu interesse, seja relacionado às postagens ou dúvidas que lhe inquietam, estou algumas vezes entrando no blog e certamente verei se tiver comentários pendentes. Obrigada pela visita, leitor!

Este blog não é mais atualizado com novas postagens, mas não excluo 100% a probabilidade.