- Curva Css
Banner
Layout Base
Area da Postagem
Modelo de postagem
Comentários
Post Footer
Rodapé
Populares
Recentes
Relacionados
Sidebar
Manipulação
Efeito em imagem
Blockquetes
Menu
Mapas
Aba
Botões
Destaque
Modo: Introdução
Google
Busca
Mouse
Pesquisa
- - -
Site
Texto
Java
Player
Links
Trocar Link
Inicio
Mapa
Folk
Aloy
segunda-feira, 16 de setembro de 2019
Modelo de Sidebar
chiclete-funny.blogspot.com/
.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 );}
chiclete-funny.blogspot.com/
.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 );}
chiclete-funny.blogspot.com/
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 );}
chiclete-funny.blogspot.com/
.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 );}
Cherry Pump.
.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 */}
Cherry Pump.
.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 */}
Cherry Pump.
.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 */}
Cherry Pump.
.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 */ }
Cherry Pump.
.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
Postagem mais recente
Postagem mais antiga
Página inicial
Assinar:
Postar comentários (Atom)
Popular Posts
Efeito Fogos de Artifícios
E feito fogos de artificio no blog. =) Procure por </head> e acima dele cole: <script type='text/javascript'> //...
Visualização do link de exibição do Codegena ao pairar com JavaScript
Pagina (imagem) que carrega ao passar o mouse sobre os link, mostrando o site que está linkado. Creditos: codegena.com/image-link-preview-on...
Menu que desliza a letra
<style> body.cda-noimg #cdawrap { --cda-width: 15vw; max-width: 280px; --cda-left: 2rem; --cda-right: auto;...
Rodapé da postagem (Personalizando marcadores, comentários, autor)
Decidi trazer mais uma coisinha que diz respeito a rodapés, nomeadamente, ao rodapé da postagem. Há vários modelos lindinhos por aí, e eu me...
Caixa de copiar texto
Caixas para copiar texto. Aquela que esconde um pouco o texto... www.mediafire.com/ file/ yocz/ Cantando_50_Cosas_Sobre_sin.rar/file ...
Efeito moldura na imagem
1) No HTML procure por ]]>< .moldura { padding: 4px; border: 1px solid #ffffff; max-width: 600px; height: auto; border-radiu...
Menu Hex
Menu hex perfeito para inicio de site ou menus bem elaborados Menu Hex colorido: <div class='hex'> <div style='posit...
Modelo area de postagem grade // Grid Style 3
1) Procure por </head>, e acima dele adicione: <!-- Auto Auto Image Thumbnail & ReadMore Link By MyBloggerBuzz Start --> ...
Menu com efeito ao clicar
<script src="https://sites.google.com/site/webunnycrazy/by/CopyClipboard.js"></script> <script src="https://...
Modelo para biografia
Modelo pronto de biografia perfeito para inicio de site. <div class='homemestre2'> <div class='cxhome'> <div...
Nenhum comentário:
Postar um comentário