Posting in the Magento forums has been disabled pending the implementation of a new and improved forum solution which should better serve the community.

For new questions please post at magento.stackexchange.com, the community-run support site for the Magento community. We will be providing updates on the new forum solution soon. For questions or concerns please email community@magento.com.

Magento Forum

Colore lista tabelle
 
Black Cat
Moderator
 
Avatar
Total Posts:  3481
Joined:  2008-02-14
Assemini / Cagliari (Italy)
 

Salve.
Ho notato che le righe di alcune tabelle come la tabella informazioni del prodotto o la lista prodotti messi al confronto hanno due stili diversi che si alternano. Una riga si e una no (benchè entrambi molto chiari).
Ho però notato che non hanno nè una classe nè un id differente.
Come si possono cambiare?

 
Magento Community Magento Community
Magento Community
Magento Community
 
chiaraweb
Guru
 
Avatar
Total Posts:  721
Joined:  2008-03-21
Aviano ~ Italy
 

in boxes.css

/* Data Table */
.data-table { border:1px solid #bebcb7;  width:100%; }
.data-table tr { background:#fff; }
.data-table .odd  { background:#f8f7f5 }
.data-table .even { background:#eeeded !important;}
.data-table td.last, .data-table th.last { border-right:0}
.data-table tr.last td, .data-table tr.last th { border-bottom:0}
.data-table th {
    border
-right:1px solid #c2d3e0;
    
padding:2px 8px;
    
color:#0a263c;
    
white-space:nowrap;
    
}

per il mini cart ecc ci sono righe apposite

/* Compare Products */
.compare-products { margin:30px 0 50px 0}
.compare-products table { width:auto;  border:0}
.compare-products tr { background:#EEEDED;}
.compare-products td { width:170pxtext-align:left}
.compare-products tbody td { border-color:#ccc; }
.compare-products tbody tr.first td { border-top:1px solid #D9DDE3; text-align:center;}
.compare-products tbody td.last {  border-right:1px solid #D9DDE3; }
.compare-products tbody.attribute-cart td { background:#fffada !important; text-align:center; border-bottom:1px solid #D9DDE3; }
.compare-products tbody td.label {
    width
:auto;
    
border-bottom:1px solid #9eb8cb;
    
border-left:1px solid #BEBCB7;
    
background:url(../images/comparison_table_label_bg.gifrepeat-y 100#d9e5ee !important;
    
text-align:left;
    
}

devi cambiare il background

per personalizzare gli stili io mi trovo bene con pixie che passando con il mouse sul colore ti dice l’esadecimale esatto
http://www.nattyware.com/
(cosi apri il file di stile e cerchi il colore da sost

e con la barra developer di firefox vedo il resto
(nel tab CCS seleziono VIEW STYLE INFORMATION e passo sopra all’elemento che mi interessa

 
Magento Community Magento Community
Magento Community
Magento Community
 
Black Cat
Moderator
 
Avatar
Total Posts:  3481
Joined:  2008-02-14
Assemini / Cagliari (Italy)
 

io ora premetto che non ho provato, però guardando il sorgente, ho notato che tutte le righe hanno la stessa classe. mi sono chiesto allora, come fanno allora ad avere un background differente?
Ho poi notato che un pò sotto c’è uno script Javascript con scritto “decorelist”

ecco un esempio:

<div class="box base-mini  mini-compare-products">
    <
div class="head">
            <
h4>Compare Products 2 Items</h4>
        </
div>
            <
ol id="compare-items">
                    <
li class="block-compare-item">
                <
input type="hidden" class="compare-item-id" value="27"/>
                <
a href="http://demo.magentocommerce.com/catalog/product_compare/remove/product/27/r64/aHR0cDovL2RlbW8ubWFnZW50b2NvbW1lcmNlLmNvbS9jYXRhbG9nL2NhdGVnb3J5L3ZpZXcvaWQvMTUv/" class="widget-btn"><img src="http://demo.magentocommerce.com/skin/frontend/default/default/images/list_remove_btn.gif" alt="Remove This Item"/></a>

                <
a href="http://demo.magentocommerce.com/electronics/laptops/sony-vaio-vgn-txn27n-b-11-1-notebook-pc-intel-core-solo-processor-u1500-2-gb-ram-100-gb-hard-drive-dvd-rw-drive-vista-business-charcoal-black.html">Sony VAIO VGN-TXN27N/B 11.1&quotNotebook PC</a>
            </
li>
                    <
li class="block-compare-item">
                <
input type="hidden" class="compare-item-id" value="28"/>
                <
a href="http://demo.magentocommerce.com/catalog/product_compare/remove/product/28/r64/aHR0cDovL2RlbW8ubWFnZW50b2NvbW1lcmNlLmNvbS9jYXRhbG9nL2NhdGVnb3J5L3ZpZXcvaWQvMTUv/" class="widget-btn"><img src="http://demo.magentocommerce.com/skin/frontend/default/default/images/list_remove_btn.gif" alt="Remove This Item"/></a>
                <
a href="http://demo.magentocommerce.com/electronics/laptops/toshiba-satellite-a135-s4527-155-4-notebook-pc-intel-pentium-dual-core-processor-t2080-1-gb-ram-120-gb-hard-drive-supermulti-dvd-drive-vista-premium.html">Toshiba M285-E 14&quot;</a>
            </
li>

                </
ol>
 
Magento Community Magento Community
Magento Community
Magento Community
 
chiaraweb
Guru
 
Avatar
Total Posts:  721
Joined:  2008-03-21
Aviano ~ Italy
 

sono molto complessi gli stili del magento perchè sono composti
x-y-z dà tre attributi a un blocco

per fare una riga si e una no la chiamano odd e even (pari e dispari)

per fare i contorni ai blocchi tipo compare list ecc usano first e last per le td delle tabelle

nel caso del codice che incolli il background gli viene dato da

base-mini

/* Base Mini */
.base-mini { border:1px solid #c4c1bc; background:#fff; line-height:1.5em;  font-size: 1em;  }
.base-mini .head { margin:0 1pxborder-bottom:1px solid #ddd; background:url(../images/base_mini_head_bg.gif) repeat-x #fff; padding:2px 8px; }
.base-mini .head h4 {
    min
-height:30px;
    
color:#00AACA;
    
background-repeat:no-repeat;
    
background-position:0 0;
    
padding:15px 0 5px 40px;
    
text-transform:uppercase;
    
}

e

.mini-compare-products .head h4 { background-image:url(../images/comparatore.jpg); }
 
Magento Community Magento Community
Magento Community
Magento Community
 
Black Cat
Moderator
 
Avatar
Total Posts:  3481
Joined:  2008-02-14
Assemini / Cagliari (Italy)
 

ok appena posso provo e ti faccio sapere.
Grazie chiara. Ormai sei diventata una veterana eheh

 
Magento Community Magento Community
Magento Community
Magento Community
 
chiaraweb
Guru
 
Avatar
Total Posts:  721
Joined:  2008-03-21
Aviano ~ Italy
 

red face

 
Magento Community Magento Community
Magento Community
Magento Community
 
Black Cat
Moderator
 
Avatar
Total Posts:  3481
Joined:  2008-02-14
Assemini / Cagliari (Italy)
 

smile se continuo così finisce che mi licenziano e assumono te XD

 
Magento Community Magento Community
Magento Community
Magento Community
 
Black Cat
Moderator
 
Avatar
Total Posts:  3481
Joined:  2008-02-14
Assemini / Cagliari (Italy)
 

ancora una cosa. quale sarebbe la barra developer di firefox? come si chiama il plugin?

 
Magento Community Magento Community
Magento Community
Magento Community
 
cibernoid
Sr. Member
 
Avatar
Total Posts:  208
Joined:  2008-02-12
 
Black Cat - 23 April 2008 04:01 PM

ancora una cosa. quale sarebbe la barra developer di firefox? come si chiama il plugin?

http://chrispederick.com/work/web-developer/

 
Magento Community Magento Community
Magento Community
Magento Community
 
Black Cat
Moderator
 
Avatar
Total Posts:  3481
Joined:  2008-02-14
Assemini / Cagliari (Italy)
 

grazie! smile

 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
Back to top