A Mídiaweb está a procura de três profissionais que atuem com webstandards para trabalhar em periodo integral na Agência. Necessário conhecimento intermediário em XHTML/CSS. Pré-requisitos: – XHTML semântico; – CSS (Cascating Style Sheets); – Noções de Photoshop e/ou Fireworks; Desejável: – Ser aficcionado e apaixonado por Interfaces e principalmente webstandards; – Capacidade de desenvolver trabalhoContinuar lendo “Oportunidade de Emprego”
Arquivos da categoria: GALERIA CSS
Menus com listas, construindo de forma simples e semântica
Falar em código semântico, tableless, css e como tudo isso se envolve com a W3C pode ser para alguns um grande quebra-cabeça. Na verdade é, mas com um pouco de vontade, teoria e paciência, esses itens podem se transformar numa verdadeira filosofia de trabalho e depois de um aprendizado bem realizado, tornar a produtividade doContinuar lendo “Menus com listas, construindo de forma simples e semântica”
Menu horizontal em lista com Imagens
Mostrei como fazer um bonito menu horizontal em lista usando imagens. Dimensões: Precisaremos da imagem abaixo: HTML <div id=”navigation”> <ul id=”nav”> <li id=”home”><a class=”current” href=”#”>Inicio</a></li> <li id=”tutorials”><a href=”#tutorials” >Tutoriales</a></li> <li id=”resources”><a href=”#resources”>Recursos</a></li> <li id=”contact”><a href=”#contact”>Contacto</a></li> </ul> </div> CSS #navigation { background: #FFF url(pix/bgMenu.gif) left repeat-x; width: 450px; /* Ancho del contenedor de nuestro menú*/ height:Continuar lendo “Menu horizontal em lista com Imagens”
Tabelas em Zebra
Você também acha muito trabalhoso ficar colocando cor um linha sim e outra não em uma tabela? Quem sabe esta dica o ajude 😀 HTML <table align=”center” id=”default” summary=”Ejemplo de tabla”> <caption> Autores en InfectedFX.net </caption> <thead> <tr> <th>Nombre</th> <th>Ocupación</th> <th>Website</th> </tr> </thead> <tfoot> <tr> <td colspan=”3″>Total: 4 Usuarios </td> </tr> </tfoot> <tbody> <tr> <td>Infected-FX</td>Continuar lendo “Tabelas em Zebra”
Formulario elegante
Vou mostrar como fazer um formulário ficar mas atraente usando css e algumas pequenas imagens. Precisaremos: icon_user.gif icon_pass.gif bgForm.gif HTML <form action=”#” method=”post” name=”formLogin”> <fieldset> <legend>Acceso a usuarios </legend> <p> <label for=”username1″ accesskey=”n”>Username: </label> <input id=”username1″ name=”username1″ tabindex=”1″ value=”” title=”username1″ type=”text”> </p> <p> <label for=”password2″ accesskey=”e”>Password:</label> <input id=”password2″ name=”password2″ tabindex=”2″ title=”password2″ type=”password2″> </p> <p> <inputContinuar lendo “Formulario elegante”
Blog do kraudio 