set12009
Layout packs para referência
0
Alguns layouts em (x)HTML+CSS para referência em posições de layouts retirado do css tricks.
Exemplos:
Fixed-Fluid
ago62009
Menus CSS para download grátis
Segue um pack de menus em CSS para download grátis que achei navegando por alguns blogs gringos..
Menus são usados com todos os tipos de estilos, cada website tem seu estilo de menu, então caso você não esteja inspirado para criar um menu use algum desse pack que são muito bons e servem como ótima inspiração.
mai172009
Rafael R.P agora está no CSSFury!
É isto pessoal, ontem meu site foi adicionado no CSS Fury uma das grandes galerias de sites da web!
Entre faça sua avaliação e deixe seu comentário!
mai162009
[CSS] 5 dicas úteis para seu CSS
Sempre é bom ter um CSS bem estruturado em seu website, por isso estarei postando a baixo 5 dicas úteis para você implementar em seu CSS e entre elas uma dica para o IEca.
FONT
Você pode por várias propriedades de fontes em uma única linha de código.
h3.texto {font-size: 28px;font-weight: bold;font-family: “Arial”, Helvetica, sans-serif;color: #333333;line-height: 24px;}
Você pode resumir esse código em apenas duas linha:
h3.texto {font: 28px “Arial”, Helvetica, sans-serif;color: #333;}
MARGIN/PADDING
A imagem acima mostra a diferença entre margin e padding, nem preciso dizer que o IEca tem um problema com padding, então citarei também uma dica para o IEca ignorar uma propriedade.
São propriedades de margin:
.caixa{margin-top:10px;margin-bottom:20px;margin-left:5px;margin-right:5px;}
Você pode resumir este código em apenas uma linha:
.caixa { margin: 10px 5px 20px 5px }
para a propriedade magin você deve por os seguintes valores: margin: top right bottom left;
CLASS E ID
O símbolo para o seletor class é (.) e o da id é (#), tudo bem mas qual a diferença entre eles?
ID.
- As IDs indentificam um elemento específico e devem ser únicas, podem apenas ser usadas uma vez na página.
- Consideramos que uma ID esteja em um nível mais alto que a class, já que é mais específica.
CLASS.
- Uma class marca um elemento como um membro do grupo e pode ser usada várias vezes.
IGNORADO PELO IE - !important
Essa é uma dica que fará com que um valor seja ignorado pelo IE mas será interpretado por todos os outros browsers.
!important será ignorado pelo IE.
!important será ignorado pelo IE.
caixa.margin:20px!important;margin:10px;
Botamos 20px para margin que será ignorado pelo IE, portanto no IE o margin será 10px.
Block vs Inline
A maioria dos elementos html estão como block ou inline, mas qual a diferença entre eles?
Block.
- Sempre inicia em uma nova linha.
- Height, line-height, top e bottom margins podem ser manipuladas.
- Width fica como padrão 100% do elemento a qual pertence.
Inline.
- Sempre inicia na mesma linha.
- Height, line-height, top e bottom margins podem ser manipuladas.
- Width fica do tamanho que está o texto/imagem e não pode ser manipulado.
Bom são estas as 5 dicas para css, eu as concidero importantes para o desenvolvimento da sua folha de estilos.
Obrigado.
mai142009
Dicas para iniciantes em web design
Vou citar algumas dicas que ajudam e muito na hora de criar um novo projeto, agradando o cliente e criando o website de uma forma limpa e agradável.
Segue abaixo alguns passos para ajudar aos iniciantes em web design como iniciar seus projetos.
