Monday às 16:02 6 Comentários Por tamara Css, Tutoriais
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: left; margin: 1px; width: auto; text-align: center; border:0px; } #menu ul li a { display: block; width: 61px; text-align: center; font-size: 10px; font-family : Verdana, Arial, sans-serif; text-decoration: none; color: #FEC2E1; background-color: #FFF1F9; border:1px solid #FEC2E1; vertical-align:middle; } #menu ul li [...]

Monday às 16:09 1 Comentário Por tamara Css, Tutoriais
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.

Monday às 15:59 5 Comentários Por tamara Css, Tutoriais
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'); } Personalise de acordo com sua preferência. Lembre-se que o efeito hover [...]

Tuesday às 15:54 5 Comentários Por tamara Css, Tutoriais
É 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; border: 1px solid #dbdbdb; } .alignleft{ float: left; margin: 1px 4px 0 0; padding: 6px; background-color: [...]

Monday às 16:07 2 Comentários Por tamara Css, Tutoriais
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: 10px, 12px, etc… font-style [...]

Monday às 16:12 3 Comentários Por tamara Css, Tutoriais
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; width: 100%; height: 18px; text-indent: 5px; vertical-align:middle; text-decoration: none; font-family: verdana; line-height: 18px; margin-bottom: [...]

Saturday às 15:55 8 Comentários Por tamara Css, Tutoriais
Para Wordpress 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 #FFD0DF; background: #FFF1F5 url(http://www.endereço/edit.gif) no-repeat top left; padding: 10px; font-size: 11px; color: #808080; text-align: justify; padding: 10px 10px [...]