Marcus Monteiro

• 08mar

  [Download] Maratona CSS – Menus diversos

  Downloads, HTML / CSS Sem Comentários

  [atualizado 25/03]

  A idéia desta matéria é bem simples e bastante ambiciosa; inserir 500 menus em CSS para download!

  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…

  

  Menu CSS - MiniTabs

  [25/03] – Seguindo a linha simplista, um menu em CSS limpo, leve, e muito bonito. Menu CSS - minitabs (129)

  

  Menu CSS - DropLine 1

  [23/03] – Menu \"dropline\" (150) – Fonte: www.cssmenus.co.uk
  Vixe! como eu estou lento! Vou tentar inserir menus com mais frequência nessa matéria…

  

  Menu em CSS - 1

  [10/03]  Menu drop-down horizontal com imagens de fundo (200)

  

  Menu Vertical CSS

  [08/03] Menu Vertical Azul - Sky Arrow (129)

  Tags: CSS, Download

• 28set

  Curso Prático de CSS – Parte 4

  HTML / CSS Sem Comentários

  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

  Nada animador, não é? :-)

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

  Tags: CSS

• 03set

  Donwload – Netbeans IDE – Adobe, cuidado…

  Programação Web 2 Comentários

  Há muito tempo que eu não sugiro um software para download, e isso tem dois motivos principais: O fato de ter me faltado tempo para inserir qualquer tipo de artigo aqui, e minha postura de sugerir programas que satisfaçam plenamente meus anseios e necessidades.

  Caraca! filosofei…

  Bom, vamos deixar de besteira. O software que eu venho apresentar hoje (para alguém que ainda não conheça) se chama NetBeans.

  E o que ele faz?

  Bom, o NetBeans é um software open-source (é grátis! é gratis!) para desenvolvimento de aplicações web e desktop.

  Este carinha aí faz sozinho o que o Dreamweaver, o Visual Studio, e o JBuilder fazem juntos, e um pouquinho a mais.

  Exagero?

  Veja algumas características:

  Oferece suporte a Java, Ruby, C / C + +,  HTML, CSS, PHP , JavaScript, JSP, entre outros.

  “Live Parsing” -> O editor vai mostrando os (possíveis) erros de programação em tempo real, ou seja, enquanto você digita um código ou ao abrir um arquivo o NetBeans vai apontando os erros que encontra.

  Conclusão automática de código para as mais diversas linguagens.

  Oferece versionamento local dos seus arquivos, onde você pode comparar as últimas modificações no código e, se for o caso, retroceder a um estado anterior. Além disso, tem suporte ao Kenai, Subversion e outros sistemas CVS.

  Então, se quiser conhecer mais deste (ótimo) programa visite sua página oficial: http://www.netbenas.org e aproveita para fazer o download. Garanto que você não vai se arrepender.

  Agora só falta achar um programa (grátis e decente) para criar animações em flash, e meu pc será 100% “open”. Quando atingir essa meta eu compartilho com vocês a experiência. :)

  Tags: AJAX, CSS, HTML, Java, JavaScrip, PHP

• 08jul

  CSS – Menu Multinível (vertical ou horizontal) [atualizado]

  HTML / CSS 9 Comentários

  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: CSS

• 16mar

  Curso Prático de CSS – Parte 3 [atualizado]

  HTML / CSS 2 Comentários

  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 (72), 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: CSS, Curso, Tutorial

« Anterior