Souldhack necesita de nuestra ayuda! Por favor lee la siguiente nota! Necesitamos tu ayuda! Y apoyanos!
souldhack
Botones Ice Blue
Botones para diseños Ice Blue
Escrito por Administrador - 20/Agosto/2011
Pensando en que entrada hacer se me ocurrio poner botones para diseños Ice blue, Bien si nmas que decir vamos a empezar, lo primero que vamos a hacer es en un codigo css vamos a poner en "(URL DEL BOTON AQUI)" el url del boton que nos agrade. La verdad es que es muy facil. bien he aqui el codigo:
<style type="text/css"> <!--
p, div{color:#ffffff;}
body{color: #ffffff;background-color:#000000;}
/*Navigation*/
td.edit_navi_headbg{background-image: none;width: 15%;}
td.nav_heading{background-image: url(URL DEL BOTON AQUI);height: 33px;padding-left: 27px;font-size: 14px;font-weight: bold;}
td.nav{background-image: url(URL DEL BOTON AQUI);height: 33px;}
td.nav:hover{background-image: url(http://Hier Bildlink/buttoncpredhov.jpg);height: 33px;}
td.nav a{color: #ffffff;text-decoration: none;font-size: 11px;}
td.nav a:hover{color: #ffffff;text-decoration: overline underline;font-size: 11px;}
td.nav a:visited{color: #ffffff;font-size: 11px;font-weight: bold;}
td.edit_below_nav{visibility: hidden;}
/*Content*/
td.edit_rechts_cbg{background-image: none;width: 100%;}
td.edit_content_top{height: 33px;background-image: url(URL DEL BOTON AQUI);font-size:14px;font-weight:bold;text-align: center;}
td.edit_content{background-image: none;background-color:transparent;}
td.edit_content div{color: #fff;font-size: 12px;font-weight: bold;}
td.edit_content p{color: #fff;font-size: 12px;font-weight: bold;}
td.edit_content font{color: #fff;font-size: 12px;font-weight: bold;}
td.edit_content_bottom{background-image: url(URL DEL BOTON AQUI);height: 33px;}
td.edit_content_bottom2{background-image: none;height: 38px;}
td.headline2{visibility: hidden;}
/*Rechte Boxen*/
td.sidebar_heading{background-image: url(URL DEL BOTON AQUI);height: 33px;font-size: 14px;font-weight: bold;text-align: center;}
.shouty, .shouty2, .shouty3, .shouty4, .shouty5{background-image: none;background-color:transparent;border: 3px dotted transparent;}
td.edit_rechts_bottom{background-image: none;width: 15%;}
td.edit_rb_footer{background-image: none;}
/*Rechter Streifen*/
td.edit_rechts_sbg{background-image: none;visibility: hidden;position: absolute;right: 0px;}
--> </style>
p, div{color:#ffffff;}
body{color: #ffffff;background-color:#000000;}
/*Navigation*/
td.edit_navi_headbg{background-image: none;width: 15%;}
td.nav_heading{background-image: url(URL DEL BOTON AQUI);height: 33px;padding-left: 27px;font-size: 14px;font-weight: bold;}
td.nav{background-image: url(URL DEL BOTON AQUI);height: 33px;}
td.nav:hover{background-image: url(http://Hier Bildlink/buttoncpredhov.jpg);height: 33px;}
td.nav a{color: #ffffff;text-decoration: none;font-size: 11px;}
td.nav a:hover{color: #ffffff;text-decoration: overline underline;font-size: 11px;}
td.nav a:visited{color: #ffffff;font-size: 11px;font-weight: bold;}
td.edit_below_nav{visibility: hidden;}
/*Content*/
td.edit_rechts_cbg{background-image: none;width: 100%;}
td.edit_content_top{height: 33px;background-image: url(URL DEL BOTON AQUI);font-size:14px;font-weight:bold;text-align: center;}
td.edit_content{background-image: none;background-color:transparent;}
td.edit_content div{color: #fff;font-size: 12px;font-weight: bold;}
td.edit_content p{color: #fff;font-size: 12px;font-weight: bold;}
td.edit_content font{color: #fff;font-size: 12px;font-weight: bold;}
td.edit_content_bottom{background-image: url(URL DEL BOTON AQUI);height: 33px;}
td.edit_content_bottom2{background-image: none;height: 38px;}
td.headline2{visibility: hidden;}
/*Rechte Boxen*/
td.sidebar_heading{background-image: url(URL DEL BOTON AQUI);height: 33px;font-size: 14px;font-weight: bold;text-align: center;}
.shouty, .shouty2, .shouty3, .shouty4, .shouty5{background-image: none;background-color:transparent;border: 3px dotted transparent;}
td.edit_rechts_bottom{background-image: none;width: 15%;}
td.edit_rb_footer{background-image: none;}
/*Rechter Streifen*/
td.edit_rechts_sbg{background-image: none;visibility: hidden;position: absolute;right: 0px;}
--> </style>
Bien como ya dicho anteriormente lo volvere a explicar, en las palabras "URL DEL BOTON AQUI" de color rojo hay vamos a poner el url del boton que nos agrade.
Bien he aqui una gran variedad de botones con su respectivo url, agarren a manos llenas.
https://img.webme.com/pic/t/the-playa/unbenannt-18.jpg
http://www.fileden.com/files/2008/12/9/2217600/Gif02.gif
http://i29.tinypic.com/or093a.jpg
https://img.webme.com/pic/n/nazimcax/button3.gif
http://s2.subirimagenes.com/imagen/957429boton-de-menu.png
http://img338.imageshack.us/img338/8261/16da4.png
http://i42.tinypic.com/34sf67p.jpg
http://i42.tinypic.com/e6xgxw.jpg
https://img.webme.com/pic/s/success4you/plasmabutton2.gif
https://img.webme.com/pic/s/success4you/centerblue2.gif
https://img.webme.com/pic/v/venezuela-style/navazzurrodown.gif
https://img.webme.com/pic/s/success4you/lilawater.gif
https://img.webme.com/pic/s/spiderman100/navfiredown.gif
http://img397.imageshack.us/img397/9788/73887836cg1.png
http://img406.imageshack.us/img406/8335/icon85066dz4.png
http://img60.imageshack.us/img60/2091/22we6.png
https://img.webme.com/pic/s/success4you/wave.gif
https://img.webme.com/pic/s/success4you/bluedown.gif
https://img.webme.com/pic/s/success4you/light.gif
https://img.webme.com/pic/s/success4you/firework.gif
https://img.webme.com/pic/s/success4you/kristalle.gif
https://img.webme.com/pic/s/success4you/realflashdown.gif
https://img.webme.com/pic/s/success4you/lens2.gif
https://img.webme.com/pic/s/success4you/sea.gif
https://img.webme.com/pic/s/success4you/laserdown.gifBien ya terminado el codigo con su boton preferido, lo que sobra es pegarlo en Contenido del 1.Box (derecha)
Sin duda un articulo muy util para los que tienen diseños Ice blue
Tweet
Acerca del autor
Manolo M./AdministradorLes cuento un poco sobre mi... soy un aficionado en todo lo relacionado con las paginas web, haora estoy enamorado de mi pagina web en la cual se comparten conocimientos, ideas... Leer mas
Algunas categorias
CSS/HTML utilidades, mejoras, servicios, diseño... ¿te quieres volver loco con estos codigos?
CSS/HTML
Souldhack necesita tu ayuda!
Souldhack necesita nuestra ayuda!
Todos podemos ayudar a souldhack entrando al blog Souldhacko Y dandole click a la publicidad y anuncios de google que estan en dicho blog, de esta manera estaremos apoyando y agradeciendo a souldhack por toda su ayuda brindada hacia nosotros!, espero y todos nos apoyen, no saben lo agradecidos que estaremos con todos ustedes!, Recuerden que souldhack! esta echo por y para ustedes!.
¿Que pasa en souldhack y souldhacko?
Recuerda que se están escribiendo artículos recientemente en el blog, Souldhacko Seguir a @Souldhack95Siguenos en Facebook!
Recent Posts
Cuadro ultimos tweets Para todos los usuarios de twitter que tienes una web acargo en esencial...
Abril 14, 2012
Botones compartir articulosCuando un articulo es satisfactorio, o simplemente era lo que estabamos...
Febrero 18, 2012
Usar/Utilizar jQuery Bueno en este tutorial explico como instalar y usar jquery ya sea en un diseño profecional...
Noviembre 13, 2011
Cambiar botones a Ice Blue En este mi mas reciente video subido explico como cambiar los botones de los diseños...
Mayo 3, 2012
