Subscribe to our RSS Feeds

Seja Bem Vindo Ao Meus Tutoriais!

Ola, o Meus Tutoriais tem como objetivo fornecer de forma gratuita tutoriais de Design, Linux, Programacao e Tecnologia. Sinta-se livre para fazer pesquisas e esclarecer suas duvidas

CSS Links

No Comments »

CSS possibilita definir uma variedade infinita de layouts e efeitos para um link ou um conjunto de links.

O limite é a sua imaginação!

Um link visitado, não visitado, ativo ou no estado hover (quando você passa o mouse sobre ele) pode assumir aspectos (cores, fundos, etc…) diferentes através de CSS.

Abordarei neste tutorial as técnicas básicas de manipular os quatro seletores de link.

Pseudo classes Click here to read more.. »

Dreamweaver, css agosto 20th 2008

CSS+Tableless no Dreamweaver

No Comments »

Cascading Style Sheets, ou simplesmente CSS, é uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação, como HTML ou XML. Seu principal benefício é prover a separação entre o formato e o conteúdo de um documento.

Ao invés de colocar a formatação dentro do documento, o desenvolvedor cria um link (ligação) para uma página que contém os estilos, procedendo de forma idêntica para todas as páginas de um portal. Quando quiser alterar a aparência do portal basta portanto modificar apenas um arquivo.

Assistir à vídeo aula Click here to read more.. »

Design, Programação agosto 14th 2008

Diferença entre margin e padding

1 Comment »

Padding é a quantidade de pontos que o conteúdo de um objeto fica identado no objeto, ou seja é o número de pontos em que o conteúdo está recuado dentro do objeto externo.

Utilização:
padding:10px 2px 15px 0px
padding-left:0px;
padding-right:2px;
padding-bottom:15px;
padding-top:10px;
padding:10px 0px;

Utilizando apenas padding, você deve informar os quatro cantos, sendo eles respectivamente (acima, direita, abaixo, esquerda). Ou como no último caso que o padding será para 10px de padding vertical, 0px de padding horizontal.
Ex.: Click here to read more.. »

Dreamweaver agosto 11th 2008

Criando um Slide Show de imagens com o WordPress [SEM PLUGINS]

2 Comments »

Quer saber como colocar um slideshow como este no seu blog ou site em WP? Fácil, siga o tuto…
Vou mostrar como adaptar um script pronto de slides para funcionar automaticamente no WordPress. Ou seja, será atualizado pelo sistema sem a necessidade de mexer no HTML para isso.

Como não sou nenhum expert em Java script, aproveitei as facilidades da web e encontrei um script de slides do jeitinho que eu queria. O que restava então era adaptá-lo no WordPress e customiza-lo com CSS usando meu estilo e criatividade. Click here to read more.. »

Cantos arredondados com CSS e Java script sem a utilização de imagens

1 Comment »

Esse artigo é uma tradução de alguns trechos que explica o Nifty Corners criado pelo Alessandro Fulciniti. O Nifty Corners é uma combinação de CSS e Java script para gerar cantos arredondados sem a necessidade de imagens. A técnica é composta de quatro elementos essenciais e que juntos pesam menos de 6kb:

1. Arquivo CSS para screen
2. Arquivo CSS para print
3. Arquivo Java script para gerar o Nifty Corners Click here to read more.. »