Sobre o Layout Free

Olá! Esse é mais um template free feito por mim, Roberta, e que você poderá fazer o download em meu blog, o Reino Kawaii. É bem simples e pode ser usado como base, apenas peço que os créditos no rodapé sejam mantidos. Leia com atenção essa postagem para saber como usá-lo e o que ele contém.
O layout possui:
  •  Page List personalizado;
  •  Área de postagens personalizada;
  •  Gadgets personalizados;
  •  Efeito para área de Afiliados/Parceiros;
  •  Efeito para área About/Descrição do blog e do autor;
  •  Links de Navegação personalizados;
  •  Comentários personalizados;
  •  Tooltip;
  •  Efeito hover e nas bordas para imagens;
  •  Listas Personalizadas;
  •  2 backgrounds;
  •  Caixa de Pesquisa;
  • Negrito, Itálico, Sublinhado, Riscadinho;
Blockquote personalizado;
  • Seleção colorida.
2. Configuração:
Esse modelo é feito para usar sem cabeçalho, sendo o primeiro gadget para descrição de seu blog e sua, um mini perfil em que poderá adicionar links e texto na imagem para serem vistos quando se passa o mouse. Use o código abaixo para o primeiro gadget:
<center><img class"img-menu" src="URL DA IMAGEM 220X165" />
<div id="imgmenu">
Escreva algo aqui:
<center><a class="menuimg" href="Link" title="título">Nome do Link</a>
<a class="menuimg" href="Link" title="título">Nome do Link</a>
</center></div>
Para que a data fique como na visualização, deixe assim:
Para os afiliados ou qualquer imagem em que queira o efeito dos afiliados, use esse código...
Com link:
<a href="LINK" title='TITULO'><img class="arredondado" src="URL-DA-IMAGEM" /></a>
Apenas imagem:
<img class="arredondado" src="URL da Imagem" />

Para os marcadores, configure o gadget assim:

Para subir ou descer sidebar e área de posts encontre esses códigos e altere seus valores, sendo que números positivos descem e negativos sobem:

Posts
.main-inner .column-center-inner {
 padding: 0 $(main.padding);
margin-top: -150px;
}

Sidebar
.main-inner .column-right-outer {
width: $(main.column.right.width);
margin-right: -$(main.column.right.width);
margin-top: -150px;
      }

Para mudar a imagem de fundo do menu, basta trocar essa URL pela que preferir:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0WApyQNA8yCNOHFydtBTxY1oiQtNS4C621Lgp1ucSfotlsldBSKz7X9qx94e2bdw6-MbHiheiOBlztS5-1KcFKADVsQcC_98qzWwHWrxWK9PuYWj41rDgjbUwnhmSVHH7Rdzjk93TjJJt/s1600/barra.png



2 comentários:

Essa é apenas a demonstração do layout free; qualquer dúvida, comente em meu blog: Reino Kawaii. Beijos, Roberta.

Observação: somente um membro deste blog pode postar um comentário.

Template by Roberta.Credits: .TOP: .