osCommerceITalia

Ciao a tutti, voorei inserire un immagine di sfondo al box categorie tipo , sto smanettando nel file categories.php ma non riesco a venirne a capo, qualcuno sa qual'è la procedura?
Grazie mille
Alfredo

nessuno mi può aiutare? speriamo.
Grazie

prova a mettere un background di sfondo nel css.
la classe è .infoBoxContents...

grazie provo subito e poi ti faccio sapere.
Grazie Jerry

ciao, ho provato a cambiare colore, ( perevitare di fare disastri con le immagini) ma non mi cambia nulla.
Posso postarti il codice così ci sai un occhiata?
Grazie
Alfredo

se nello stylesheet.css sostituisci ad esempio così:
.infoBoxContents {
color: #ffffff;
background: #1679AA;
font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
font-size: 10px;
}

qualcosa ti dovrebbe cambiare!

Ciao, ho postato il file così ci capiamo meglio, ho modificato la parte evidenziata in rosso, qualsiasi colore metto nell'home page non cambia nulla, dove sbaglio?
Grazie
Alfredo

@charset "iso-8859-1";

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #F3F118; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
background: #A4B000;
color: #000000;
margin: 0px;

}

A {
color: #000000;
font-size: 12px;
font-weight : bold;
text-decoration: none;
}

A:hover {
color: #ff0000;
text-decoration: underline;
}

FORM {
display: inline;
}

TR.header {
background: #555555;
line-height: 1.5;
border-top: 0px;
border-right: 0px;
border-left: 1px;
border-bottom: 0px;
border-color: #000000;
border-style: solid;
background: #555555;
}

TR.headerSearch {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background: #eeeeee;
color: #22450B;
font-weight : bold;
background: url(images/grafica/bk_header.gif);
}

TR.headerNavigation {
background: transparent;
}

TD.headerNavigation {
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
color: #AC963E;
font-weight : bold;
background: transparent;
background: url(images/grafica/headerNavBack.gif);

}

A.headerNavigation {
color: #FFFFFF;
}

A.headerNavigation:hover {
color: #FFFFFF;
}

TR.headerError {
background: #ff0000;
}

TD.headerError {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
background: #ff0000;
color: #ffffff;
font-weight : bold;
text-align : center;
}

TR.headerInfo {
background: #00ff00;
}

TD.headerInfo {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
background: #00ff00;
color: #ffffff;
font-weight: bold;
text-align: center;
}

TR.footer {
background: #8B9700;
}

TD.footer {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background: #8B9700;
color: #ffffff;
height: 2px;
}


.infoBox {
background: #777777;
}

.infoBoxContents {
background: #777777;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
.infoBoxNotice {
background: #FF8E90;
}

.infoBoxNoticeContents {
background: #FFE6E6;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}

TD.infoBoxHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
background: #bbc3d3;
color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
background: #ECECEC;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
background: #FFFFFF;
}

TABLE.productListing {
border: 1px;
border-style: solid;
border-color: #000000;
border-spacing: 0px;
}

.productListing-heading {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background: #FAA003;
color: #FFFFFF;
font-weight: bold;
}

TD.productListing-data {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}

A.pageResults {
color: #0000FF;
}

A.pageResults:hover {
color: #0000FF;
background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 16px;
font-weight: bold;
color: #000000;
}

TR.subBar {
background: #f4f7fd;
}

TD.subBar {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #000000;
}

TD.main, P.main {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
line-height: 1.5;
background: #FFFFFF;
}

TD.smallText, SPAN.smallText, P.smallText {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}

TD.accountCategory {
font-family: Verdana, Arial, sans-serif;
font-size: 13px;
color: #aabbdd;
}

TD.fieldKey {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}

TD.fieldValue {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
}

TD.tableHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}

SPAN.newItemInCart {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
}

TEXTAREA {
width: 100%;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
}

SPAN.greetUser {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #f0a480;
font-weight: bold;
}

TABLE.formArea {
background: #f1f9fe;
border-color: #7b9ebd;
border-style: solid;
border-width: 1px;
}

TD.formAreaTitle {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}

SPAN.markProductOutOfStock {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
color: #c76170;
font-weight: bold;
}

SPAN.productSpecialPrice {
font-family: Verdana, Arial, sans-serif;
color: #ff0000;
}

SPAN.errorText {
font-family: Verdana, Arial, sans-serif;
color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #F3F118; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #F3F118; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }


.bar_right {
width: 200;
background: #BFCB23;
background-repeat: repeat-y;
}

.bar_left {
width: 200;
background: #BFCB23;
background-repeat: repeat-y;
}

.LeftinfoBox {
background: #FFFFFF;
}

.LeftinfoBoxContents {
background: #FFFFFF;;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
border: 1px solid;
border-color: #4E76A4;

}

.LeftinfoBoxNotice {
background: #FF8E90;
}

.LeftinfoBoxNoticeContents {
background: #FFE6E6;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}

TD.LeftinfoBoxHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
background: #ABD1F9;
color: #000000;
height: 20px;
width: 155px;
text-align: center;

}

TD.LeftinfoBox, SPAN.LeftinfoBox {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}

.RightinfoBox {
background: #FFFFFF;
}

.RightinfoBoxContents {
background: #FFFFFF;;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
border: 1px solid;
border-color: #4E76A4;
}

.RightinfoBoxNotice {
background: #FF8E90;
}

.RightinfoBoxNoticeContents {
background: #FFE6E6;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}

TD.RightinfoBoxHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
background: #ABD1F9;
color: #000000;
height: 20px;
width: 155px;
text-align: center;
}

TD.RightinfoBox, SPAN.RightinfoBox {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}

.CenterinfoBox {
background: transparent;
}

.CenterinfoBoxContents {
background: transparent;
line-height: 1.5;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
border: 1px solid;
border-color: #000000;
}

.CenterinfoBoxNotice {
background: #FF8E90;
}

.CenterinfoBoxNoticeContents {
background: #FFE6E6;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}

TD.CenterinfoBoxHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
background: #FFFFFF;
color: #000000;
}

TD.CenterinfoBox, SPAN.CenterinfoBox {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}


TD.newProducts {
font-family: Verdana, Arial, sans-serif;
font-size: 9px;
background: transparent;
color: #000000;
border: 0px solid;
border-color: #000000;
font-weight: normal;
}

TD.newProductsContents {
font-family: Verdana, Arial, sans-serif;
font-size: 9px;
background: transparent;
color: #000000;
font-weight: normal;
}

A.newProductsHeading {
font-family: Verdana, Arial, sans-serif;
color: #FBBE55;
font-size: 12px;
font-weight : bold;
background: transparent;


}

TD.newProductsHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
background: transparent;
color: #000000;
height: 25px;
}


TD.centercolor {
background: #FFFFFF;
}

TD.specials, SPAN.specials, P.specials {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
border: 1px solid;
border-color: #000000;
padding: 2;
}

se hai modificato lo stylesheet.css direi che non sbagli, dovrebbe venirti lo sfondo delle box con un bel grigio scuro...

allora sono riuscito, ho modificato sia il file css, sia il file categories, ora quello che devo fare e cambiare la distanza tra una scritta e l'altra, mi spiego meglio, cambiare la distanza tra una categoria e l'altra, sai dove posso farlo?
Grazie
Alfredo

sempre nel css aggiungi:

line-height: 30px;

nella classe

.infoBoxContents {

}

ho scritto 30px tanto per provare, modifica te come torna meglio.

ciao, ho fatto la modifica da te indicata ma nelle class leftinfoboxcontents o rightinfoboxcontents a seconda se interessa sulla destra o sulla sinistra ed ora funge, ma come si fa ora a fare in modo che la prima categoria ( e di conseguenza le altre ) siano più vicina al bordo superiore del box?
Grazie per l'aituto.
alfredo

per curiosità, usi qualche tipo di template?

se ho ben capito quello che vuoi fare...apri il file /includes/classes/boxes.php

intorno a riga 84 c'è questa funzione:

function infoBoxContents($contents) {
$this->table_cellpadding = '3';
$this->table_parameters = 'class="infoBoxContents"';
$info_box_contents = array();
$info_box_contents[] = array(array('text' => tep_draw_separator('pixel_trans.gif', '100%', '1')));
for ($i=0, $n=sizeof($contents); $i<$n; $i++) {
$info_box_contents[] = array(array('align' => (isset($contents[$i]['align']) ? $contents[$i]['align'] : ''),
'form' => (isset($contents[$i]['form']) ? $contents[$i]['form'] : ''),
'params' => 'class="boxText"',
'text' => (isset($contents[$i]['text']) ? $contents[$i]['text'] : '')));
}

devi commentare la riga come qui:

function infoBoxContents($contents) {
$this->table_cellpadding = '3';
$this->table_parameters = 'class="infoBoxContents"';
$info_box_contents = array();
//$info_box_contents[] = array(array('text' => tep_draw_separator('pixel_trans.gif', '100%', '1')));
for ($i=0, $n=sizeof($contents); $i<$n; $i++) {
$info_box_contents[] = array(array('align' => (isset($contents[$i]['align']) ? $contents[$i]['align'] : ''),
'form' => (isset($contents[$i]['form']) ? $contents[$i]['form'] : ''),
'params' => 'class="boxText"',
'text' => (isset($contents[$i]['text']) ? $contents[$i]['text'] : '')));
}

ciao, non uso templates, e che ho messo una immagine di sfondo nel box categories e per fare combaciare testo ed immagine mi serve poter impostare la spaziature tra le categorie e lo spazio tra la prima categoria ed il bordo superiore, altrimenti mi viene tutto sfasato.
Ma la mofifica da te indicata

function infoBoxContents($contents) {
$this->table_cellpadding = '3';
$this->table_parameters = 'class="infoBoxContents"';
$info_box_contents = array();
//$info_box_contents[] = array(array('text' => tep_draw_separator('pixel_trans.gif', '100%', '1')));
for ($i=0, $n=sizeof($contents); $i<$n; $i++) {
$info_box_contents[] = array(array('align' => (isset($contents[$i]['align']) ? $contents[$i]['align'] : ''),
'form' => (isset($contents[$i]['form']) ? $contents[$i]['form'] : ''),
'params' => 'class="boxText"',
'text' => (isset($contents[$i]['text']) ? $contents[$i]['text'] : '')));
}

cosa mi permette di fare, mi fa avvicinare la prima riga di ogni box al margine superiore? essendop in

apri il file /includes/classes/boxes.php

questa mofifica varrà per tutti i box?
Ancora grazie
Alfredo

t fa avvicinare al bordo tutte le box. non solo le categorie. comunque prova, al massimo ripristini.

perfetto funziona, molte grazie, spero di poter ricambiare il favore