antonio Padre
Cantidad de envíos : 78 Edad : 32 Localización : toledo(calipo fado) Fecha de inscripción : 29/02/2008
| Tema: CUSTOMIZAR LAS PAGINAS DE NUEVOS PRODUCTOS Lun Mar 10, 2008 2:31 pm | |
| Si... aaaah si si, se pueden customizar también. Se pueden hacer cositas bastante interesantes, en realidad yo aquí les voy a mostrar sólo unos ejemplos, pero se pueden ampliar de gran manera si tienen algún conocimiento de CSS y hojas de estilo. Bueno, basta de tanta introducción, vamos a ver un ejemplo de como customizar ese catálogo: LEAN LO QUE ESTÁ EN MAYÚSCULAS. EN SERIO, ES IMPORTANTE QUE LO LEAN XD. noten los detalles de sintáxis, son muy importantes. Si borran 1 sin querer lo más posible es q no les ande nada. Tengan cuidado en eso, no dejen una línea sin las comillas ni los signos +. - Código:
-
<script> <!-- var catalog_css = "\n"+
" body { "+
//FONDO DE LA PAGINA " background: url('URL DE LA IMAGEN') ; " +
//FONT " font-family:'Palatino Linotype',arial,verdana,sans-serif;" + " color: white; " + " }"+
//COLOR LINKS " A:visited {color: gray}" + " A:hover {color: red;}" + " A:link {color: white;}" +
//OCULTAR PROPAGANDAS Y AVISOS " #message-stack { display:none !important; }" + | |
|
antonio Padre
Cantidad de envíos : 78 Edad : 32 Localización : toledo(calipo fado) Fecha de inscripción : 29/02/2008
| Tema: Re: CUSTOMIZAR LAS PAGINAS DE NUEVOS PRODUCTOS Lun Mar 10, 2008 2:33 pm | |
| ESTE ES EL DE IMVU BC - Código:
-
" #imvu-bc {"+ " background: none !important;"+ " }"+
" #imvu-bc input, #imvu-bc select option{"+ " border:none "+ " color: white; "+ " background-color: black; "+ " }"+
// CAJA DE DESCRIPCION " #product-description {"+ " border: none;"+ " }"+
// MARGENES " .yui-t7 #yui-main .yui-b {"+ " margin: 0px !important;"+ " }"+
//BORDES DE LA CAJA DE DESCRIPCION " .jello-box {"+ " border: 5px solid white;"+ " padding: 0px;"+ " }"+
//ENCABEZADOS " #product .hd, #keywords .hd, #also .hd, #reviews .hd, #product-developer div.hd {"+ " background-color: transparent;"+ " border: 0px;"+ " font-size: 20px;"+ " }"+
" .jello-box .hd .bg {"+ " background-color: transparent;"+ " border: none;"+ " }"+
" .jello-box .hd .bg h3 {"+ " color: white;"+ " }"+
" .jello-box .bd {"+ " background-color: transparent;"+ " border: none;"+ " }"+
//CAJA DE NOMBRE DEL PRODUCTO " #product-details{"+ " background-color: transparent;"+ " border-bottom: 1px dotted white; "+ " color: white;"+ " }"+
" #product-details h1{"+ " color: white;"+ " font-size: 22px;"+ " }"+
//CAJA BUY NOW " #product-buttons-sub {"+ " background-color: transparent;"+ " border-bottom: 1px dotted white;"+ " border-top: 1px dotted white;"+ " }"+
//CREATOR PANEL " #product-developer {"+ " background-color: transparent;"+ " border: 1px;"+ " color:white;"+ " }"+
" #product-developer div{"+ " background-color: transparent;"+ " border: 0px;"+ " color:white;"+ " }"+
" #product-developer h4 {"+ " color:white;"+ " }"+
" #product-developer div.bd {"+ " background-color: transparent;"+ " color:white;"+ " }"+
// BOTONES BUY NOW Y ADD TO CART "#product-buttons #buy_now, #product-buttons-sub #buy_now_sub {"+ " background:orange;"+ " color:black;"+ " }"+
// PRODUCT DISCLAIMER "#product-disclaimer {text-align: centered;}"+
// NO BORRAR "\n";
[color=red]//IMPORTANTE: ACA PONER LINK AL CATALOGO Y NOMBRE DE AVI if (parent.document.getElementById('product-details').getElementsByTagName('h2')[0]) { parent.document.getElementById('product-details').getElementsByTagName('h2')[0].innerHTML = '<i>by <a href="LINK A PAGINA DE PRODUCTOS" target="_blank">AVATARNAME</a></i><style>' + catalog_css + '</style>'; }
--> </script> | |
|