<h3>Menu <span>360 graus</span></h3>

Ola amigos, tudo bom com vocês ^3^. Como já notaram para facilitar gosto de sempre deixar opções nos tutoriais, hoje reservei o menu giratório. Criei alguns backgrounds extras se desejar modificar, descanse o mouse no exemplo abaixo e veja o resultado.

Créditos Parceiros Chat Mapa

-------------------------------------------------------------------------------------
Copie o código abaixo e cole em HTML/Java Script
<CENTER> <style> .boll_{ width:50px; padding:4px; margin:2px; background:url(ENDEREÇO DO BACKGROUND); font:11px arial; text-align:center; Text-decoration:none; color:#000; display:inline-block; height:28px; padding-top:25px; border-radius:50%; -webkit-transition:All 0.5s ease; -moz-transition:All 0.5s ease; -o-transition:All 0.5s ease; transform: rotate(0deg) ; -webkit-transform: rotate(0deg) ; -moz-transform: rotate(0deg) ; -o-transform: rotate(0deg) ; -ms-transform: rotate(0deg) ; } .boll_:hover{transform: rotate(360deg) ; -webkit-transform: rotate(360deg) ; -moz-transform: rotate(360deg) ; -o-transform: rotate(360deg) ; -ms-transform: rotate(360deg) ; } @font-face { font-family:arial; } </style> <a class="boll_" href="ENDEREÇO DA PÁGINA">Link 1</a> <a class="boll_" href="ENDEREÇO DA PÁGINA">Link 2</a> <a class="boll_" href="ENDEREÇO DA PÁGINA">Link 3 </a> <a class="boll_" href="ENDEREÇO DA PÁGINA">Link 4</a> </center><BR>

Para mudar o modelo copie o endereço que esta dentro da caixinha abaixo e cole no seguinte trecho do código:

background:url(ENDEREÇO DO BACKGROUND);

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizIyfT90inMIILQ_0z9NHcgKCxN_4UlNjl3JHf7mMOUchIYq8s2TAhyfMoORslD4RsyocqCYKTC9XJWx0V1CFzCbDWrwcdZ3t6gyJBC1WSXxkK4RyfIlbzorP9f2XLd3uM4wFrxmbD-2vC/s320/menu04.png	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7DQZlpgWCbnM_j6DY-gcsVctI99VS5BJS0YCffyRRwW-1bIEaUWsCNoSVXx8pqE4u2CLUQKMHwBfyFE2cLQPmWPUclu9RTUTXuP1J0urYKfxESdH05IpNpxdrUdxPATA1BYpIVgrRAevX/s320/menu05.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9mS5W-VOe8LQknSzK_siqHYN_9V8Xi6Y73o2wiR817g6WIRPwFcD0KcuRAH4m0_9jFCF-MazdRQhuJZSngsMek-C2NEMjaxN4o2dwf8PY3Y-8sJjLlSLWjTTV_uT2by6PsyEA003-jXJU/s320/menu03.png	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6SutPAb40LHMtqQ_7HiibKLxkSX5YHnuJLc1pe5Js_Wx719FWaJuFZSSGooEUZSFTG3ncUl3NBob6aDLd8yF_F0LIzLURGq1RynPyB_i4DUMoPOncfeDOPrOgyPBCk1BpFEmvLfbim_vA/s1600/menu01.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAfCqvn2FNFE3bdt67uKS-CGnLHBCdUnX0rTbSw5xvZBwhjIt5BnF1oUFIxQ2n2dMiTTD2-YsIBcXfRQnxD-BnCqX4QtwpUp-YxrLPJ0sPvDtVM-hpchD6Iy1ZkoS_QihxVUM5mDevXeME/s320/menu010.png	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPatpEnJzYP9eAareoV-pp89kWLqovk4f1kqRR3U6AQpcQvIusfkOLc7ThK1GGbbE5nvoFKLqC0bUGoxzC3ERkZUlviHzy6LGM6Ns-0SJShEb1OfyOjQeigwySu2s4egQjgCykXBaiJg9E/s320/menu09.png