3/06/2015

Modelos Fofos Para Gadgets~

Ois meus amorecos,desculpa por esses dias sem postar muito lá no meu outro blog eu explico todo o motivo {Leia o motivo aqui}.e bem hoje queria voltar abafando então trouxe um utilitário.Bem é utilitários+tutorial de modelos fofos para título de gadgets,e gente é muito perfeito!
STATUS:Ouvindo Blue-BIGBANG.

Bem fofos vai ser bem rapido,desculpa mesmo é que estou com uma put@ preguiça!Bem são super fofinhos eu até usaria (a 1 parece com a aqui do blog),mas enfim espero que gostem e desculpa pela falta de post!Ai estão (créditos C.Cotton):
1.
/* Inicio do modelo para Sidebar laranja */ .sidebar .widget{ background-color: #fff; border-top: 1px solid #fcefd9; border-right: 1px solid #fcefd9; border-left: 1px solid #fcefd9; border-bottom: 1px solid #fcefd9; 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 #e5caac; border: #f0d5b2 1px solid; box-shadow: inset 1px 1px 0 #f9ffe8; background: #f1dfc6; background: -moz-linear-gradient(top, #f1dcc6 0%, #fcefd9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1dcc6), color-stop(100%,#fcefd9)); background: -webkit-linear-gradient(top, #f1dfc6 0%,#fcefd9 100%); background: -o-linear-gradient(top, #f1dfc6 0%,#fcefd9 100%); background: -ms-linear-gradient(top, #f1dcc6 0%,#fcefd9 100%); background: linear-gradient(to bottom, #f1dfc6 0%,#fcefd9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1dcc6', endColorstr='#fcefd9',GradientType=0 ); } /* Fim do modelo para sidebar laranja */

2.
   
/* Inicio do modelo para Sidebar roxo */ .sidebar .widget{ background-color: #fff; border-top: 1px solid #e8e1e7; border-right: 1px solid #e8e1e7; border-left: 1px solid #e8e1e7; border-bottom: 1px solid #e8e1e7; 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 ); } /* Fim do modelo para sidebar roxo */

                                                                            3.
                                                                             
/* Inicio do modelo para Sidebar rosa */ .sidebar .widget{ background-color: #fff; border-top: 1px solid #ffe2e8; border-right: 1px solid #ffe2e8; border-left: 1px solid #ffe2e8; border-bottom: 1px solid #ffe2e8; 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 ); } /* Fim do modelo para sidebar rosa */

Pra quem quer fazer um Layout cute,coreano ou igual ao do blog aqui esses modelos são perfeitos!Espero que usem amorzinhos!



3 comentários :