THE FAMYLY
¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.

THE FAMYLY

ENTRADA A LA FAMILIA MAS LOKA!!!
 
RegistrarsePortalÍndiceÚltimas imágenesBuscarConectarse

 

 CUSTOMIZAR LAS PAGINAS DE NUEVOS PRODUCTOS

Ir abajo 
AutorMensaje
antonio
Padre
antonio


Cantidad de envíos : 78
Edad : 32
Localización : toledo(calipo fado)
Fecha de inscripción : 29/02/2008

CUSTOMIZAR LAS PAGINAS DE NUEVOS PRODUCTOS Empty
MensajeTema: CUSTOMIZAR LAS PAGINAS DE NUEVOS PRODUCTOS   CUSTOMIZAR LAS PAGINAS DE NUEVOS PRODUCTOS Icon_minitimeLun 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; }" +
Volver arriba Ir abajo
https://thefamily.forospanish.com
antonio
Padre
antonio


Cantidad de envíos : 78
Edad : 32
Localización : toledo(calipo fado)
Fecha de inscripción : 29/02/2008

CUSTOMIZAR LAS PAGINAS DE NUEVOS PRODUCTOS Empty
MensajeTema: Re: CUSTOMIZAR LAS PAGINAS DE NUEVOS PRODUCTOS   CUSTOMIZAR LAS PAGINAS DE NUEVOS PRODUCTOS Icon_minitimeLun 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>
Volver arriba Ir abajo
https://thefamily.forospanish.com
 
CUSTOMIZAR LAS PAGINAS DE NUEVOS PRODUCTOS
Volver arriba 
Página 1 de 1.
 Temas similares
-
» Nuevos Headers en hps (actualizado)

Permisos de este foro:No puedes responder a temas en este foro.
THE FAMYLY :: PERSONALIZA TU HP-
Cambiar a: