Discover Top Posts Tagged with #menuheart

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:

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

#tutoriais #menu #menu coração #menuheart #menu heart #heart #bri #bridabraga #html #css #tuto #tutorial

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...:

Se usar ou gostar dê like

Não reblogue

Credite se usar

/Mila

#mila #menus #menu #menuheart #menu heart

Menu Heart

Preview (xxx)

Primeiro cole esse código no seu css:

/*/ Menu heart por Mila[Designs-Gallery] Se usar credite ao Designs Gallery/*/ .imagem {position: absolute; margin-left:600px; margin-top: 245px; position:fixed;-webkit-transform: rotate(0deg);z-index:99999999;-webkit-transition: all 1s ease-in-out;} .imagem img { position:fixed;-webkit-transition: all 1s ease-in-out; display: block;width:150px; height:150px;background-color:#000; border:3px solid #fff;z-index:99999999 } .imagem img:hover{-webkit-filter: grayscale(80%) } #links {margin-top:15px; block; text-align: left; position: fixed;-webkit-transition: all 1s ease-out;} #links a {display: inline-block; font-family:calibri; font-size:11px;width: 150px; height: 20px;line-height:20px;background-color: rgba(255, 105, 180, 0.5); color:#fff; font-style: normal; letter-spacing:1px;text-transform:uppercase; margin-top:1px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; padding-left:5px;} #links a:hover {-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; margin-left:-55px; text-shadow: 5px 1px 10px #FF69B4;} heart{color:#fff;height:20px;font-family:calibri; font-size: 10px;line-height:20px;width:20px;margin-left:-25px;position:fixed; background:#FF69B4;text-align:center;} /*/ Fim do menu heart /*/

Depois cole esse depois de <body> ou <body...:

#menus #menu #menuheart #mila

Imagens para menu heart.

#menuheart

Como colocar menu de coração no theme

Primeiro, ponha esse codigo No seu css antes de </style>

.heart {display : block; font-size: 8pt; font-family: verdana, Lucida Sans Unicode; line-height: 15px; border-bottom : 1px solid #f4f4f3; text-indent : 5px; vertical-align : middle; background: url('http://www.hellostar.org/wp-admin/images/q1.gif') no-repeat left; padding-left : 10px; padding-bottom : 2px;} .heart:hover {display : block; font-size: 8pt; font-family: verdana, Lucida Sans Unicode; line-height: 15px; border-bottom : 1px dashed #E0DCD6; text-indent : 5px; vertical-align : middle; background : url('http://www.hellostar.org/wp-admin/images/q2.gif') no-repeat left; padding-left : 10px; padding-bottom : 2px;}

Se voce quiser que seja uma palavra/frase coloque esse codigo aonde voce quer que fique:

<div class="heart">Palavra ou frase ou sei la oque.</div>

Agora, se voce quiser que seja um link ( igual ao que eu coloco nos meus themes) coloca esse codigo:

<div class="heart"><a href="http://SEULINK.tumblr.com">Palavra ou frase.ou link</a></div>

E Pronto! seu theme ja esta com menu de coração!

SE USAR ESSE TUTORIAL DE LIKE (♥) E CREDITE! ELE FOI TOTALEMNTE FEITO POR MIM ,SARAH =D

#Tutorial #menuheart

Menu Heart.

O menu coração é muito simples para colocar. Vamos lá:

Cole o código abaixo no seu CSS qualquer lugar desde que esteje acima de </style>:

.heart {display : block; font-size: 8pt; font-family: verdana, Lucida Sans Unicode; line-height: 15px; border-bottom : 1px solid #f4f4f3; text-indent : 5px; vertical-align : middle; background: url('http://static.tumblr.com/gopkdvw/ULblux6em/j.png') no-repeat left; padding-left : 10px; padding-bottom : 2px;} .heart:hover {display : block; font-size: 8pt; font-family: verdana, Lucida Sans Unicode; line-height: 15px; border-bottom : 1px dashed #E0DCD6; text-indent : 5px; vertical-align : middle; background : url('http://static.tumblr.com/gopkdvw/4pKlux6fw/j.png') no-repeat left; padding-left : 10px; padding-bottom : 2px;}

A parte em negrito é onde ficara a url do coração, a imagem como abaixo:

Sem passar o mouse →

Após passar o mouse →

Mas atenção, as imagens para dar resultado tem que ser de cores diferentes porém a mesma!

2. Na onde você quer que fique o menu (sidebar, about, faq, ask e etc) coloque assim:

<div class="heart"> Sua frase ou link aqui </div>

Agora é só ver se deu certo e salvar. Foi útil? Dê like!

-kakau

#menuheart