Estilo fofo para sua sidebar e área da postagem

by - 7.8.13


Yoo cheirosos *---*
Espero que estejam bem^.^
Trouxe  um estilo bem fofinho para vocês usarem no blog.  
Ele estiliza a área dos post e a sidebar.
Fica assim:
(Exceto os marcadores abaixo do título do post)

Photobucket

Como Usar:

Vá em ModeloPersonalizarAvançadoAdicionar Css

Então cole o seguinte código:

.main-inner h2.date-header {margin-left:-10px;float: left;text-align: center;font-size: 10px;padding: 5px;background:#fcc;color: #000;text-shadow:0 1px #ccc;margin-top: -0px;}h3.post-title {margin-top: 10px;text-align: center;}@font-face {font-family: 'Delius';src: local('Delius-Regular'), url(http://themes.googleusercontent.com/static/fonts/delius/v3/7WQiMJKp1Jo3CiUw302zGA.woff) format('woff');}h3.post-title a {font-family: Delius;color: #fcc;font-size: 17px;font-weight: normal;}h3.post-title a:hover {color:#d18df0;}.post-outer {box-shadow: inset 0 0 2px #fdcba6, 0 0 1px #ffddc4;Background: #FFFFF0;margin: 10px 0px 20px;padding-top: 1px;padding-left: 5px;padding-right: 5px;padding-bottom: -10px;border-top: 2px solid #d18df0;border-bottom: 2px solid #d18df0;}.post-header, .dados {padding: 1px 0 1px 12px; /*espaço topo direita baixo esquerda/*margin: 0;border-bottom: 1px dashed #ccc; /*cinza*/text-align: center;}.main-inner .column-center-outer {margin-top: -45px;}.post-body {line-height: 1.4;position: relative;}.post-header {margin: 0 0 1em;line-height: 1.6;}.post-footer {margin: .5em 0;line-height: 1.6;}.sidebar .widget {width:100% !important;background:#fff; /** COR DO FUNDO DO GADGET **/margin:10px 0 !important;border-top:4px #d18df0 solid; /** COR DA BORDA DE CIMA **/;border-radius:0 0 10px 10px;padding:10px;box-shadow: inset 0 0 40px #eee, 0 0 10px #ccc; /** SOMBREAMENTO **/overflow:hidden}.sidebar .widget h2 {background: url("http://2.bp.blogspot.com/-ryqhl-tOPEY/UegM3d8wfAI/AAAAAAAACtI/1tomEi8bNQI/s1600/bcnew.png") /** COR DO FUNDO DO TITULO **/;color: #fff /** COR DO TITULO **/;text-align: center;font-size:17px /** TAMANHO DO TITULO **/;text-shadow:0 1px #fcc /** SOMBRA DO TITULO **/;margin-top:-10px /** MARGIN **/;margin-left:-10px /** MARGIN **/;margin-bottom:5px /** MARGIN **/;padding:5px;width:107%;overflow:hidden}.footer-inner .widget,.sidebar .widget {font: normal normal 13px 'Trebuchet MS',Trebuchet,sans-serif;color: #666666;}.sidebar .widget a:link {color: #666666;text-decoration: none;}.sidebar .widget a:visited {color: #ffcccc;}.sidebar .widget a:hover {color: #666666;text-decoration: underline;}.footer-inner .widget a:link {color: #ffcccc;text-decoration: none;}.footer-inner .widget a:visited {color: #ffcccc;}.footer-inner .widget a:hover {color: #ffcccc;text-decoration: underline;}.widget .zippy {color: #000000;}.footer-inner {background: transparent none repeat scroll top center;}

Photobucket
Espero que gostem, e  usem, 




You May Also Like

9 Comentários

  1. É muito fofo! (não usei porque estou a fazer um em tons azuis http://templatenes-chan.blogspot.pt/ gostou?

    Kissus :3

    ResponderExcluir
    Respostas
    1. Obrigada linda! Está super DIVO, amei^^

      ~~Kissus ;3

      Excluir
  2. Muiito kawaii
    Vou usar no meu proximo layout bjss

    ResponderExcluir
  3. Super fofo!! Amei, talvez use no meu próximo template :3

    ResponderExcluir
    Respostas
    1. Obrigada, fico feliz por ter gostado^^
      Eu iria adorar^^
      ~~Kissus

      Excluir
  4. Oi adorei a postagem!
    Tem um selinho lá no meu blog para você, espero que responda.

    Kisses,

    Letícia - http://diario-sem-cadeado19.blogspot.com.br/2013/08/selinho-versatile-blogger-award.html

    ResponderExcluir
    Respostas
    1. Obrigada fofa^^

      Anww, obrigada por lembrar de mim*.*
      Mas eu já fiz essa tag, desculpa^^

      ~~Kissus linda *3*

      Excluir

Muito obrigada por seu comentário e por sua presença!
Ambos são super importantes para mim.

Kaomojis:
(*´∀`*) (*≧∀≦*) (=´∀`)人(´∀`=) ( ・ ▽ ・)
ヾ(*^▽^*)o, 。・゚゚・(>_<)・゚゚・。 (>ω<;)*(´∀`)ノノ*
(。ゝω・)~♡ ヘ(´∀`ヘ)ヘ (╯°□°)╯•ᴥ• (´・ω・`)