agosto 07, 2018

Lay free: Phos (houseki no kuni)


Todas as informações necessárias, incluindo descrição do layout, visualização, regras, código e explicações após o ler mais.


Descrição do layout:
  • Visualização: [www]
  • Tema: Personagem Phos (versão 3) - Houseki no kuni
  • Tutoriais utilizados: [www]
  • É responsivo
  • Versão mobile personalizada
  • Fundo do blog personalizado
  • Cabeçalho com imagem
  • Área de post personalizada
  • Caixa dos posts personalizadas
  • Título e fonte dos posts personalizadas
  • Estrutura da sidebar em caixas separada dos posts
  • Gadgets da sidebar diferentes entre si
  • Fonte do título e conteúdo dos gadgets personalizados
  • Rodapé do blog personalizado
  • Rodapé do post personalizado
  • Efeitos nas imagens da sidebar
  • Botão de seguir personalizado
  • Efeitos da primeira imagem do blogue: postagem. Para colocar, vão ao HTML do post e acrescentem antes de fechar a tag </a> da primeira imagem class="postagem"
  • Efeitos nas outras imagens do post: swap. Para colocar, vão ao HTML do post e acrescentem antes de fechar a tag </a> da primeira imagem class="swap"
  • Data do post personalizada em forma de calendário
  • Blockquote personalizada
  • Seleção colorida personalizada
  • Negrito, itálico, sublinhado e riscado personalizado
  • Scrollbar personalizada
  • Ler mais personalizado
  • Cursor personalizado
  • Navegação (antigas/recentes) personalizada com imagens
  • Tem seta para topo deslizante
  • Primeira letra do post destacada. Para aplicar, vão ao HTML do post e coloquem a primeira letra do texto que escreveram entre as tags <big> e </big>
  • Marcadores "bullet list" personalizados
  • Tooltip personalizada
  • Menu dropdown situado no topo do blog
  • Caixa de pesquisa personalizada no menu
  • Comentários personalizados com google+ e blogger simultaneamente
  • Aceitar cookies não personalizado
  • Removidos incómodos como postagens atom e outras
  • Botão de seguidores personalizado com imagem/efeito
  • Lightbox personalizada
  • Praticamente tudo tem hover >.< 

Código:
  • HTML: [www]
  • HTML/Javascript em cima da sidebar e em baixo do cabeçalho: [www]
  • Gadget 1 - boas vindas: [www]
  • Gadget 2 - autore: [www]
  • Gadget 3 - despedida: [www]

Cuidados a ter:
  • Cumprir as regras [link para as regras]
  • Manter a ordem do primeiro e ultimo gadget, pelo meio não interessa o que fazem
  • Substituir o conteúdo da sidebar
  • Substituir os links dos gadgets da sidebar
  • Substituir os links do menu, que está no topo do blog. Para alterar, é preciso ir ao html e procurar por "A terra". O menu está na zona onde estiver isso.
  • Como substituir corretamente o link para seguir o blog do último gadget: [www]
  • Utilizem sempre o efeito postagem na primeira ilustração do post, como digo em cima
  • Editar o título do blog no cabeçalho [descarregar imagem], depois a Layout» Cabeçalho» fazer upload da imagem
  • Verificar que no cabeçalho está marcado "Em vez do título e descrição"
  • Ir a Layout» Mensagens de blogue» Colocar a data no formato "07 agosto 2018"
  • Ir a Layout» Mensagens de blogue» Colocar o ler mais no formato "Ler mais »"
  • Sugiro que para primeira ilustração do post, usem estas imagens que fiz a combinar com o layout (ver ltima seccção do link): [www]
Comentar com: ou

Sem comentários:

Enviar um comentário