Querida pessoa, se você está lendo isso é por que quer baixar o layout. Pois bem. Primeiro algumas regrinhas e informações básicas.
• Credite. Por favor. Não vou fazer nada se você não creditar, irei apenas pedir que coloque os créditos, mas seria bom se isso não precisasse acontecer.
• Lembre-se de comentar que você pegou o layout
• Repassar esse layout em seu blog apenas se tiver com todos os devidos créditos
• Se ver plágio por parte de quem quer que seja, favor avisar a mim
• Se ver plágio por parte de quem quer que seja, favor avisar a mim
• Para fazer o download clique na primeira bolinha.
• Não aceito encomendas. Apenas layouts free.
• Se tiver dúvidas, questionamentos, reclamações, vontade de cometer suicídio, favor fazer isso no ask.fm ou na ask do tumblr.
Vou lhe dizer o que deve fazer.
Esse layout possui negrito, itálico e sublinhado personalizados. Assim também como o Leia Mais. O blockquote fica a escolha da pessoa. Ao passar o mouse sobre as imagens da postagem, há um efeito de saturação. Experimente. Lembre-se de tirar a navbar, e aqueles ícones de redes sociais. Para adicionar os gadgets, siga os passos abaixo.
Para adicionar as imagens do gadget de friends e blogroll, adicione um gadget de HTML e no espaço cole o seguinte código, modificando apenas o que está em negrito:
<style>
#comida a img{
width:auto;
height:auto;
display:inline;
margin-right:2px;
margin-left:1px;
margin-top:1px;
margin-bottom:1px;
padding: 3px;
background: #F1F2F2;
border: 1px solid #ffe8ed;
outline: solid 1px #fff;
outline-offset: -5px;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
#comida a:hover img{
outline: solid 3px transparent;
opacity: 0.5;
outline-offset: -20px;
}
</style>
<div id="comida">
<center>
<a href="http://www.blogger.com/" title="Exemplo"> <img src="http://imageshack.us/a/img89/5616/6cjq.png" /></a>
<a href="http://www.blogger.com/" title="Exemplo"> <img src="http://imageshack.us/a/img89/5616/6cjq.png" /></a>
<a href="http://www.blogger.com/" title="Exemplo"> <img src="http://imageshack.us/a/img89/5616/6cjq.png" /></a>
<a href="http://www.blogger.com/" title="Exemplo"> <img src="http://imageshack.us/a/img89/5616/6cjq.png" /></a>
<a href="http://www.blogger.com/" title="Exemplo"> <img src="http://imageshack.us/a/img89/5616/6cjq.png" /></a>
<a href="http://www.blogger.com/" title="Exemplo"> <img src="http://imageshack.us/a/img89/5616/6cjq.png" /></a>
<a href="http://www.blogger.com/" title="Exemplo"> <img src="http://imageshack.us/a/img89/5616/6cjq.png" /></a>
<a href="http://www.blogger.com/" title="Exemplo"> <img src="http://imageshack.us/a/img89/5616/6cjq.png" /></a>
<a href="http://www.blogger.com/" title="Exemplo"> <img src="http://imageshack.us/a/img89/5616/6cjq.png" /></a>
</a>
</a></a></center></div>
http://www.blogger.com/ - Link do local que quer direcionar
Exemplo - Nome que quer que apareça no tooltip
http://imageshack.us/a/img89/5616/6cjq.png - Imagem
Tooltip: aqueles balõezinhos que aparecem ao passar o mouse sobre uma imagem. Para entender melhor deixe o mouse sobre uma das imagens do gadget Friends.
Para adicionar as tags, adicione um gadget de HTML no seu blog e cole o código abaixo, modificando apenas o que está em negrito.
<br /><a href="seu link" id="tags2">Texto</a>
<a href="seu link" id="tags2">Texto</a>
<a href="seu link" id="tags2">Texto</a>
<a href="seu link" id="tags2">Texto</a>
<a href="seu link" id="tags2">Texto</a>
<a href="seu link" id="tags2">Texto</a>
seulink- Link da página que quer direcionar
Texto- Título que quer que apareça na página
Acaba aqui. Qualquer dúvida, deixe um comentário no ask.fm ou na ask do tumblr. Obrigada por sua visita, e um bom proveito do seu layout.
Nenhum comentário:
Postar um comentário