Códigos básicos - tumblr
1195 palavras
5 páginas
CÓDIGOS IMPORTANTES:BÁSICO:
<STYLE>
body {background-image: url(" "); background-attachment: fixed; color: #000; font: 9px verdana; line-height: 17px;}
Borda em imagens
{border: 5px solid #fff;}
CAIXINHA BRANCA COM SOMBRAS –BOA PARA DESCRIÇÃO-
CSS
.caixa { overflow:hidden; text-align: justify; color: #999; font: 9px verdana; line-height: 17px; background-color: #fff; padding:6px; margin-top:-10px;width: 300px; height:auto; -webkit-box-shadow:0 0 1em #c9c9c9; }
<BODY>
<div class="caixa">
FAIXINHA:
CSS: h2 {float: center;background: #000; padding:2px; width: 100%; margin-top: -2px;font-size: 13px; text-transform: uppercase; font-family: tahoma;color:#fff; margin-bottom: 5px;}
BODY:
<h2>Welcome!</h2>
Para posicionar qualquer coisa:
COLOCAR ACIMA DO QUE VC QUER POSICIONAR NO BODY MSM não precisa de css
<div style="position: absolute; margin-left: px; margin-top: px; width: px; height: px;">
COLUNAS DE LINHAS BONITINHAS USO NORMALMENTE PARA POR OS CRÉDITOS:
CSS
.status{display : block; border-bottom : 1px solid #7b7b7b;margin-bottom : 1px;line-height: 15px;text-indent : 5px;vertical-align : middle;text-indent : 5px;text-decoration : none; padding: 1px 1px 1px 1px; -webkit-transition-duration: .40s;}
.status:hover{text-indent : 20px;background:#7b7b7b;}
BODY
<div class="status">STATUS</div>
MENU QUE DÁ PARA COLOCAR ACIMA DE IMGS E BANNERS:
CSS:
.simplemenu { cursor: pointer; font-family: 'play'; position: absolute; width: 410px; margin-top: -167px; height: 32px; font-size: 26px; letter-spacing: 1px; overflow: hidden; margin-left: 30px; padding-top:30px; background: #BA55D3;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px;
}
.simplemenu a { color: #fff; padding-left: 5px;