Postagens

Mostrando postagens com o rótulo web

Recortando o layout - Como fazer um site #3

Imagem
E aí galera, tudo em cima? Bom, ontem falamos sobre o desenvolvimento do layout em formato de imagem... Hoje vamos começar a transformar essa simples imagem em um site de verdade... Depois de fazer o layout, é hora de você ver quais elementos do layout podem ser feitos por código html e css e quais elementos tem que ser imagens realmente... Simplificando, você vai fatiar o seu site, pegando as os elementos que tem que ser imagens... Pra você ter uma noção do que estou falando, veja o que eu peguei do layout que fiz e salvei como arquivos de imagem, e embaixo de cada um falarei porque fiz isso... Bom, o logo eu acho que não tem muito o que se discutir né, transformei ele em imagem porque ele realmente é uma imagem, não dá pra fazê-lo com códigos... Se você ainda não reconheceu, esta é aquela setinha que mostra no menu qual a página que o visitante está no momento... Nessa imagem é perceptível que cortei exatamente as proporções da setinha, sem deixar sobrar fundo preto em...

Menu flutuante com CSS

Imagem
Inicial Produtos Contato Fechar Menu ^ Está na moda sites fazerem aqueles menus que conforme você roda a página ele acompanha. Seja no topo ou no rodapé. Se você quer um menu desses mas não sabe como fazer, ou tem dúvidas do que é mais fácil, CSS ou Javascript, está no lugar certo... Outra prática que está sendo adotada hoje em dia é o menu em lista, isso é, sabe quando você no word coloca aquelas bolinhas do lado das frases fazendo uma lista? É isso é que é lista Cada item fica em uma linha E pode ser ordenada ou desordenada O ponto é que em um menu flutuante a lista com um item por linha consumirá muito espaço, tendo como ponto de partida que o menu terá apenas 90px de altura,  ele terá apenas uma linha com vários items, letras grandes para fácil entendimento de quem acessa o site. Pois é, com o CSS é possível estilizar esse tipo de lista e muitas outras coisas... A principal vantagem é que o CSS é carregado antes de executar o conteúdo do site...