Jan-08 02

Diferença entre class e id no CSS

Enviado por: Thales RB. .     Sem comentários.     Categorias: Diversos

Algo que pode ser visto com muita frequencia e pode dar um pouco de duvida é a diferença entre class e id no css, mas a diferença entre eles é simples.

O id serve como um identificador único, ou seja em todo o seu HTML só pode ser usado esse id uma vez, ele é mais usado para menus, e em javascript. Para ser criado um id no arquivo css deve ser colocado um # na frente do nome ex:

#teste{

color: #fff;

}

e para usa-lo:

<div id="teste"></div>

Já o class pode ser usado quantas vezes se quizer, o que permite se atribuir um layout a muitas partes. Para ser criado uma class no arquivo css deve ser colocado um . (ponto) na frente do nome ex:

.teste{

color: #fff;

}

e para usa-lo:

<div class="teste"></div>
Compartilhe nos Sites Sociais: Adicionar esta notcia no Linkk Adicionar esta notcia no Rec6 Adicionar esta notcia no Ueba
Dec-07 20

Coletanea de melhores sites feitos com CSS

Enviado por: Thales RB. .     2 comentários.     Categorias: Designer, HTML-CSS

O site webdesignerwall fez uma lista dos sites mais bonitos, baseados em XHTML e CSS, vale a pena dar uma olhada, nessa lista pra tirar algumas ideias, e como não são feitos em flash dá pra copiar algum efeito, ou aprender como é efeito. Eu pelo menos sempre usei essa ideia, qualquer efeito ou função, que eu ache legal eu olho o fonte, e tento usá-lo.

Só num vá me copiar o site inteiro e dizer que é seu hein.

É tudo em ingles, a listagem: http://www.webdesignerwall.com/trends/best-of-css-design-2007/ 

Compartilhe nos Sites Sociais: Adicionar esta notcia no Linkk Adicionar esta notcia no Rec6 Adicionar esta notcia no Ueba
Dec-07 20

Mostrando conteudo em abas

Enviado por: Thales RB. .     Sem comentários.     Categorias: AJAX, HTML-CSS, Scripts

Hoje eu estava procurando algum sistema de abas, pra usar no meu CMS, e no trajeto achei varios interessantes, vou fazer uma lista deles. Mas todos eles são de sites em ingles

Esse usa algumas imagens nas abas deixando um efeito bem legal:

http://dhtmlx.com/docs/products/dhtmlxTabbar/index.shtml

esse usa ajax para caregar o conteudo, só tomem cuidado com o SEO :

http://20bits.com/2007/05/23/dynamic-ajax-tabs-in-20-lines/

esse é legal por que, não é preciso clicar na aba é só passar o mouse em cima:

http://www.kollermedia.at/archive/2007/07/10/easy-tabs-12-now-with-autochange//

Esse é interessante pois cada aba tem um link(o que eu estava procurando) ou seja com esse link ele já abre na aba desejada:

http://phrogz.net/JS/Tabtastic/index.html

Achados em: http://www.linksweb.com.br/ 

Compartilhe nos Sites Sociais: Adicionar esta notcia no Linkk Adicionar esta notcia no Rec6 Adicionar esta notcia no Ueba
Dec-07 07

Adicionando o efeito de neve ao seu site

Enviado por: Thales RB. .     4 comentários.     Categorias: Desenvolvimento, HTML-CSS, Javascript, Scripts

Para entrar no espírito de natal é legal adicionar algo no site, mudar o layout ou criar um logo de natal, mas isso pode dar trabalho, algo bem facil de se fazer é colocar um efeito de neve caindo. Por isso vou postar um script em javascript que faz isso.

Um exemplo de como ficará pode ser visto aqui.

Ele usa uma imagem de neve então copie essa imagem aqui(ou qualquer uma a sua escolha)

neve

o link para essa imagem é http://i12.tinypic.com/6uscqjq.gif

para usa-lo é bem simples simplesmente copie todo o conteudo a seguir e cole após o <body> de seu site.

(more…)

Compartilhe nos Sites Sociais: Adicionar esta notcia no Linkk Adicionar esta notcia no Rec6 Adicionar esta notcia no Ueba
Dec-07 06

Fixando um conteudo na tela usando CSS

Enviado por: Thales RB. .     5 comentários.     Categorias: HTML-CSS

Como eu já havia falado antes o Internet Explorer 6 não reconhece o comando position: fixed(o IE7 já reconhece) então para podermos fixar um conteudo na tela precisamos usar um hack.

Veja aqui um exemplo de como é um conteudo fixo

Vejamos então como fazer isso.

(more…)

Compartilhe nos Sites Sociais: Adicionar esta notcia no Linkk Adicionar esta notcia no Rec6 Adicionar esta notcia no Ueba