Layout free - pink smooth


Hellow Gays! Bom como vão vocês? Já ganhei mais duas afiliadas ,e eu to feliz com meu trabalho , então pra constar , que também temos mais um seguir , fiz um layout free , básico , e se quiser mudar algo avise , e sempre lembre-se credite se usar , bom espero que gostem poís eu tentei , e dou um 7 ou 8 para meu resultado. E também eu tentei juro me esforçar , alguns sairam do jeito que eu queria e outros não , mais ok estou satisfeita , usei dois blogs pra isso , e vários outros tentando achar os códigos , mais coloquei os principais e os créditos estão nos gadgets , então por favor , não mude absolutamente nada.

 >> Baixe aqui <<



Os códigos
Para Welcome e About me
<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: #ffe8ed;
border: 1px solid #ffd1dc;
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://2.bp.blogspot.com/-YSQIc4WbwYk/VMFLr1s9ijI/AAAAAAAAURE/i5mIksdxbAA/s1600/page.jpg" /></a>
Sejam todos bem vindos a esse layout free, código não feitos por mim , mais por outras blogueiras ai embaixo , e sempre de os créditos
<center><a href="seu link" id="tags3">Texto</a>
<a href="seu link" id="tags3">Texto</a>
<a href="seu link" id="tags3">Texto</a></center></center></div>

Elite do lado direito

<center><style>
@font-face { font-family: "wish"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
#afiliados5{
background-color: #fbf6fc;
width: 23px;
height: 10px;
font-family: wish;
font-size: 8px;
float: left;
padding: 2px 0 6px 0;
text-align: center;
margin-left: 5px;
margin-bottom: 4px;
color: #cac2ce;
line-height: 13px;
border: 1px solid #e8ddee;
-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;
return: false;
}
</style>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a></center>

Visit lado esquerdo

<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: #ffe8ed;
border: 1px solid #ffd1dc;
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://2.bp.blogspot.com/-YSQIc4WbwYk/VMFLr1s9ijI/AAAAAAAAURE/i5mIksdxbAA/s1600/page.jpg" /></a>
<a href="http://www.blogger.com/" title="Exemplo"> <img src="http://2.bp.blogspot.com/-9OWxFO3P_C4/VMFKuPxPDqI/AAAAAAAAUQs/l-iv4plt9io/s1600/page2.jpg" /></a>
<a href="http://www.blogger.com/" title="Exemplo"> <img src="http://4.bp.blogspot.com/-YeLes9Ma6xE/VMFKuQf9bhI/AAAAAAAAUQw/IjRpUJrsr9Q/s1600/page3.jpg" /></a>
<a href="http://www.blogger.com/" title="Exemplo"> <img src="http://2.bp.blogspot.com/-9OWxFO3P_C4/VMFKuPxPDqI/AAAAAAAAUQs/l-iv4plt9io/s1600/page2.jpg" /></a>
<a href="http://www.blogger.com/" title="Exemplo"> <img src="http://4.bp.blogspot.com/-YeLes9Ma6xE/VMFKuQf9bhI/AAAAAAAAUQw/IjRpUJrsr9Q/s1600/page3.jpg" /></a>
<a href="http://www.blogger.com/" title="Exemplo"> <img src="http://2.bp.blogspot.com/-YSQIc4WbwYk/VMFLr1s9ijI/AAAAAAAAURE/i5mIksdxbAA/s1600/page.jpg" /></a>
</center>
</div> 

Blogs favoritos lado esquerdo

<center><a href="seu link" id="tags">Texto</a>
<a href="seu link" id="tags2">Texto</a>
<a href="seu link" id="tags">Texto</a>
<a href="seu link" id="tags2">Texto</a>
<a href="seu link" id="tags">Texto</a>
<a href="seu link" id="tags2">Texto</a></center> 

More Tags lado direito

<center><div style="image-align: center; margin-left: 2px; margin-top: 2px;">
<a href="LINK"><tag>NOME</tag></a>
<a href="LINK"><tag>NOME</tag></a>
<a href="LINK"><tag>NOME</tag></a>
<a href="LINK"><tag>NOME</tag></a>
<a href="LINK"><tag>NOME</tag></a>
</div></center> 

2 comentários:

  1. Que layout mais lindo, amo a cor Roxa :3

    YuukaMori.blogspot.com || Tenha um bom dia♥

    ResponderExcluir

Olá , antes de você comentar , existe regras e gosto de pessoas que respeitem.
- Não fale nenhum palavra
- Aqui é proibido ofender as pessoas
- Não coloque comentários anônimos , se você tem medo , não comente
- Aceito Tags , Celinhos , etc ..

Regras básicas , porém , precisam saber que aqui é um lugar de paz. E eu não quero brigas , a não ser que de alguma form aja. Espero que gostem do blog , e se quiserem seguir , fiquem a vontade. Ate~ (Agora comente).