Nuvem de TAG's

Publicidade

Arquivo

Merece Um Clique

Firefox

Visitantes

free counters
  • 08mar

    [Atualizado 8/3] A idéia desta matéria é bem simples e bastante ambiciosa; inserir 500 menus em CSS para download!

    Vai demorar um pouco, mas vou conseguir. :)

    A maioria será resultado de pesquisas na internet,  mas é claro que criarei alguns também.

    Serão menus horizontais, verticais, com e sem imagens de fundo, simples e multiníveis, alguns com recursos extras… será uma variedade enorme de menus, todos devidamente empacotados com suas imagens, folha-de-estilo e tudo mais que os comporem para você, caro leitor, baixar e usar. Simples assim. :)

    Peço gentilmente que NÃO COMPIE ESTE POST EM SEU SITE/BLOG, senhor plageador,  pois terei muito trabalho até chegar ao meu objetivo e acredito que isso merece um pouco de respeito…

    Então…. “vamo que vamo!”

    Menu em CSS - 1

    1.  Menu drop-down horizontal com imagens de fundo (8)

    Menu Vertical CSS

    2. Menu Vertical Azul - Sky Arrow (5)

    Tags: ,

  • 28set

    Olá!

    Vamos continuar nossa aula?

    Bom, na primeira e segunda parte aprendemos os fundamentos do CSS, e na terceira começamos a meter a mão na massa. Agora vamos continuar implementando as modificações que resultarão num belo layout em CSS. :)

    Para agilizar o aprendizado, sugiro que baixe os arquivos disponibilizados na 2ª e na 3ª parte deste curso.

    Se você segui todas as dicas até aqui, a página de exemplo está assim:

    Layout com CSS - etapa 1

    Layout com CSS - etapa 1

    Nada animador, não é? :-)

    Bom, então vamos “embelezar” esta página e aprender mais CSS… Ler tudo

    Tags:

  • 08jul

    Olá novamente!

    Se procurarmos nos buscadores da internet pelo termo “menu horizontal css” encontramos milhares de bons tutoriais e matéias a respeito. Mas notei que há lacunas nestas matérias…

    1º – Dizem como fazer, mas não dizem PORQUE fazer. O resultado disso é que temos nosso “produto” mas não sabemos como modificar ou corrigir o mesmo.

    2º – Normalmente, seja vertical ou horizontal, ensinam a criar menus de dois níveis no máximo, não dando ferramentas para quem está aprendendo poder ampliar isto…

    Então, como o dito popular, vou “matar a cobra e mostra o pau”.

    Vai ser uma matéria um pouco longa, mas acredito que será de muita utilidade.

    Vamos nessa?

    Ler tudo

    Tags:

  • 16mar

    Olá novamente!

    Vamos dar continuidade ao nosso curso prático, e dessa vez vamos realmente colocar a mão na massa :-)

    Bom, se você está acompanhando nosso curso desde o começo, neste momento você tem um arquivo HTML com um link para a nossa folha de estilos (que ainda não foi criada). Independente de você ter criado “do zero” ou ter baixado a página “crua” que disponibilizei, no começo da mesma, você precisa ter o seguinte:

    <head>
    ...
    <link rel="stylesheet" type="text/css" href="estilo.css">
    ...
    </head>
    

    Não importa, no momento, o que você tem no restante da página. o importante agora é ter o link para a folha de estilo.

    Se você está usando a página de exemplo que disponibilizei anteriormente, baixe este Pack de imagens para o site (36), pois essas imagens serão usadas para a composição visual de nossa página. Descompacte-o dentro da pasta onde está localizado sua página HTML.

    Vamos nessa? :-)


    Ler tudo

    Tags: , ,

  • 12mar

    Na primeira parte deste curso, vimos o que é, como funciona, e para que serve o CSS.
    Nessa parte vamos aprender a aplicar o CSS.
    Ao final do curso nós iremos transformar…

    …isto…

    Site sem CSS

    Site sem CSS

    …nisto.

    Site com CSS

    Site com CSS

    usando somente html, algumas figuras, e css. :-)

    Então, como sempe, vamos ao que interessa!

    Ler tudo

    Tags: , ,

« Anterior