Jump to content

care poate sa ma ajute cu modificarea unei teme??


Ginno

Recommended Posts

care poate sa ma ajute cu modificarea unei teme??
tot ce vreau este sa modific block-urile centralesa nu mai fie dreptungiulare si cate 4 pe rand ...
vreau sa fie patrate si cate 2 pe rand
am atasat niste imagini cum as vrea sa fie
modificarea se face din global.css
eu am facut ceva dar in ie... nu mere... se strica block

4769_neE22qIiR83jmtw43EpP_t

4770_oL2IwqpOpMzXHwSyPSiS_t

Link to comment
Share on other sites

da... se pare ca nu se vede bine in IE de facut l-am facut sa se vada in Mozilla

iata moficarile

incearca sa modifici aici :


globall.css din directorul themes/ thema curenta


/* 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; }

#center_column .products_block .block_content

{
background: #d0d3d8 none;
padding:0pt;
}

#center_column .products_block ul li:hover { background-color: #bdc2c9; }

#center_column .products_block ul li

{
border-right: 1px solid white;

border-bottom:1px solid white;

float: left;

clear: none;

width:266px;

/* height:200px;*/









/modules/homefeatured/homefeatured.tpl



liniile:





{assign var='liHeight' value=133}



{assign var='nbItemsPerLine' value=2}



{assign var='nbLi' value=$products|@count}



{assign var='nbLines' value=$nbLi/$nbItemsPerLine|ceil}



{assign var='ulHeight' value=$nbLines*$liHeight}








  • numarul de linii orizontale le ia in functie de cate produse ai in homefutured


    o intrebare .... Ce versiune IE folosesti si ce OS
Link to comment
Share on other sites

folosesc winxp sp2 si ie din el.. nu stiu sigur ce vers e
folosesc mai mult firefox

ps
ce ai facut u ... asa am facut si eu.. si aceiasi problema o am si eu

acum am facut niste modificari
modificarile sunt pentru tema et-black


/* block in the center column */
#center_column p { margin: 0.5em 0; padding-left:0.7em;}
#center_column div.block { width: 536px; margin:auto;}
#center_column div.block h4 {
   background: transparent url('../img/block_header_large.gif') no-repeat top left;
   height: 17px;
   color: white;
}

/* Styles for products blocks */
/* block products (new, features, viewed, etc...) on left and right column */
.products_block li {
   clear: left;
   margin-top: 0.2em;
}
.products_block li.item img {
   margin-right: 5px;
}
.products_block li.last_item {
   border: none;
}
.products_block li img {
   vertical-align: top;
   float: left;
   margin-right: 0.2em;
}
.products_block p img {
   float: none;
   margin: 0 0 0 0.4em;
}
.products_block li h5 {
   display: inline;
   font-size: 0.9em;
}
.products_block li p a {
   font-weight: bold;
   font-size: 0.8em;
}
.products_block dl {
   clear: both;
   border-top: 1px solid #ffffff;
   padding: 0.2em 0.4em;
}
.products_block dl dt {
   margin-top: 0.3em;
   color: #595a5e;
}
.products_block p {
   margin-top: 0.4em;
}
.products_block a.button_large {
   margin: 0.4em 0.4em 0 0.4em;
}
.products_block ul.product_images li {
   border: none;
   float: left;
   clear: none;
}

/* 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; }
#center_column .products_block .block_content {
   background: #000 none;
   padding: 0;
   margin-top: 0.5em;
}
#center_column .products_block ul li:hover { background-color: #404048; }
#center_column .products_block ul { padding-left: 3px; margin-right: -10px;}
#center_column .products_block ul li {
   border-right: 1px solid #555;
   border-bottom:1px solid #555;
   float: left;
   clear: none;
   width: 260px;
   height: 240px;
   margin-right: 0px;
   margin-top:0;
   background-color: #222;
   margin-bottom: 0;
   padding: 0;
   border: 2px solid #000;


}

#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:130px !important;
   margin-top:0px;
}
#center_column .products_block ul .product_accessories_description {
   margin:0;
   padding:;
   height:250px;
}
/*#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;
line-height: 2em;
}
#center_column div.products_block h5 a {
   color: white;
   font-size:1.1em;
   padding: 2px;
}
#center_column div.products_block ul li p {
   margin:0;
   padding:0;

}
#center_column div.products_block p.product_desc {
   color: #bbb;
   width: 95px;
   height: 110px;
   float: right;
   padding: 0 0 2px 1px;
}
#center_column div.products_block .product_accessories_description p.product_desc {
   color: #595a5e;
   width: 240px;
   height: 85px;
   float: right;
   padding: 0 0 2px 1px;
   margin-top: 30px;
   margin-bottom: 10px;
}

#center_column div.products_block a.product_image {
   display: block;
   background-color: transparent;
   width: 100px;
   height: 85px;
   float: left;
   padding: 0 0 0 6px;
}
#center_column div.products_block .product_accessories_description a.product_image {
   display: block;
   background-color: transparent;
   width: 100px;
   height: 85px;
   float: left;
   padding: 0 0 0 6px;


}
#center_column div.products_block a.product_description {
display: block;
   width: 100px;
   height: 85px;
   float: right;
   padding: 0 0 2px 1px;
}
#center_column div.products_block a.product_image img{
   float: none;
   margin-right: px;
}
#center_column div.products_block p.product_desc, #center_column div.products_block h5 {
   margin-left:0.3em;
   margin-right:0.3em;
}
#center_column div.products_block ul li p.product_desc a { font-weight:normal; color: #bbb; }
#center_column .products_block span.price {
   text-align: right;
   font-size: 1.5em;
   width:240px;
   padding-right: -20px;
   display: block;
   float: left;
   margin-right: 20px;
   margin-bottom: 0px;
   margin-top: 20px;
}



#center_column .products_block .featured_price { 
   margin-top:2.5em;
}
#center_column .products_block a.button, #center_column .products_block a.exclusive, #center_column .products_block span.exclusive {
   margin: 1.8em 5px 5px 1px;
   float: right;
   width: 120px;

} 



merge ok si in ie si in mozilla

Link to comment
Share on other sites

×
×
  • Create New...