Visitei um blog super fofo Cherry Pump,lá tem várias coisinhas para bloguitos kawaii. Bem, meu layout está um pouco bagunçado,mas agradeço os elógios.Na verdade eu peguei esse layout por que e ameii,claro,mas também por causa da Hatsune Miku,eu amo esse anime é super fofa.
Enfim, estou trazendo alguns modelinhos fofos para sidebar do bloguito Cherry Pump.
Vamos ver?!
Troque o código do .sidebar .widget { pelo do quote abaixo.
.sidebar .widget{background-color: #fff;border: 1px solid #eaeaea;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 #AFE9F7;border: #94DBEF 1px solid;box-shadow: inset 1px 1px 0 #f2f5f7;background: #d9f0f9; /* Old browsers */background: -moz-linear-gradient(top, #d9f0f9 0%, #d2f0f8 47%, #aee3f2 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9f0f9), color-stop(47%,#d2f0f8), color-stop(100%,#aee3f2)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #d9f0f9 0%,#d2f0f8 47%,#aee3f2 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #d9f0f9 0%,#d2f0f8 47%,#aee3f2 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #d9f0f9 0%,#d2f0f8 47%,#aee3f2 100%); /* IE10+ */background: linear-gradient(to bottom, #d9f0f9 0%,#d2f0f8 47%,#aee3f2 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9f0f9', endColorstr='#aee3f2',GradientType=0 ); /* IE6-9 */}
Troque o código do .sidebar .widget { pelo do quote abaixo.
.sidebar .widget{background-color: #fff;border: 1px solid #eaeaea;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 #FF99C1;border: #FFBFD8 1px solid;box-shadow: inset 1px 1px 0 #f2f5f7;background: #ffd3e5; /* Old browsers */background: -moz-linear-gradient(top, #ffd3e5 0%, #ffcbe3 47%, #ffa1cd 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd3e5), color-stop(47%,#ffcbe3), color-stop(100%,#ffa1cd)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #ffd3e5 0%,#ffcbe3 47%,#ffa1cd 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #ffd3e5 0%,#ffcbe3 47%,#ffa1cd 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #ffd3e5 0%,#ffcbe3 47%,#ffa1cd 100%); /* IE10+ */background: linear-gradient(to bottom, #ffd3e5 0%,#ffcbe3 47%,#ffa1cd 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd3e5', endColorstr='#ffa1cd',GradientType=0 ); /* IE6-9 */}
Troque o código do .sidebar .widget { pelo do quote abaixo.
.sidebar .widget{background-color: #fff;border: 1px solid #eaeaea;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 #F9E0AE;border: #F4D492 1px solid;box-shadow: inset 1px 1px 0 #f2f5f7;background: #fbf1d7; /* Old browsers */background: -moz-linear-gradient(top, #fbf1d7 0%, #fbedcf 48%, #f7dda9 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbf1d7), color-stop(48%,#fbedcf), color-stop(100%,#f7dda9)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #fbf1d7 0%,#fbedcf 48%,#f7dda9 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #fbf1d7 0%,#fbedcf 48%,#f7dda9 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #fbf1d7 0%,#fbedcf 48%,#f7dda9 100%); /* IE10+ */background: linear-gradient(to bottom, #fbf1d7 0%,#fbedcf 48%,#f7dda9 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbf1d7', endColorstr='#f7dda9',GradientType=0 ); /* IE6-9 */}
Troque o código do .sidebar .widget { pelo do quote abaixo.
.sidebar .widget{
background-color: #fff;
border: 1px solid #eaeaea;
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 #C9C1F2;
border: #AFA7E5 1px solid;
box-shadow: inset 1px 1px 0 #f2f5f7;
background: #e2def4; /* Old browsers */
background: -moz-linear-gradient(top, #e2def4 0%, #dcd7f3 48%, #bfb8e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2def4), color-stop(48%,#dcd7f3), color-stop(100%,#bfb8e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e2def4 0%,#dcd7f3 48%,#bfb8e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e2def4 0%,#dcd7f3 48%,#bfb8e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e2def4 0%,#dcd7f3 48%,#bfb8e8 100%); /* IE10+ */
background: linear-gradient(to bottom, #e2def4 0%,#dcd7f3 48%,#bfb8e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2def4', endColorstr='#bfb8e8',GradientType=0 ); /* IE6-9 */
}
Troque o código do .sidebar .widget { pelo do quote abaixo.
.sidebar .widget{background-color: #fff;border: 1px solid #eaeaea;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 #C9C1F2;border: #AFA7E5 1px solid;box-shadow: inset 1px 1px 0 #f2f5f7;background: #e2def4; /* Old browsers */background: -moz-linear-gradient(top, #e2def4 0%, #dcd7f3 48%, #bfb8e8 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2def4), color-stop(48%,#dcd7f3), color-stop(100%,#bfb8e8)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #e2def4 0%,#dcd7f3 48%,#bfb8e8 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #e2def4 0%,#dcd7f3 48%,#bfb8e8 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #e2def4 0%,#dcd7f3 48%,#bfb8e8 100%); /* IE10+ */background: linear-gradient(to bottom, #e2def4 0%,#dcd7f3 48%,#bfb8e8 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2def4', endColorstr='#bfb8e8',GradientType=0 ); /* IE6-9 */}
Nenhum comentário:
Postar um comentário