31 janeiro 2016

Layout Free Clean com menu responsivo


Olá pessoal, o  layout é simples, porém, completo e muito funcional, espero que gostem e leiam as informações para tirar dúvidas e entenderem como personalizar o layout ok? Ah e gente, o layout sofreu algumas alterações por isso se você baixou ele de algum outro lugar peço que faça novamente o download usando esse link oficial no fim do post para não aparecer erros na hora da instalação

+ Outros Layouts Free para Baixar

O que o layout contém

✓  Menu dropdown responsivo para celular, tablet e afins
✓  Fontes personalizadas
✓  Postagem recentes no topo ( 4 caixas)
 ✓ Sidebar personalizada (primeiro e ultimo gadget transparentes)
 ✓ Marcadores em nuvem coloridos
 ✓ Formulário de contato
 ✓  Caixa de pesquisa
 ✓  Data da postagem personalizada
 ✓  Balão de comentários no rodapé da postagem
 ✓  Botões de compartilhamento personalizados ( 4 botões)
 ✓  Área de postagem personalizada com tamanho grande (acima de 700px)
 ✓  Fotos ocupam 100% da largura da coluna de postagem
 ✓  Blockquote personalizado
 ✓  Postagens relacionadas no rodapé da postagem ( 3 caixas)
 ✓  Comentários personalizados
 ✓  Comentários do facebook instalados
 ✓  Rodapé dividido em 2 colunas

Todos os itens acima citados são personalizáveis. É fácil e já está sinalizado no próprio código CSS o que vocês podem e onde devem mudar. Clique no titulo da postagem para ver o eveito houver, o titulo do blog também muda de cor quando você abre a postagem para comentar por exemplo.


Como alterar a cor de fundo do blog ?  apert ctrl + F para facilitar a pesquisa e procure por  /*fundo do blog*/  e substitua o código por outra cor que desejar. Aqui nesse site tem uma tabela com umas 400 cores, basta copiar o código e colar no lugar de #F5F5F5

Como colocar uma imagem no fundo do blog ? Procure pelo mesmo trecho citado ai em cima e no lugar de #F5F5F5 cole isso aqui 
url ( aqui dentro você coloca o endereço da imagem) repeat; 
Não apague o ponto e virgula no final e nem deixe repetido se não vai dar erro.

A data do post está passando por cima do menu, e agora ?
Em alguns casos isso pode acontecer, para resolver basta ir até Editar HTML no painel do blog e procurar por esse trecho:

.main-inner h2.date-header {
logo abaixo dele você vai encontrar isso : z-index:900; altere o valor para 40;

Como trocar a cor do menu no topo do blog ? aperte ctrl + F  e procure por /*-----Responsive Drop Down Menu ----*/
altere esses trechos:
#menu{
background: #333; cor do fundo
color: #FFF; cor da letra
Como tirar o gadget com "Imagens do modelo bla bla bla "? 
Vá até editar html e procure por Attribution1. Quando encontrar apague todo esse trecho:

<b:widget id='Attribution1' locked='true' title='' type='Attriution'>...</b:widget>

Outra foto aqui para você ver como fica quando não usar a class a foto ocupar a largura total do post

Obs: Acho que nem preciso gastar o meu latim aqui pra dizer que e expressamente PROIBIDO copiar esse layout e reproduzir por ai, dizer que foi você quem fez e blá blá né ? Por favor gente, dá trabalho fazer isso, colaborem. Se você não quer dar crédito ao trabalho de uma pessoa, então faça você mesmo. Se você precisa de outra pessoa, seja gentil e ajude a divulgar o trabalho, isso pode não significar nada pra você, mas é muita coisa pra mim.

+ Outros Layouts Free para Baixar

Qualquer dúvida, deixe nos comentários do meu blog pessoal ok ? Clicando aqui 

Faça o download AQUI


Um beijo.

3 comentários:

Desenvolvimento por: Mariely Abreu | Todos os direitos reservados ©. voltar ao topo