Jump to content

[RESOLU] produits phares en longueur


Recommended Posts

  • 4 months later...

bonjour, grâce a la fonction recherche je suis retomber sur un vieux post a moi,
j ai un peu progresser depuis :-P
et j ai besoin superposer ses produits phares
j ai bien dégrossi le boulot, il me reste juste le prix et les bouton a placer
avec firebug ca marche mais il ne me donne pas de chemin correct pour modifier
il se contente de

element.style {
margin-left:600px;
margin-top:-200px;
}


impossible de l appliquer ds le global.css >:(
le page en question : http://www.exception-day.com/

Link to comment
Share on other sites

Merci pour le lien !
Je l'ai mis dans les modules sur mon ftp mais je dois être complètement gourde je ne le trouve nulle part dans mon admin :-(


vérifie que en le dezippant tu e l a pas contenu dans un dossier ;) (ca m arrive souvent)
genre
ok = module/fichier
pas bon dezip = module/module/fichier
Link to comment
Share on other sites

je bosse encore sur le template, mais en attendant si ce sont les produits phares qui t interesse voila le code
(dsl j ai pas mal de boulot en ce moment)

/* Special style for block products in center column */
#center_column .products_block { border: none; }
#center_column .products_block  { 
color: #595a5e;
}
#center_column .products_block h4 { 
line-height: 1.3em; 
margin-top: 320px;
height: auto;
}
#center_column .products_block .block_content {
   background: #d0d3d8 none;
   padding:0pt;
}
#center_column .products_block ul li:hover { 
background: transparent url('../img/block-produits-bg-over.png') no-repeat scroll 0 0; 
}
#center_column .products_block ul li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url('../img/block-produits-bg.png') no-repeat scroll 0 0;
clear:both;
height:140px;
width: 750px;
margin-bottom:0.3em;
padding:0px;
}

#center_column .products_block ul .product_accessories_description  {
   margin:0;
   padding:0;
}
#center_column .products_block ul .product_accessories_description .product_accessories_price{
   margin-top:75px !important;
   margin-top:0px;
}
#center_column .products_block ul .product_accessories_description {
   margin:0;
   padding:0;
   height:280px;
}
/*#center_column .products_block li.last_item { float:none; clear:both; }*/
#center_column .products_block li.last_item_of_line { border-right:none; }
#center_column .products_block li.first_item_of_line { clear:both; }
#center_column .products_block li.last_line { border-bottom:none; }
#center_column .products_block p, #center_column .products_block h5 { margin: 0.5em 0.1em; }
#center_column div.products_block h5 {
   display: block;
   height: auto;
}
#center_column div.products_block h5 a {
   color: #333300;
   font-size: 15px;
}
#center_column div.products_block ul li p {
   margin:0;
   padding:0;
   margin-left:600px;
   margin-top:-200px;
}
#center_column div.products_block p.product_desc {
   height:9.5em;
   color: #CCCCCC;
}
#center_column div.products_block a.product_image {
   display: block;
   background-color: transparent;
   width: 129px;
   height: 129px;
   margin-left:2px;
}
#center_column div.products_block .product_accessories_description a.product_image {
   width: 118px;
   height: 85px;
}
#center_column div.products_block a.product_description {
   display: block;
   width: 118px;
   height: 50px;
   margin-left:2px;    
}

#center_column div.products_block a.product_image img{
   float:none;
   margin:0;
   height:129px;
   margin-left: 13px;
   width:300px;
   margin-top:-135px;
   border: 0px solid #99CC00; 
   padding-top:5px;
}
#center_column div.products_block p.product_desc, #center_column div.products_block h5 {
   margin-left:330px;
   margin-right:0.5em;
   margin-top:0;
   width: 270px;
}
#center_column div.products_block ul li p.product_desc a { 
font-weight:normal; 
}
#center_column .products_block span.price {
   text-align: center;
   font-size: 1.5em;
   padding: 0.5em 0;
   /*display: block;*/
}
p.price_container {
   text-align: center;

}
#center_column .products_block a.button {
text-align:center;
margin-left:600px;
margin-top : 0;
}
#center_column .products_block a.exclusive {
text-align:center;
margin-left:600px;
margin-top:0;
}
#center_column .products_block span.exclusive {
text-align:center;
}

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...