Visual-Blast Media Visual-altos-Media

CSS Tutorial on how to produce a product category list with associated images and text. CSS Tutorial sobre o modo de produzir um produto categoria lista com texto e imagens associadas. The final result should look like this O resultado final deve ser semelhante a esta

Emastic is a CSS Framework, it’s continuing mission: to explore a strange new world, to seek out new life and new web spaces, to boldly go where no CSS Framework has gone before. Emastic CSS é um quadro, é contínua missão: explorar um estranho mundo novo, a procurar novas formas de vida e de novos espaços na web, audaciosamente indo onde nenhum CSS Quadro jamais esteve.

It’s: It's:

• Lightweight (compressed weight less then 4kb) Lightweight (compactado peso inferior a 4KB)
• Personalized width of the page in (em,px,%) Personalizada largura da página, em (EM, px,%)
• Use of fixed and fluid columns in the grid. Uso de colunas fixas e de fluido no grid.
• Elastic Layout with “em”s Layout com elástico "em" s

Tested with IE 5.5/6/7, Firefox 2/3, Opera 9.23/9.5, Safari 3.1 (Win/MAC) Testado com 5.5/6/7 IE, o Firefox 2 / 3, Opera 9.23/9.5, Safari 3.1 (Win / MAC)

Dynamic Drive All Levels Navigational Menu is a CSS/ HTML list based menu with support for infinite levels of sub menus. Dynamic Drive Navigational Menu todos os níveis é um CSS / HTML lista baseada menu com suporte para infinitos níveis de sub menus.

It’s lightweight and easy to implement (the menu contents are simply regular HTML lists), with all of the menu links search engine friendly. Ele é leve e fácil de implementar (o menu conteúdos são simplesmente listas HTML normal), com todos os links do menu motor de busca amigável.

Multilevel Dropdown CSS menu - Learn how to build a multilevel dropdown menu with CSS and then improve it with jQuery. Multilevel CSS menu suspenso - Saiba como criar um menu suspenso com vários CSS e, em seguida, melhorá-lo com jQuery.  It’s totally unobtrusive - even if javascript is disabled you’ll still be able to use this menu. É totalmente discretos - mesmo se está desativado javascript você poderá continuar a utilizar este menu.

CSS buttons with icon set - Tutorial on how to design nice and clean CSS buttons with custom button icons using some lines of HTML, CSS code and an icon set you like it. CSS ícone conjunto com botões - Tutorial sobre o modo de design agradável e limpa CSS botões com ícones botão personalizado usando algumas linhas de HTML, CSS código e definir um ícone você gosta dela. The result: O resultado:

CSS Decorative Gallery - CSS Tutorial on how to decorate your images and photo galleries without editing the source images. CSS Decorativas Galeria - CSS Tutorial sobre a forma de decorar as suas imagens, fotografias e galerias editando a fonte, sem imagens. All you need is an extra <span> tag and apply a background image to create the overlaying effect. Tudo o que você precisa é um extra <span> tag e aplicar uma imagem de fundo para criar o efeito sobreposição.

This CSS trick works on any type of site, with any image size. You can have a completely different look and feel by just editing the CSS. Esta CSS truque funciona em qualquer tipo de site, com qualquer tamanho de imagem. Você pode ter uma aparência completamente diferente e sinta em apenas editando o CSS.

CSS4Free - Free CSS/XHTML templates, mostly licensed under GPL or Creative Commons. CSS4Free - Livre CSS / XHTML modelos, principalmente licenciado sob GPL ou Creative Commons.

CSS Menu Maker - create custom, cross browser compatible website menus. CSS Menu Maker - criar custom, cross browser compatível site menus. Menu generator makes it easy to create custom CSS menus without having to know HTML and CSS in 3 easy steps. Menu gerador que torna fácil criar menus personalizados CSS sem ter que saber HTML e CSS em 3 etapas fáceis.

• Step 1: Choose a menu to either customize or download the source code. Etapa 1: Escolha um menu para personalizar ou quer fazer o download do código fonte.
• Step 2: Customize the headings, links, and color of your CSS menu. Etapa 2: Personalizar as rubricas, links, CSS e cor de seu menu.
• Step 3: Download the HTML, CSS, and images Etapa 3: Baixe o arquivo HTML, CSS, e imagens

CSS Animated Progress Bar - A simple demonstration of how you can create animated progress bar using pure css. CSS animados Progress Bar - Uma simples demonstração de como você pode criar barra de progresso animada usando css puro. The trick is very simple. O truque é muito simples. We need 3 elements, one container and 2 nested elements. Precisamos de 3 elementos, um recipiente e 2 elementos aninhados. Take a look at demo . Dê uma olhada em demo.

Easy CSS Tooltip - the easiest way to show tool tips. Fácil CSS dica - a maneira mais fácil de demonstrar ferramenta dicas. If you need a really simple and basic Crossbrowser Tooltip on your website, this less then 1kb tooltip CSS script might be the one for you (3lines css, 1line html). Se você precisa de uma base realmente simples e Crossbrowser dica sobre seu site, então 1kb menos esta dica CSS script poderia ser a um para você (3lines css, 1line html).

If you want to display a tooltip for a link, just add the class “tooltip” to the link and write your Tooltip Text in a span tag within the a tag - thats it. Se você quiser exibir uma dica de um link, basta adicionar a classe "dica" para a ligação e escrever sua dica de um texto dentro da tag span uma tag - thats ele.