Botones para Ice Blue (PWG)

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: url();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: url();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:url();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: url();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: url();background-color:transparent;border: 3px dotted transparent;}
td.edit_rechts_bottom{background-image: url();width: 15%;}
td.edit_rb_footer{background-image: url();}
/*Rechter Streifen*/
td.edit_rechts_sbg{background-image: url();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.


http://img.webme.com/pic/t/the-playa/unbenannt-18.jpg
http://i29.tinypic.com/or093a.jpg
http://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
http://img.webme.com/pic/s/success4you/plasmabutton2.gif
http://img.webme.com/pic/s/success4you/centerblue2.gif
http://img.webme.com/pic/v/venezuela-style/navazzurrodown.gif
http://img.webme.com/pic/s/success4you/lilawater.gif
http://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
http://img.webme.com/pic/s/success4you/wave.gif
http://img.webme.com/pic/s/success4you/bluedown.gif
http://img.webme.com/pic/s/success4you/light.gif
http://img.webme.com/pic/s/success4you/firework.gif
http://img.webme.com/pic/s/success4you/kristalle.gif
http://img.webme.com/pic/s/success4you/realflashdown.gif
http://img.webme.com/pic/s/success4you/lens2.gif
http://img.webme.com/pic/s/success4you/sea.gif
http://img.webme.com/pic/s/success4you/laserdown.gif


Bien 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



No hay comentarios.

Con tecnología de Blogger.