Discover Top Posts Tagged with #menu rotate

Menu Rotate - 02.

Preview (xx)

Primeiro coloque isso depois do <head>:

Depois coloque esse código entre <style> e </style>:

/* --• MENU #02 BY SHWNTY THEMES • NÃO COPIE, NEM REPASSE! MANTENHA OS DEVIDOS CRÉDITOS •-- */ .sh-menu {position:fixed; margin-left:0px; /* distância da esquerda */ margin-top:140px; /* distância do topo */ width:300px; /* tamanho do menu, se quiser um abaixo do outro, diminua o valor, se quer um do lado do outro, aumente! */ height:auto; cursor: hand; float:center; text-align:center;} .sh-menu a{display:inline-block; width:15px; /* largura do box menu */ height:15px; /* altura do box menu */ font-size:10px; /* tamanho da fonte */ line-height:14px; margin:2px; /* tamanho da distância entre os links */ text-align:center; padding:3px; background:#e3cab3; /* cor do fundo do menu */ color:#fff; /* cor do texto */ box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .2), inset 1px 1px 1px rgba(0, 0, 0, .2); float:center; text-shadow:1px 1px 0px rgba(0, 0, 0, .3); border-radius:100%;} .sh-menu a:hover i {-moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;} /* --• MENU #02 BY SHWNTY THEMES • NÃO COPIE, NEM REPASSE! MANTENHA OS DEVIDOS CRÉDITOS •-- */

Coloque esse código depois de <body> ou <body onkeydown=“return false”>:

<div class="sh-menu"><a href="/" title="NOME DO LINK"><i class="fa fa-home"></i></a> <a href="/" title="NOME DO LINK"><i class="fa fa-envelope"></i></a> <a href="/" title="NOME DO LINK"><i class="fa fa-pencil"></i></a> <a href="/" title="NOME DO LINK"><i class="fa fa-tags"></i></a> <a href="/" title="NOME DO LINK"><i class="fa fa-anchor"></i></a></div>

Não remova e nem altere os créditos.

Modificações apenas para uso próprio.

Não repasse meus códigos.

Se foi útil, dê like ou reblog.

Em caso de dúvidas, pergunte aqui.

Menu by @shwnty

#menu #menu rotate #css #html #css personalizado #sh themes #shwnty themes #menu style #estilos de menu

Menu Rotate.

Preview (xx)

Primeiro coloque isso depois do <head>:

Depois coloque esse código entre <style> e </style>:

/* --• MENU #01 BY SHWNTY THEMES • NÃO COPIE, NEM REPASSE! MANTENHA OS DEVIDOS CRÉDITOS •-- */ .sh-menu {position:fixed; margin-left:0px; /* distância da esquerda */ margin-top:180px; /* distância do topo */ width:600px; /* tamanho do menu, se quiser um abaixo do outro, diminua o valor, se quer um do lado do outro, aumente! */ height:auto; cursor: hand; float:center;} .sh-menu a{display:inline-block; width:100px; /* largura do box menu */ eight:14px; /* altura do box menu */ font-size:10px; /* tamanho da fonte */ line-height:14px; margin:2px; /* tamanho da distância entre os links */ text-align:center; padding:3px; background:#9589b8; /* cor do fundo do menu */ color:#fff; /* cor do texto */ box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .2), inset 1px 1px 1px rgba(0, 0, 0, .2); float:center; text-shadow:1px 1px 0px rgba(0, 0, 0, .5); letter-spacing:2px; /* tamanho do espaço entre as letras. */} .sh-menu a:hover i {-moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;} /* --• MENU #01 BY SHWNTY THEMES • NÃO COPIE, NEM REPASSE! MANTENHA OS DEVIDOS CRÉDITOS •-- */

Coloque esse código depois de <body> ou <body onkeydown=“return false”>:

<div class="sh-menu"><a href="/"><i class="fa fa-home"></i>&nbsp HOME </a> <a href="/"><i class="fa fa-envelope"></i>&nbsp ASK ME </a> <a href="/"><i class="fa fa-pencil"></i>&nbsp SUBMIT </a> <a href="/"><i class="fa fa-tags"></i>&nbsp AUTHORSHIPS </a> <a href="/"><i class="fa fa-anchor"></i>&nbsp BLOGROLL </a></div>

Não remova e nem altere os créditos.

Modificações apenas para uso próprio.

Não repasse meus códigos.

Se foi útil, dê like ou reblog.

Em caso de dúvidas, pergunte aqui.

Menu by @shwnty

#menu #menu rotate #css #html #css personalizado #sh themes #shwnty themes #menu style #estilos de menu

Menu Rotate

Preview aqui -xoxo-

Primeiro copie e cole esse código em cima de </style>

/****links by m-adeoftitanium |Don't Copy | Se usar credite !****/

#delena {width:400px;margin-top:150px;margin-left:300px;height:0px;float:left;text-align:center;position:fixed;z-index:19;}/****links by m-adeoftitanium |Don't Copy****/

#delena a{display: inline-block;float: left;font-family:calibri;font-size:10px;color:#fff;-webkit-transform: rotate(0deg);-webkit-transition: all 0.5s ease-out;

-moz-transition: all 0.5s ease-out;font-style: normal;letter-spacing:0px;overflow: hidden;width:56px;height:33px;text-align: center;background:#000;line-height;display: inline-block; line-height: 32px;text-transform: uppercase;border-radius:0px 0px 0px 0px;padding:0px;display: inline-block; letter-spacing:1px;overflow: hidden;margin-left:1px;

}

#delena a:hover{color: #fff;text-decoration: none;-webkit-transition: 0.74s linear;background-color:#fccddd;background:{color:bg links };-webkit-box-shadow: inset 0px 0px 50px {color:bg links hover};-webkit-transitipn: 1s linear;border-radius:0px 0px 0px 0px;letter-spacing:1px;font-family:calibri;font-size:10px;-webkit-transform: rotate(360deg) scale(1.005) skew(1deg) translate(0px);}

/****links by m-adeoftitanium |Don't Copy | Se usar credite !****/

Depois copie e cole esse em baixo de <body>

</div>

Se usar credite e dê like

Não repasse

Nem reblogue

/mah

#menu #menu rotate