Buenas he pensando en modificar integramente la portada de mi web , haciendo lo siguiente :
- Mostrar una imagen que ocupe lo ancho del theme
- Debajo de la imagen crear una CAPA la cual contenga otras 3 capas con el mismo tamaño.
Mirando el código de otras paginas que trae magento he visto lo siguiente , primero he mirado el archivo CSS de .../skin/frontend/default/mitheme/css/boxes.css y he visto lo siguiente
/*************************************************/
/*****[ Mage_CSS_B Common Elements ]*****/
/**********************************************/
/******************* Columns */
/* All */
.col2-set, .col3-set, .col4-set, .col5-set { clear:both; }
/* Col2 */
.col2-set .col-1, .col2-set .col-2 { width:48.5%; }
.col2-set .col-1 { float:left; }
.col2-set .col-2 { float:right; }
/* Col2-alt */
.col2-alt-set .col-1 { float:left; width:32%; }
.col2-alt-set .col-2 { float:right; width:65%; }
/* Col3 */
.col3-set .col-1, .col3-set .col-2, .col3-set .col-3 { float:left; width:31.3%; }
.col3-set .col-1, .col3-set .col-2 { margin-right:3%; }
/* Col4 */
.col4-set .col-1, .col4-set .col-2, .col4-set .col-3, .col4-set .col-4 { float:left; width:22%; }
.col4-set .col-1, .col4-set .col-2, .col4-set .col-3 { margin-right:4%; }
/* Table Columns */
table .col-1, table .col-2, table .col-3, table .col-4 { float:none !important; margin:0 !important; }
.col3-set td.spacer { width:3%; }
.col4-set td.spacer { width:4%; }
/********************** Form */
Entonces estoy probando con esto pero no funciona ni a tiros.
<div class="col3-set">
<div class="col-1">
<p>aaaaaaaa</p>
</div>
<div class="col-2">
<p>bbbbbbbb</p>
</div>
<div class="col-3">
<p>bbbbbbbbbbb</p>
</div>
Alguien se ha encontrado con el caso ? o me podria decir como hacerlo ? Estas clases de CSS en que archivo estan ? de ser así me miro el archivo CSS pero no se de cual escoje estas clases.
Una web que no me desagrada lo que tiene es esta.. http://www.label.es/shop/ escrita en magento , me gustaria una portada tipo esta...
gracias radge
http://www.dimelaip.es
http://www.calculatudieta.com
Usando Magento 1.7.0.1
Acabo de ver un ejemplo de lo que busco por aqui en el foro.. me gustaria hacer algo como esto
salu2 radge
http://www.dimelaip.es
http://www.calculatudieta.com
Usando Magento 1.7.0.1
Eso ya lo hace Magento por defecto,,,uno de sus themes incluidos durante la instalación es ese...si no me equivoco...
antonio3407, post: 11134 wrote: Eso ya lo hace Magento por defecto,,,uno de sus themes incluidos durante la instalación es ese...si no me equivoco...
Si ???? No me suena haverlo visto...........
salu2 radge
http://www.dimelaip.es
http://www.calculatudieta.com
Usando Magento 1.7.0.1
antonio3407, post: 11134 wrote: Eso ya lo hace Magento por defecto,,,uno de sus themes incluidos durante la instalación es ese...si no me equivoco...
Acabo de instalar magento en local...e instalar el "Modern theme" y al cargar el INICIO de la pagina con este nuevo theme no veo lo que comento.... veo que el theme ha cambiado pero no veo la estructura que comento de imagen y 2 casillas a los lados (como en la foto de arriba)
El ejemplo ONLINE lo he encontrado aquí http://demo.magentocommerce.com/?___store=modern_theme2
He mirado el codigo fuente y he cogido esta parte pero no me muestra bien los div's en mi plantilla...
<div class="middle layout-1column" id="main">
<div style="width:500px; float:left;">
<img src="http://demo3.magentocommerce.com/skin/frontend/default/modern/images/media/home_co_main.jpg" width="500" alt="" style="display:block;" />
</div>
<div style="width:280px; float:right;">
<img src="http://demo3.magentocommerce.com/skin/frontend/default/modern/images/media/home_co_tr.gif" alt="" style="display:block; margin-bottom:10px;" />
<img src="http://demo3.magentocommerce.com/skin/frontend/default/modern/images/media/home_co_br.gif" alt="" style="display:block;" />
</div>
</div>
salu2 radge :cabezazos:
http://www.dimelaip.es
http://www.calculatudieta.com
Usando Magento 1.7.0.1
radge, post: 11137 wrote: Acabo de instalar magento en local...e instalar el "Modern theme" y al cargar el INICIO de la pagina con este nuevo theme no veo lo que comento.... veo que el theme ha cambiado pero no veo la estructura que comento de imagen y 2 casillas a los lados (como en la foto de arriba)
El ejemplo ONLINE lo he encontrado aquí http://demo.magentocommerce.com/?___store=modern_theme2
He mirado el codigo fuente y he cogido esta parte pero no me muestra bien los div's en mi plantilla...
salu2 radge :cabezazos:
radge me parece que esa primera pagina del template simplemente esta maquetada en un cms con html comun y corriente sin css voy a utilizar esa plantilla para un trabajo cualquier cosa que descubra te la comento....
up !!! sigo sin saber solucionar esto...
gracias radge
http://www.dimelaip.es
http://www.calculatudieta.com
Usando Magento 1.7.0.1
He probado a seguir este tutorial
http://dotpress.wordpress.com/2007/04/16/maquetando-con-divs-ejemplo-i/
Que es este codigo vamos...
<div style = "display: table; margin-left: auto; margin-right: auto;
width: 500px;">
<div style = "height: 45px; width: 500px;"></div>
<div style = "float: left; height: 75px; width: 150px;"></div>
<div style = "float: right; height: 75px; width: 350px;"></div>
<div style = "clear: both; height: 35px; width: 500px;"></div>
</div>
Pero se me solapan las capas.. no entiendo...........
salu2 radge
http://www.dimelaip.es
http://www.calculatudieta.com
Usando Magento 1.7.0.1
Prueba este theme a ver si te funciona:
http://www.magentocommerce.com/extension/1118/free-basic-template