true-luv.com

Arquivo da seção 'Css'

Css, Tutoriais - 26-05-2008
Menu horizontal semelhante a esse: 01. Adicione ao seu css o código a seguir: #menu { list-style: none; float: left; height: 25px; width: 465px; padding-left:15px; margin-top: 150px; } #menu ul { padding: 0px; margin: 0px; float: left; width: 100%; list-style:none; font-weight: bold; height: 18px; line-height: 18px; vertical-align:middle; } #menu ul li { display: block; float: [...]

Css, Tutoriais - 10-03-2008
Deixe suas imagens com efeito transparente. 01. Coloque o seguinte código no seu css: img {filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;} img:hover { filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;} Dessa forma todas as imagens terão o efeito transparente. Se quiser que apenas determinada classe tenha esse efeito, apenas acrescente as propriedades acima.

Css, Tutoriais - 04-12-2006
Css para textarea, input, select e butons do seu blog, com efeito hover. 1. Coloque no seu arquivo style.css ou depois da tag style no seu html: input, textarea, select, button { border: #EEDEBE 1px solid; color: #8c8c8c; font-size:11px; background-image: url('images/back.png');} input:focus, textarea:focus, label:focus, select:focus, button:focus { border: 1px solid #F8C9DD; color:#8c8c8c; background-image: url('images/back1.png'); } [...]

Css, Tutoriais - 12-09-2006
É muito mais fácil e prático fazer as bordas das suas imagens com css, assim você não precisa editar a foto apenas para colocar a borda. Veja o exemplo: Sem borda: Com borda: 01. Coloque o seguinte código no seu css: .aligncenter { display: block; margin-left: auto; margin-right: auto; padding: 6px; text-align: center; background-color: #ffffff; [...]

Css, Tutoriais - 01-05-2006
Algumas pessoas encontram dificuldade em alterar o css de outros tutoriais como, menu de navegação, tabela de editar posts, etc, coloquei aqui os atributos mais usados. Use como um guia. color – cor do texto » exemplo: #000000 font-family – tipo da fonte » exemplo: arial, tahoma, etc… font-size – tamanho da fonte » exemplo: [...]

Css, Tutoriais - 24-04-2006
Modelo básico de tabela para perfil. Você pode alterar as cores de border, font e background de acordo com suas preferências. 01. Primeiro você tem que colocar o seguinte código no css do seu blog dentro da tag style ou do arquivo style.css h1 { display: block; color: #FFA9D5; font-weight: bold; background-color: #FFE8F5; background-repeat: no-repeat; [...]

Css, Tutoriais - 15-04-2006
Modelo 1 01. Coloque depois no seu arquivo style.css blockquote { border: 1px solid #FFD0DF; background-color: #FFF1F5; padding: 10px; font-size: 11px; color: #808080; text-align: justify; } 02. E no lugar em que você quer que apareça o blockquote coloque: <blockquote>Seu texto aqui</blockquote> Modelo 2 01. Coloque no seu arquivo style.css blockquote { border: 1px solid [...]

Css, Tutoriais - 15-01-2006
Modelo de menu vertical simples. Se você quiser pode variar o estilo mudando os atributos de borda, tamanho, cor, etc. Seu menu vai ficar assim: 01. Adicione ao seu css: #nav ul { padding: 0px; margin: 0px; width: 100%; list-style:none; font-weight: bold; height: 18px; line-height: 18px; vertical-align:middle; } #nav ul li { display: block; margin: [...]