comentarios estrangeiros, valeu mesmo pela forca gente! Outra novidade recente - com recente quero dizer que aconteceu ontem! UAHSUHA' - Foi a entrega do layout para o blog C.L {www} alem do blogueiro Thawan ser super paciente, engracado e exagerado no CAPS LOCK, o blog e super interessante oh, amo essa revista e se quiserem podem conferir o novo layout - com novo quero dizer que ele foi entregue ontem.P.S.: Hannah G3 trouxe duas gatinhas para casa.P.P.S.: Ela trouxe mais uma, mas minha vo ira buscar ela, e a merda e que me apeguei a bicha.Se eu disser que me lembro, estarei mentindo, pois nao me lembro onde vi o tutorial do efeito, mas se descobrirem me avisem pelo amor de Deus - pelos comentarios; e sim, esse tutorial e meio exclusivo, embora o efeito nao tenha sido criado por mim, eu o modifiquei muito e se quiserem ver como ele e...Clica! {}Cole o codigo acima de ]]></b:skin>.menuroll { width: 40px; height: 40px; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition-duration: .90s; -webkit-box-shadow: 0px 0px 4px #efefee; -moz-box-shadow: 0px 0px 4px #efefee; box-shadow: inset 3px 3px 0 #faf9fb, 2px 2px 0 #f6f6f6; overflow: inherit; margin-bottom: 5px; color: #fff; background: #f1edf4; border: #d4c8dd solid 1px; outline: solid 1px #f1edf4; outline-offset: -2px; text-shadow: 1px 1px 0 #cbbcd6;}.menuroll:hover { background: #e7e1ec; width: 250px; height: 40px; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition-duration: .90s;}.rollimg { width: 40px; height: 40px; float: right; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition-duration: .90s; z-index: 100;}.menuroll:hover .rollimg { width: 40px; height: 40px; float: right; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: center; -webkit-transition-duration: .90s; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-box-shadow: 0px 0px 4px #d0d3bb; -moz-box-shadow: 0px 0px 4px #d0d3bb; box-shadow: -2px 0px 3px #d0d3bb;}.titleroll { width: 300px; color: #c8cbaf; font-size: 10px; font-family: Jacques Francois Shadow; z-index: 50; margin-top: 5px; margin-bottom: -31px; -webkit-transition-duration: .90s; opacity:0; -moz-opacity: 0; filter: alpha(opacity=0); text-shadow:0px 0px 5px #b8a4c7;}.menuroll:hover .titleroll { text-shadow:0px 0px 2px #d0d3bb; margin-left: 5px; -webkit-transition-duration: .90s; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);}cole isso em um gadget HTML / JavaScript:<a href='LINK'> <div class="menuroll"> <div class="titleroll">Nome 1</div> <img src="http://3.bp.blogspot.com/-Ay-APIM2Z1U/Uo_D4_-pF6I/AAAAAAAAIFs/a8YcRTg6zcY/s1600/asno.png" class="rollimg" /> </div></a><a href='LINK'> <div class="menuroll"> <div class="titleroll">Nome 2</div> <img src="http://3.bp.blogspot.com/-T2hV-f-H63k/Uo_EIGudo2I/AAAAAAAAIG0/9LaLAx29wx0/s1600/egvf.png" class="rollimg" /> </div></a><a href='LINK'> <div class="menuroll"> <div class="titleroll">Nome 3</div> <img src="http://2.bp.blogspot.com/-cUqbQOWZIWg/Uo_Ei5OHzDI/AAAAAAAAIIs/0H6Jfr6d3f0/s1600/merdapodri.png" class="rollimg" /> </div></a>Ta certo galera, foi esse o tutorial e espero que tenham curtido. - Rockisses in ur faces chocos!