fonte e creditos:templateseacessorios...este foi o modelo que mais gostei!!! Este modelo<div style="text-align:center;">Troque a cor do blog</div><br /><center><a href="#" onclick="javascript:document.body.style.backgroundColor='#ff0000'; document.body.style.backgroundImage='none';"><img src="http://4.bp.blogspot.com/_dsEG33PDaHw/S32TTX4H60I/AAAAAAAAAJU/qYc4BYZclgg/s200/body-rojo.png" /></a><a href="#" onclick="javascript:document.body.style.backgroundColor='#fff000'; document.body.style.backgroundImage='none';"><img src="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TK7730eI/AAAAAAAAAIs/3v5O2GDrs1s/s200/body-amarillo.png" /></a><a href="#" onclick="javascript:document.body.style.backgroundColor='#04B404'; document.body.style.backgroundImage='none';"><img src="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TTyfDggI/AAAAAAAAAJk/9x17-Ec7Dnw/s200/body-verde.png" /></a><a href="#" onclick="javascript:document.body.style.backgroundColor='#0080FF'; document.body.style.backgroundImage='none';"><img src="http://4.bp.blogspot.com/_dsEG33PDaHw/S32TLXeztWI/AAAAAAAAAI0/7hWfrfWsdKU/s200/body-azul.png" /></a><a href="#" onclick="javascript:document.body.style.backgroundColor='#CC00FF'; document.body.style.backgroundImage='none';"><img src="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TMB5SOXI/AAAAAAAAAJE/PRMfKVBj6fM/s200/body-morado.png" /></a><a href="#" onclick="javascript:document.body.style.backgroundColor='#F781BE'; document.body.style.backgroundImage='none';"><img src="http://1.bp.blogspot.com/_dsEG33PDaHw/S32TTl7vW9I/AAAAAAAAAJc/GHdXgYyF4Ro/s200/body-rosa.png" /></a><a href="#" onclick="javascript:document.body.style.backgroundColor='#000000'; document.body.style.backgroundImage='none';"><img src="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TMY3FA9I/AAAAAAAAAJM/6Hx0CAagVOQ/s200/body-negro.png" /></a><a href="#" onclick="javascript:document.body.style.backgroundColor='#FFFFFF'; document.body.style.backgroundImage='none';"><img src="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TLuZ0f1I/AAAAAAAAAI8/r1AHB4GpoPQ/s200/body-blanco.png" /></a></center> Culinaria gaucha para enfrentar o rigoroso inverno...e de comer lambendo os beicos fonte e creditos deste presente post:...grande amiga "Gema"...do blog fantatico!:"gemablog" Menu con gradient CSS3 Este menu esta creado con CSS3, consiguiendo un elegante efecto hover con gradient, la idea es de Insicdesigns. basandose en el menu de Dragon InteractivePara anadirlo a nuestro blog editamos un gadget de HTML y en su interior anadimos: <div class="wrapper"><div class="container"><ul class="menu" rel="sam1"><li class="active"><a href="#">Home</a></li><li><a href="#">Enlace- 1</a></li><li><a href="#">Enlace- 2</a></li><li><a href="#">Enlace- 3</a></li><li><a href="#">Enlace- 4</a></li><li><a href="#">Enlace- 5</a></li><li><a href="#">Enlace- 6</a></li><li><a href="#">Enlace- 7</a></li></ul></div></div>Guardamos los cambios y en plantilla edicion de HTML justo antes de ]]></b:skin> anadimos los estilos:.wrapper { width: 100%; height: 80px; background : #464646; background : -webkit-gradient(linear, left top, left bottom, from(rgb(168,168,168)), to(rgb(69,69,69))); background : -moz-linear-gradient(top, rgb(168,168,168), rgb(69,69,69)); border-top: 2px solid #939393; position: relative; margin-bottom: 30px;}ul { margin: 0; padding: 0;}ul.menu { height: 80px; border-left: 1px solid rgba(0,0,0,0.3); border-right: 1px solid rgba(255,255,255,0.3); float:left;}ul.menu li { list-style: none; float:left; height: 79px; text-align: center; background: -webkit-gradient(radial, 50% 100%, 10, 50% 50%, 90, from(rgba(31,169,244,1)), to(rgba(0,28,78, 1)) ); background: -moz-radial-gradient(center 80px 45deg, circle cover, rgba(31,169,244,1) 0%, rgba(0,28,78, 1) 100%); }ul li a { color: #363636; font-size: 15px; font-weight: bold; text-decoration: none; text-transform: uppercase; display: block; padding: 0 20px; border-left: 1px solid rgba(255,255,255,0.1); border-right: 1px solid rgba(0,0,0,0.1); text-align: center; line-height: 79px; background : -webkit-gradient(linear, left top, left bottom, from(rgb(168,168,168)), to(rgb(69,69,69))); background : -moz-linear-gradient(top, rgb(168,168,168), rgb(69,69,69)); -webkit-transition-property: background; -webkit-transition-duration: 700ms; -moz-transition-property: background; -moz-transition-duration: 700ms; }ul li a:hover { background: transparent none;}ul li.active a{ background: -webkit-gradient(radial, 50% 100%, 10, 50% 50%, 90, from(rgba(31,169,244,1)), to(rgba(0,28,78, 1)) ); background: -moz-radial-gradient(center 80px 45deg, circle cover, rgba(31,169,244,1) 0%, rgba(0,28,78, 1) 100%);}Anadimos nuestro enlaces editando el gadget de HTML y sustituyendo el texto que hara de enlace por nuestro texto, la almohadilla # la sustituimos por la url del sitio que vamos a enlazar. Si deseamos anadir mas enlaces bastara con anadir tantas lineas como enlaces deseamos anadir.<li><a href="#">Enlace- 7</a></li><li><a href="#">Enlace- 8</a></li><li><a href="#">Enlace- 9</a></li>traduzido: menu gradiente CSS3 Este menu e criado com CSS3, recebendo uma multa, passe com gradiente, a ideia e Insicdesigns. com base no menu Dragon InteractivePara adicionar ao nosso blog, editar um gadget dentro do HTML e adicionar:class="wrapper"> <divclass="container"> <divclass = "menu" rel="sam1"> <ul<li class="active"> <a href="#"> Home </ a> </ li><li> <a href = "#">Link-1</ A> </ li><li> <a href = "#">Link-2</ A> </ li><li> <a href = "#">Link-3</ A> </ li><li> <a href = "#">Link-4</ A> </ li><li> <a href = "#">Link-5</ A> </ li><li> <a href = "#">Link-6</ A> </ li><li> <a href = "#">Link-7</ A> </ li></ Ul></ Div></ Div>Salve as alteracoes e editar o HTML modelo antes ]]></ B: skin> adicionar estilos:. Wrapper { width: 100%; height: 80px; background: # 464646; background:-webkit-gradiente (linear, inferior esquerda, superior esquerdo, a partir de (rgb (168168168)), a (rgb