Convertidos
sexta-feira, 20 de junho de 2008O Diego Eis (como sempre), fez mais um ótimo trabalho criando o link convertidos, onde, a fim de promover o estudo do layout sem tabela e voltado aos padrões web, faz o antes e depois. Ótimo para estudos.
Arquivo da Categoria ‘css’
Hoje todo mundo é uébidesigner
domingo, 17 de junho de 2007Especialização - Publicado em 02/12/2004
Seleção natural. Só isso é o que temos a dizer. O raciocínio superficial de que alguém progrediu e aí pôde se especializar não funciona mais. Hoje, todo mundo é uébidesigner. Poucos são designers de interface, estrategistas de conteúdo, criadores de interfaces em mídia rica (ou Rich Media). A especialização é seu combustível e não o aditivo.
link
http://www.carreirasolo.org/archives/000118.html
exemplo de menu pull-down
segunda-feira, 21 de maio de 2007<select name="uf" size="1">
<option value="MG">Minas Gerais
<option value="RJ">Rio de Janeiro
<option value="SP">São Paulo
</select>
Uma variação do pull-down
<select name="uf" size="3" multiple>
<select name="uf" size="1">
<option value="MG">Minas Gerais
<option value="RJ">Rio de Janeiro
<option value="SP">São Paulo
</select>
os cabeçalhos
quarta-feira, 14 de março de 2007vou manter a formatação para h1, h2 e outros tipos “in-line” com a seguinte sintaxe:
<h1 style="border-bottom:1px solid #FFCC00; padding-bottom:2px; color:#FFCC00;">inscrição</h1>
… que produz o resultado abaixo:
título
Simples, fácil, correto e funciona.
iframe
sábado, 3 de março de 2007http://www.dwonline.com.br/dwforum/viewtopic.php?t=1743
o código:
<iframe id=site_principal name="site" src="http://farley.com.br/blog" width="500" height="450" scrolling="no" frameborder="0" marginwidth="0" marginheight="0"></iframe>
vai gerar este efeito:
frames
sábado, 3 de março de 2007frames
http://www.dwonline.com.br/dwforum/viewtopic.php?t=1603
<html>
<head>
<title>EXEMPLO DE FRAME</title>
</head>
<frameset rows="*" cols="80,*" frameborder="NO" border="0" framespacing="0">
<frame src="pagina1.html" name="leftFrame" scrolling="AUTO" noresize title="left">
<frameset rows="80,*" frameborder="NO" border="0" framespacing="0">
<frame src="pagina2.html" name="topFrame" scrolling="AUTO" noresize title="topFrame">
<frame src="pagina3.html" name="mainFrame" title="mainFrame">
</frameset>
</frameset>
<noframes><body>
</body></noframes>
</html>
Alinhamento de imagens
sábado, 3 de março de 2007http://www.criarweb.com/artigos/61.php
Explica a maneira de alinhar a imagem dentro da página: centralizá-la, colocá-la à direita, à esquerda, etc.
Vimos em seu momento o atributo align que nos permitia alinhar o texto à direita, esquerda ou no centro de nossa página. Dissemos que este atributo não era exclusivo da etiqueta
e sim, que podia ser encontrado em outro tipo de etiquetas.
Sendo assim, é uma dessas etiquetas que aceitam este atributo, mesmo sendo , neste caso, o funcionamento diferente.
Para alinhar uma imagem horizontalmente podemos fazer da mesma forma que o texto, ou seja, utilizando align dentro de uma etiqueta
ou
. Neste caso, o que incluiremos dentro desta etiqueta será a imagem no lugar do texto: continuar lendo no site
Vertical-align no CSS. Como, quando e por que usar.
domingo, 21 de janeiro de 2007Estava com umas dificuldades para aplicar alinhamento vertical, e como sempre que posso, faço visita aos blogs que gosto de acompanhar, acabei encontrando o artigo vertical-align no css que estava me faltando. Eu usava e aplicava e não dava certo. Não dava pois há particularidades que precisam ser observadas. (more…)