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>
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.
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
Leave a Comment