17/12/2014

Menu Apple


Oizinho pessoal!!! Hoje trago um menizinho que encontrei e achei muito fofucho, espero que gostem ele é ótimo para afiliados ou divulgação, não é aconselhavam escrever uma palavra grande dele abreviados são melhores, agora vou parar de blá, blá, blá e vamos ao tutorial.



Imagem de Além da Imaginação

1. Vá até o HTML e usando o atalho Ctrl+F procure por ]]></b:skin>, acima dele cole o código abaixo:

Códigos
/* Menu Apple */ apple{ color: #fff; /* cor da fonte quando passa o mouse */ text-align:center; font-size: 11px; /* Tamanho da fonte do menu */ background: #CD2626 ; /* Fundo do menu */ padding: 2px; float: left; margin: 2px; cursor: crosshair; /*cursor */ width: 10%; /* tamanho do menu */ -webkit-transition-duration: .80s; border:1px solid #1C1C1C; /* bordas */ border-radius: 9px; /*---- bordas arredondadas ----*/ } apple:hover{ background:#1c1c1c; /* fundo do menu quando passa o mouse */ border:1px solid #CD2626; /* bordas quando passa o mouse */ color: #fff; /* cor da fonte quando passa o mouse */ -webkit-transition-duration: .80s; border-radius: 5px; /*---- bordas arredondadas ----*/ }


2. Agora vá até Layout e em um gadget HTML/JavaScript, cole:

Códigos
<div> <a href="URL"><apple>VG </apple></a> <a href="URL"><apple>VG </apple></a> <a href="URL"><apple>VG </apple></a> <a href="URL"><apple>VG </apple></a> <a href="URL"><apple>VG </apple></a> <a href="URL"><apple>VG </apple></a> <a href="URL"><apple>VG </apple></a> <a href="URL"><apple>VG </apple></a> <a href="URL"><apple>VG </apple></a> <a href="URL"><apple>VG </apple></a> <a href="URL"><apple>VG </apple></a> <a href="URL"><apple>VG </apple></a> <a href="URL"><apple>VG </apple></a> <a href="URL"><apple>VG </apple></a> <a href="URL"><apple>VG </apple></a> <a href="URL"><apple>VG </apple></a> <a href="URL"><apple>VG </apple></a> <a href="URL"><apple>VG </apple></a> <a href="URL"><apple>VG </apple></a> <a href="URL"><apple>VG </apple></a> <a href="URL"><apple>VG </apple></a> </div>

Eu encontrei esse menuzinho lindo lá no Além da Imaginação, então se usar credite, ok? Beijinhos meus amores.

Nenhum comentário:

Postar um comentário

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345