12.7.15

Modelos para agenda/calendário (02)

Olá, meus caramelos ლ(́◉◞౪◟◉‵ლ) Gente, finalmente consegui personalizar um layout do Blogskins, acho que irei até criar um blog pessoal! Até porque no clima de blogs pessoais que estamos passando uma parte dele está me contagiando bastante, hihi. Hoje trouxe alguns modelos para agenda, eu acho que são muito úteis e eu adoro usá-los. Se vocês quiserem podem usar para outras coisas, mas nunca deixem de creditar, tudo bem? >3< No total são quatro modelos e gostei bastante deles por serem bem diferentes e fofinhos em meu mero ponto de vista. Esse pedido foi algo que me pediram bastante então só espero que gostem e creditem! <3

Modelo número 01 - Cinza com gradiente
 
01. Dê Ctrl+ f e cole o código abaixo em seu html acima da tag ]]></b:skin>
.tm1{
padding: 3px 5px 3px 5px;
background: #f6f6f6;
background: -moz-linear-gradient(top,  hsla(0,0%,96%,1) 0%, hsla(0,0%,96%,1) 47%, hsla(0,0%,93%,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(0,0%,96%,1)), color-stop(47%,hsla(0,0%,96%,1)), color-stop(100%,hsla(0,0%,93%,1)));
background: -webkit-linear-gradient(top,  hsla(0,0%,96%,1) 0%,hsla(0,0%,96%,1) 47%,hsla(0,0%,93%,1) 100%);
background: -o-linear-gradient(top,  hsla(0,0%,96%,1) 0%,hsla(0,0%,96%,1) 47%,hsla(0,0%,93%,1) 100%);
background: -ms-linear-gradient(top,  hsla(0,0%,96%,1) 0%,hsla(0,0%,96%,1) 47%,hsla(0,0%,93%,1) 100%);
background: linear-gradient(to bottom,  hsla(0,0%,96%,1) 0%,hsla(0,0%,96%,1) 47%,hsla(0,0%,93%,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ededed',GradientType=0 );
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
border: 1px solid #e1e1e1;
box-shadow: inset 1px 1px 0 #fff;
margin-bottom: 2px;
color: #c7c7c7;
font-family: "Trebuchet MS";
font-size: 11px;
letter-spacing: .1em;
text-shadow: 1px 1px #fff;
}
02. Agora vá em Layout e cole o código abaixo em um gadget de Html/Java Script.
<div class="tm1">00/00 - Texto do seu calendário.</div>
<div class="tm1">00/00 - Texto do seu calendário.</div>
<div class="tm1">00/00 - Texto do seu calendário.</div>

Modelo 02 - Laranja com gradiente
 
01. Dê Ctrl+ f e cole o código abaixo em seu html acima da tag ]]></b:skin>
.tm2{
padding: 3px 5px 3px 5px;
background: #ffdfd3;
background: -moz-linear-gradient(top,  hsla(16,100%,91%,1) 0%, hsla(18,100%,93%,1) 18%, hsla(17,100%,89%,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(16,100%,91%,1)), color-stop(18%,hsla(18,100%,93%,1)), color-stop(100%,hsla(17,100%,89%,1)));
background: -webkit-linear-gradient(top,  hsla(16,100%,91%,1) 0%,hsla(18,100%,93%,1) 18%,hsla(17,100%,89%,1) 100%);
background: -o-linear-gradient(top,  hsla(16,100%,91%,1) 0%,hsla(18,100%,93%,1) 18%,hsla(17,100%,89%,1) 100%);
background: -ms-linear-gradient(top,  hsla(16,100%,91%,1) 0%,hsla(18,100%,93%,1) 18%,hsla(17,100%,89%,1) 100%);
background: linear-gradient(to bottom,  hsla(16,100%,91%,1) 0%,hsla(18,100%,93%,1) 18%,hsla(17,100%,89%,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdfd3', endColorstr='#ffd6c6',GradientType=0 );
border: 1px solid #ffc0a5;
box-shadow: inset 0 1px 0  #fff2ec;
margin-bottom: 2px;
color: #fff;
font-family: "Trebuchet MS";
font-size: 11px;
letter-spacing: .1em;
text-shadow: 1px 1px #ffc0a5;
}
02. Agora vá em Layout e cole o código abaixo em um gadget de Html/Java Script.
<div class="tm2">00/00 - Texto do seu calendário.</div>
<div class="tm2">00/00 - Texto do seu calendário.</div>
<div class="tm2">00/00 - Texto do seu calendário.</div>

Modelo 03 - Rosa com gradiente
 
01. Dê Ctrl+ f e cole o código abaixo em seu html acima da tag ]]></b:skin>
.tm3{
padding: 3px 5px 3px 5px;
background: #ffd8e0;
background: -moz-linear-gradient(top,  hsla(348,100%,93%,1) 31%, hsla(350,100%,95%,1) 57%, hsla(348,100%,94%,1) 58%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,hsla(348,100%,93%,1)), color-stop(57%,hsla(350,100%,95%,1)), color-stop(58%,hsla(348,100%,94%,1)));
background: -webkit-linear-gradient(top,  hsla(348,100%,93%,1) 31%,hsla(350,100%,95%,1) 57%,hsla(348,100%,94%,1) 58%);
background: -o-linear-gradient(top,  hsla(348,100%,93%,1) 31%,hsla(350,100%,95%,1) 57%,hsla(348,100%,94%,1) 58%);
background: -ms-linear-gradient(top,  hsla(348,100%,93%,1) 31%,hsla(350,100%,95%,1) 57%,hsla(348,100%,94%,1) 58%);
background: linear-gradient(to bottom,  hsla(348,100%,93%,1) 31%,hsla(350,100%,95%,1) 57%,hsla(348,100%,94%,1) 58%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd8e0', endColorstr='#ffe0e6',GradientType=0 );
border: 1px solid #ffcad5;
outline: solid 1px #ffeef1;
outline-offset: -2px;
margin-bottom: 2px;
color: #fff;
font-family: "Trebuchet MS";
font-size: 11px;
letter-spacing: .1em;
text-shadow: 1px 1px #ffcad5;
}
02. Agora vá em Layout e cole o código abaixo em um gadget de Html/Java Script.
<div class="tm3">00/00 - Texto do seu calendário.</div>
<div class="tm3">00/00 - Texto do seu calendário.</div>
<div class="tm3">00/00 - Texto do seu calendário.</div>

Modelo 04 - Simples com hover
 
01. Dê Ctrl+ f e cole o código abaixo em seu html acima da tag ]]></b:skin>
.tm4{
padding: 3px 5px 3px 5px;
background-color: #f4f4f4;
margin-bottom: 2px;
color: #cdcdcd;
font-family: "Arial";
font-size: 10px;
letter-spacing: .1em;
text-transform: lowercase;
-webkit-transition-duration: .90s;
}
.tm4:hover{
background-color: #676767;
letter-spacing: .2em;
color: #a5a5a5;
-webkit-transition-duration: .90s;
}
02. Agora vá em Layout e cole o código abaixo em um gadget de Html/Java Script.
<div class="tm4">00/00 - Texto do seu calendário.</div>
<div class="tm4">00/00 - Texto do seu calendário.</div>
<div class="tm4">00/00 - Texto do seu calendário.</div>

43 comentários

  1. A idéia do blog pessoal é ótima :) Amei os modelos, super fofinhos. www.m-yrtille.blogspot.com.br

    Beijos, Myrtille

    ResponderExcluir
  2. Blog pessoal é realmente bem mais legal que blog variado/goodies, além de ser mais libertador. Amei os modelinhos, o meu preferido foi o rosinha *33*

    Nothing to declare
    Burucheri

    ResponderExcluir
  3. Sério um blog pessoal mesmo ?!!
    To ansiosa pra ver seu blog e ver o layout, imagina a divossidade~ auhsus disso.
    Amei os modelinhos, principalmente os dois rosinhas.

    Beijos <3
    p-perfectsthings.blogspot.com.br

    ResponderExcluir
  4. Eu acho legal a ideia de blogs pessoais, até porque estão surgindo bastantes por aí não é? Amei os modelos de agenda, pena que não uso :T Mas eles são muito fofos ♥

    ♥ beijos, e-arlywinter

    ResponderExcluir
  5. Eu também ando pensando em criar um blog pessoal, é bem contagiante mesmo o clima que ultimamente está tendo na blogosfera >3<
    Awwnt, que modelos maravilhosos e fofos, pena que eu acabei de atualizar o meu layout, mas vou favoritar pra usar em um próximo.

    Beijos, Cherry Pump. Visita? ()

    ResponderExcluir
  6. Seria ótimo um blog pessoal, porque é bem livre. Amei os modelos, o primeiro é o meu preferido ♡

    I Have a Dream ♥

    ResponderExcluir
  7. Gostei dos modelos 1 e 4 *w*

    Abraço, www.princedreamer.com

    ResponderExcluir
  8. Um blog pessoal seria muito legal! ~~rimou~~
    Os modelos ficaram lindos >3<

    Até logo, www.road-between.blogspot.com.br

    ResponderExcluir
    Respostas
    1. SIAUHSIAHSAS' Rimas (⌒▽⌒)☆ Obrigada, Luiz!

      Excluir
  9. Que legal, eu tenho que aprender a mexer com os layouts de lá ainda, acho meio complicado e me da preguicinha ahhaahah

    1 e 4 são os mais bonitos, Mack! Adorei <3

    Jana
    www.sokawaii.com.br

    ResponderExcluir
    Respostas
    1. Pois é, são bem complicadinhos mesmo, hehe ♥ Wee! Obrigada, Jana.

      Excluir
  10. Adorei o Rosa com gradiente ^-^

    ~Abraços || sevendays-official.blogspot.com

    ResponderExcluir
  11. Que modelos lindos s2, meu fav é o primeiro, já deixei aqui no fav p meu proximo lay c: xoxo, luce
    ignore-d.blogspot.com

    ResponderExcluir
  12. Que lindos os modelos, Mack >3<
    Gostei bastante do primeiro, do segundo e do último *W*
    Kissus
    Mellifluous ~ s-alad.blogspot.com.br

    ResponderExcluir
  13. Acho a ideia de um blog pessoal bem legal, já que uma parte dos que existem na blogosfera estão meio desativados. Com certeza eu leria ^^
    Ficaram lindas *-* Gostei mais da última, talvez use no novo layout :D
    Beijos ^^~
    guardian-luv

    ResponderExcluir
  14. Espero que crie o blog mesmo Mack! No tempo que você tinha aquele antigo, adorava as postagens *u* Os modelos estão bem fofos, principalmente o último, e o laranja <3

    www.lembranças-apagadas.pt | ♥ dá uma uma visitinha por lá?

    ResponderExcluir
    Respostas
    1. Awe ♥ Sério? (⌒▽⌒)☆ Obrigada, Jay!

      Excluir
  15. Que lindos gente, eu usaria mas o layout já está nivelado e ficará tudo bugado, shaushau'... Não é tão difícil personalizar um layout do blogksins, pra mim ele até é mas fácil do que usamos aqui agora.

    ♥ Abraços |  www.h-oneypie.com

    ResponderExcluir
    Respostas
    1. Obrigada, Bea! ♥ Pois é, mas eu não estou acostumada com os códigos então demora um pouco para personalizá-lo e ajeitar certas coisas OuO

      Excluir
  16. Blogs pessoais OuO, crie sim unnie, eu tenho certeza que irei acompanhar, assim como várias outras pessoas <33 E que lindos esses modelos de agenda >.<

    Chu ~ || @MyPinkOcean

    ResponderExcluir
  17. Serviu muito no proximo lay que eu usar eu colocarei *u*
    http://bunnydark.blogspot.com.br/

    ResponderExcluir
  18. Se você criar um blog pessoal não vai se arrepender , o meu é pessoal ! Eu tinha um blog de moda mais não dava sucesso , ai eu criei um blog pessoal eu não criei eu continuei no meu blog mais fiz dele um blog pessoal e apareceu muito mais comentários mais seguidores as visualizações aumentaram bastante , sei l acho que as pessoas gostam de conhecer a vida de uma blogueira . o meu caso meu blog não é famoso . So que por favor diva não exclui esse blog se você criar outro , eu preciso do seu blog para viver (rs) . Adorei o Tutorial , as agendinhas são divas
    Bjs.......
    Aceita afiliação ?

    http://seaofdreamspink.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Awn, seria uma boa ideia! ヾ(@^▽^@)ノ Poxa, não irei não. Obrigada, Marcella!

      Excluir
  19. *-* ameiiiiiii vou usar no meu blog!
    E cria sim seu blog pessoal, é super gostoso de postar!

    Beijos!
    http://oclubdoscupcake.blogspot.com.br/

    ResponderExcluir
  20. Adorei todos, usei o 4º. site: http://fa-de.blogspot.com.br/

    ResponderExcluir
  21. Amor estou usando o modelinho cinza ok ?

    bjs , PP

    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!