immagine sfondo box categorie

[Alfredo1976]

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

[Alfredo1976]

nessuno mi può aiutare? speriamo.
Grazie

[lorex]

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

[Alfredo1976]

grazie provo subito e poi ti faccio sapere.
Grazie Jerry

[Alfredo1976]

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

[lorex]

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!

[Alfredo1976]

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

[lorex]

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

[Alfredo1976]

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

[lorex]

sempre nel css aggiungi:

line-height: 30px;

nella classe

.infoBoxContents {

}

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

[Alfredo1976]

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

[lorex]

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'] : '')));
}

[Alfredo1976]

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

[lorex]

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

[Alfredo1976]

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