Magento - Colore lista tabelle - HTML, XHTML, CSS, Design - eCommerce Software for Growth

Log In

Username or Email

Password:

Forgot Password

or
Register

Skip to site navigation »
Skip to main content »
Skip to footer content »

Magento Forum

Colore lista tabelle

Black Cat Total Posts: 2846 Joined: 2008-02-14 Gonnesa/ Cagliari (Italy) Ignore user	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? Signature ---- Antonio Carboni ---- Maintainer Traduzione Italiana Magento Webdesigner e Consulente Magento E-Commerce Specialist di Magenio Team Community ITA su Facebook Autore dei libri Magento Guida al Design e Magento Guida pratica all’uso
	Posted: April 23 2008 \| top

chiaraweb Total Posts: 721 Joined: 2008-03-21 Aviano ~ Italy Ignore user	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:170px; text-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.gif) repeat-y 100% 0 #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 Signature Believe Yourself* My Magento Shop http://www.ecobaby.it
	Posted: April 23 2008 \| top \| # 1

Black Cat Total Posts: 2846 Joined: 2008-02-14 Gonnesa/ Cagliari (Italy) Ignore user	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" Notebook 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"</a> </li> </ol> Signature ---- Antonio Carboni ---- Maintainer Traduzione Italiana Magento Webdesigner e Consulente Magento E-Commerce Specialist di Magenio Team Community ITA su Facebook Autore dei libri Magento Guida al Design e Magento Guida pratica all’uso
	Posted: April 23 2008 \| top \| # 2

chiaraweb Total Posts: 721 Joined: 2008-03-21 Aviano ~ Italy Ignore user	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 1px; border-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); }` Signature Believe Yourself* My Magento Shop http://www.ecobaby.it
	Posted: April 23 2008 \| top \| # 3

Black Cat Total Posts: 2846 Joined: 2008-02-14 Gonnesa/ Cagliari (Italy) Ignore user	ok appena posso provo e ti faccio sapere. Grazie chiara. Ormai sei diventata una veterana eheh Signature ---- Antonio Carboni ---- Maintainer Traduzione Italiana Magento Webdesigner e Consulente Magento E-Commerce Specialist di Magenio Team Community ITA su Facebook Autore dei libri Magento Guida al Design e Magento Guida pratica all’uso
	Posted: April 23 2008 \| top \| # 4

chiaraweb Total Posts: 721 Joined: 2008-03-21 Aviano ~ Italy Ignore user	Signature Believe Yourself My Magento Shop http://www.ecobaby.it
	Posted: April 23 2008 \| top \| # 5

Black Cat Total Posts: 2846 Joined: 2008-02-14 Gonnesa/ Cagliari (Italy) Ignore user	se continuo così finisce che mi licenziano e assumono te XD Signature ---- Antonio Carboni ---- Maintainer Traduzione Italiana Magento Webdesigner e Consulente Magento E-Commerce Specialist di Magenio Team Community ITA su Facebook Autore dei libri Magento Guida al Design e Magento Guida pratica all’uso
	Posted: April 23 2008 \| top \| # 6

Black Cat Total Posts: 2846 Joined: 2008-02-14 Gonnesa/ Cagliari (Italy) Ignore user	ancora una cosa. quale sarebbe la barra developer di firefox? come si chiama il plugin? Signature ---- Antonio Carboni ---- Maintainer Traduzione Italiana Magento Webdesigner e Consulente Magento E-Commerce Specialist di Magenio Team Community ITA su Facebook Autore dei libri Magento Guida al Design e Magento Guida pratica all’uso
	Posted: April 24 2008 \| top \| # 7

cibernoid Total Posts: 208 Joined: 2008-02-12 Ignore user	Black Cat - 23 April 2008 05:01 PM ancora una cosa. quale sarebbe la barra developer di firefox? come si chiama il plugin? http://chrispederick.com/work/web-developer/
	Posted: April 24 2008 \| top \| # 8

Black Cat Total Posts: 2846 Joined: 2008-02-14 Gonnesa/ Cagliari (Italy) Ignore user	grazie! Signature ---- Antonio Carboni ---- Maintainer Traduzione Italiana Magento Webdesigner e Consulente Magento E-Commerce Specialist di Magenio Team Community ITA su Facebook Autore dei libri Magento Guida al Design e Magento Guida pratica all’uso
	Posted: April 24 2008 \| top \| # 9

Magento Community

Magento Community

Back to top

Aggiungere un div sulla colonna centrale

Gestire le priorità e l’ordine tra i blocchi