Jan 1, 2021
Stunning Strikethrough CSS Menu Hover
Loading...
seen from United States
seen from India
seen from United States
seen from Türkiye
seen from Australia
seen from China
seen from Australia
seen from Pakistan
seen from United States
seen from Malaysia
seen from Mexico
seen from United States
seen from South Korea
seen from United Kingdom
seen from China
seen from Mexico
seen from Brazil
seen from United States
seen from United Kingdom
seen from Türkiye
Stunning Strikethrough CSS Menu Hover
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
Free to watch • No registration required • HD streaming
Creative simple CSS Menu Hover
Cool Menu hover Effect using html and css
Menu Hover de Imagem
@PREVIEW
Para fazer o Munu acima primeiramente você deve colar esse código no seu CSS:
/**CÓDIGO BY ART.CODE.TUMBLR.COM */.menuimagem { float:left; font-size: 17px; /**tamanho da fonte**/ font-family:cambria; /**fonte**/ color: #fff; text-transform: uppercase; text-shadow: 2px 2px 0px #8f1520; text-decoration:none; width: 110px; height:25px; text-align:center; padding-top: 16px; -webkit-transition-duration: .30s; background:url(http://static.tumblr.com/8bwnrlm/Lbjo1ov7h/menu.png) no-repeat; } .menuimagem:hover {height: 49px;}
Depois cole isso onde você quer que seu código apareça:
<a href="/" class="menuimagem">HOME</a> <a href="/" class="menuimagem">ASK</a> <a href="/" class="menuimagem">BACK</a>
Prontinho! Mas se você quiser o botão em outras cores, ta aqui o arquivo em psd para que você possa alterar para sua preferência.
Ou então, se você quiser outra imagem no lugar, basta você alterar o link no código do CSS.
Se esse tutorial foi útil, por favor, dê like.
Theme 03
Live Preview ∞ Code
Com 1 ou duas colunas
Menu em hover
Imagens mudadas pelo appearence.
Paginação e rolagem infinita a escolha.
Se pegar avise, faça bom uso ;)
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
Free to watch • No registration required • HD streaming
Menu Hover em Coluna
@Preview
Para ter esse menu, copie o código a baixo e cole no seu CSS:
/** menu invert hover por bruna lisboa (resources and designs) **/ .menurad { color: #b2c659 ; width: 200px; font: 20px "Unica One"; letter-spacing: -1px; text-transform: uppercase; text-align: center; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; padding: 5px; background: #f3f3f2; border-radius: 0px; margin: 2px; } .menurad:hover { background: #b2c659; color: #f3f3f2; text-shadow: -2px -1px -1px #e6d3e9; }
Agora cole onde você quer que o menu apareça o seguinte código:
<a href="/"><div class="menurad">Link 01</a></div> <a href="/"><div class="menurad">Link 02</a></div> <a href="/"><div class="menurad">Link 03</a></div> <a href="/"><div class="menurad">Link 04</a></div>
Pronto! Agora é só fazer as alterações de cores, fonte, etc.
Se quiser usar essa font do exemplo, cole depois de <head> :
<link href='http://fonts.googleapis.com/css?family=Unica+One' rel='stylesheet' type='text/css'>
Se pegou, por favor, dê like ou comente.
Menu Scond
Visualize {♥}
Cole esse código no seu css (depois de <style>)
-->código<--
Agora cole esse código depois de <body…>
<div class="fotinhamoni"><img src="URL DA IMAGEM"> <div id="frasem">Vem comigo que te cuido.</div> <div id="descrimoni">Sua descrição aqui</div> <div id="menuscond"> <a href="/"> link </a> <a href="/"> link </a> <a href="/"> link </a></div></div></div>
Se utilizar dê like.
Não retire os meus créditos / Credite.
Reponha as aspas se PRECISAR
{Môni}
Menu Guard
Fiz esse menu inspirado no outro que já postei aqui >♥<.
Visualize *-*
1° Código (xx) - cole ele no seu css
Agora cole isso no html do seu theme
<div id='sidenehmoni'><img src="URL DA IMAGEM"> <div id='faixa1'>
<div id='frase'> F u t u r e ♥
</div>
</div>
<div id='menuguard'>
<a href="/"> link </a> <a href="/"> link </a>
<a href="/"> link </a> <a href="/"> link </a> <a href="/"> link </a>
<a href="/"> credit </a></div>
Se utilizar dê like.
Não retire os meus créditos / Credite.
Reponha as aspas se PRECISAR
{Môni}