#menu heart

[passo-html]

Menu Heart

Visualize aqui [xx]

1) Cole esse código no seu css, antes de </style>:

/*** menu heart - by @agridoceja - por @passohtml***/ .heart {margin-bottom: 1px; display: block; padding-bottom : 2px; font-size: 10px; letter-spacing: 0; line-height: 15px; border-bottom: 1px solid #eee; vertical-align: middle;  text-indent:5px;  text-indent: 5px; text-decoration: none;} .heart:hover {margin-bottom: 1px; display: block; padding-bottom : 2px; font-size: 10px; letter-spacing: 0; line-height: 15px; border-bottom: 1px solid #eee; vertical-align: middle;  text-indent:5px;  text-indent: 5px; background-repeat: no-repeat; background-color: #f7f7f7; text-decoration: none;}

2) Agora cole esse código a onde desejar que fique o menu heart:

<div class="heart"><font color="#CORDOCORAÇÃO"> ❤ </font> <a href="LINK DE ALGO AQUI 1" target= "_blank">Nome</a>: do link 1</div> <div class="heart"><font color="#CORDOCORAÇÃO"> ❤ </font> <a href="LINK DE ALGO AQUI 2" target= "_blank">Nome</a>: do link 2</div> <div class="heart"><font color="#CORDOCORAÇÃO"> ❤ </font> <a href="LINK DE ALGO AQUI 3" target= "_blank">Nome</a>: do link 3</div> </div>

E está pronto! Qualquer dúvida só mandar aquela ask bolada e não esqueçam de creditar. Por: Brida Braga.

[bridabraga-themes]

Menu Heart

Visualize aqui [xx]

1) Cole esse código no seu css, antes de </style>:

/*** menu heart - by http://bridabraga.tumblr.com/ ***/ .heart {margin-bottom: 1px; display: block; padding-bottom : 2px; font-size: 10px; letter-spacing: 0; line-height: 15px; border-bottom: 1px solid #eee; vertical-align: middle;  text-indent:5px;  text-indent: 5px; text-decoration: none;}

.heart:hover {margin-bottom: 1px; display: block; padding-bottom : 2px; font-size: 10px; letter-spacing: 0; line-height: 15px; border-bottom: 1px solid #eee; vertical-align: middle;  text-indent:5px;  text-indent: 5px; background-repeat: no-repeat; background-color: #f7f7f7; text-decoration: none;}

2) Agora cole esse código a onde desejar que fique o menu heart:

<div class="heart"><font color="#CORDOCORAÇÃO"> ❤ </font> <a href="LINK DE ALGO AQUI 1" target= "_blank">Nome</a>: do link 1</div>

<div class="heart"><font color="#CORDOCORAÇÃO"> ❤ </font> <a href="LINK DE ALGO AQUI 2" target= "_blank">Nome</a>: do link 2</div>

<div class="heart"><font color="#CORDOCORAÇÃO"> ❤ </font> <a href="LINK DE ALGO AQUI 3" target= "_blank">Nome</a>: do link 3</div>

</div>

E está pronto! Qualquer dúvida só mandar aquela ask bolada e não esqueçam de creditar ♥ 

[htmlstrew]

Menu Heart

Visualize aqui [xx]

Primeiramente cole esse código no seu css, antes de </style>:

/*** menu heart - by http://bridabraga.tumblr.com/ ***/  .heart {margin-bottom: 1px; display: block; padding-bottom : 2px; font-size: 10px; letter-spacing: 0; line-height: 15px; border-bottom: 1px solid #eee; vertical-align: middle;  text-indent:5px;  text-indent: 5px; text-decoration: none;}

.heart:hover {margin-bottom: 1px; display: block; padding-bottom : 2px; font-size: 10px; letter-spacing: 0; line-height: 15px; border-bottom: 1px solid #eee; vertical-align: middle;  text-indent:5px;  text-indent: 5px; background-repeat: no-repeat; background-color: #f7f7f7; text-decoration: none;}

Agora cole esse código a onde desejar que fique o menu heart:

<div class="heart"><span style="font-family: calibri"><font color="#deb4b4">♥</font> <a href="LINK DE ALGO AQUI 1" target= "_blank">Nome</a>: do link 1</div>

<div class="heart"><span style="font-family: calibri"><font color="#deb4b4">♥</font> <a href="LINK DE ALGO AQUI 2" target= "_blank">Nome</a>: do link 2</div>

<div class="heart"><span style="font-family: calibri"><font color="#deb4b4">♥</font> <a href="LINK DE ALGO AQUI 3" target= "_blank">Nome</a>: do link 3</div>

E está pronto! Qualquer dúvida só mandar aquela ask bolada e não esqueçam de creditar ♥ ~Bri

[bk-designs-blog]

Menu heart

É o menu que usei nessa vitrine, no hover ele fica rosa com letra branca.

Coloque esse code em seu css:

/*menu heart por blindar-te */ .heart {position:absolute;margin-top:45px;margin-left:200px;} .heart a {background:#f4f4f4;padding:1px;padding-left:5px;padding-right:5px;;border-radius:50px;margin:3px;color:#d6d6d6;font-family:'cambria';font-size:15px;} .heart a:hover {-webkit-transform: rotate(360deg);box-shadow: inset 50px 0px 0px 0px #f7cadf;color:#fff;}

E esse depois de <body>:

<div class="heart"> <a href="/" title="nome do link">♡</a> <a href="/" title="nome do link">♡</a> <a href="/" title="nome do link">♡</a> <a href="/" title="nome do link">♡</a> </div>

Se usar credite, feito por beeh. ♥

[designs-gallery]

Menu Heart #2

Preview(xxx)

Primeiro cole essa parte no css no seu theme:

/*/ Menu heart por Mila[Designs-Gallery] Se usar credite ao Designs Gallery/*/ #links {margin-top:305px; margin-left:250px; block;width: px; position: fixed;-webkit-transition: all 1s ease-out;} #links a {display: inline-block; font-family:calibri; font-size:10px;width: 35px; height: 25px;line-height:15px;background-color:#fff ;text-align:center; color:transparent; font-style: normal; letter-spacing:1px;text-transform:uppercase; margin-top:1px; -webkit-transition: all 0.9s ease-out;border: 1px solid #969696; } #links a:hover {-webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out; color:#969696 } heart{color:#ff69b4;height:20px;font-family:calibri; font-size: 10px;line-height:25px;height:25px; width:35px;margin-left:-3px;position:fixed; text-align:center;}heart:hover{-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; margin-top:6px;} /*/ Fim do menu heart /*/

Agora essa parte vai depois de <body> ou <body...:

<div id="links"> <a href="url"><heart>♥</heart> Link1</a> <a href="url"><heart>♥</heart> Link2</a> <a href="url"><heart>♥</heart> Link3</a> <a href="url"><heart>♥</heart> Link4</a> <a href="url"><heart>♥</heart> Link5</a> <a href="url"><heart>♥</heart> Link6</a> </div>

Se usar ou gostar dê like

Não reblogue

Credite se usar

/Mila

[prettyhelp-blog]

Menu heart

O nome não é muito chamativo, eu sei, mas o efeito é apaixonante, meu Deus.... *o* (PREVIEW)

É o seguinte...

Este código no css Este código no html

Se usar credite, não pode pegar detalhes, se pegar detalhes, ou não creditar, eu te caço, e te capo.