Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : mattyfog 06 Jun 2010, 17:15:51
-
Sto lavorando sul sito http://lnx.passiontattoostudio.com/shop/ . Come potete vedere le categorie (attualmente ne è presente solo una) è di colore azzurro e se esaminate il codice html noterete che è presente codice javascript che credo sia quello che cambia il colore quando si passa il mouse sopra la scritta.
Ora io non voglio niente di così complicato, voglio le scritte bianche con un hover arancione e in css lo so fare. Il punto è che c'è sto codice javascript che non permette di usare il css. Questo codice javascript da dove arriva? Dal template di virtuemart vero? Come faccio a toglierlo e far apparire solo il codice presente nel tag <noscript> ?
-
up ;)
-
per favore qualcuno mi aiuti!
:D
-
Guarda che ti stai annegando in un bicchiere d'acqua ;D
Questo è il css dove devi formattare quelle scritte:
http://lnx.passiontattoostudio.com/shop/includes/js/ThemeOffice/theme.css
Mi sembra del tutto ovvio che se usi virtuemart tu debba formattare il tema su virtuemart ;)
-
Quindi si può usare css con javascript?
-
Il problema è che non conosco javascript e quindi non so su che punto del codice lavorare con i css.. Cosa dovrei modificare per far visualizzare solo il testo incluso fra <noscript> ?
-
Ma che c'entra javascript?
Io ti ho linkato un css mica un javascript ::)
-
si ma il menu delle categorie di virtuemart è scritto in javascript e nel css non so quale sia il selettore giusto per modificare i link delle categorie
-
Vedo che insisti a non volerla capire. Il menù può avertelo scritto anche la madonna di monte berico ma le regole per formattarlo stanno nel css che ti ho linkato e che puoi ispezionare con firebug...
Poichè comincio a sospettare che non capisci bene l'italiano provo a scrivertelo anche in inglese:
I see that you insist on not wanting to understand. The menu can write you the Virgin of Mount Berico but the rules are formatted in css that I have linked and you can inspect with Firebug :D :D :D
-
Dunque, il codice che visualizza il menu categorie di virtuemart è:
<div class="module">
<div>
<div>
<div>
<h3>Categorie di prodotti</h3>
<script type="text/javascript">
var ctThemeXPBase = "http://lnx.passiontattoostudio.com/shop/modules/mod_virtuemart/ThemeXP/";
</script>
<script src="http://lnx.passiontattoostudio.com/shop/includes/js/JSCookMenu.js" type="text/javascript"></script>
<link type="text/css" href="http://lnx.passiontattoostudio.com/shop/includes/js/ThemeOffice/theme.css" rel="stylesheet" media="screen, projection" />
<script src="http://lnx.passiontattoostudio.com/shop/includes/js/ThemeOffice/theme.js" type="text/javascript"></script>
<div align="left" class="mainlevel" id="div_JSCook_menu_4c1277b6ce895"></div>
<script type="text/javascript">
//<!--
function JSCook_menu_4c1277b6ce895_addEvent( obj, type, fn )
{
if (obj.addEventListener) {
obj.addEventListener( type, fn, false );
} else if (obj.attachEvent) {
obj["e"+type+fn] = fn;
obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
obj.attachEvent( "on"+type, obj[type+fn] );
}
}
function JSCook_menu_4c1277b6ce895_removeEvent( obj, type, fn )
{
if (obj.removeEventListener) {
obj.removeEventListener( type, fn, false );
} else if (obj.detachEvent) {
obj.detachEvent( "on"+type, obj[type+fn] );
obj[type+fn] = null;
obj["e"+type+fn] = null;
}
}
var JSCook_menu_4c1277b6ce895 =
[
[ '<img src="' + ctThemeXPBase + 'darrow.png" alt="arr" />','COLLARI E BRACCIALI','index.php?option=com_virtuemart&page=shop.browse&category_id=1&Itemid=1',null,'COLLARI E BRACCIALI'
]];
cmDrawNow =function() { cmDraw ('div_JSCook_menu_4c1277b6ce895', JSCook_menu_4c1277b6ce895, 'hbr', cmThemeOffice, 'ThemeOffice'); };
JSCook_menu_4c1277b6ce895_addEvent( window, "load", cmDrawNow, false );
//-->
</script>
<noscript>
<a title="COLLARI E BRACCIALI" style="display:block;" class="mainlevel" href="/shop/index.php?page=shop.browse&category_id=1&option=com_virtuemart&Itemid=1" >COLLARI E BRACCIALI</a>
</noscript>
</div>
</div>
</div>
</div>
Ora, se ci fosse solo il codice nel tag <noscript> (come preferirei visto che il codice javascript non so come gestirlo da css) io scriverei:
a {
color: white
}
Ma visto che viene visualizzato il codice javascript al posto della "a" come selettore cosa dovrei mettere?
-
più nessuno?
-
Guarda che ti stai annegando in un bicchiere d'acqua ;D
Questo è il css dove devi formattare quelle scritte:
http://lnx.passiontattoostudio.com/shop/includes/js/ThemeOffice/theme.css
Mi sembra del tutto ovvio che se usi virtuemart tu debba formattare il tema su virtuemart ;)
-
Ok ma allora sai dirmi che file modificare?
-
Emm alla fine ho risolto in un modo molto semplice :D
Bastava andare nelle opzioni del modulo categorie di virtuemart e selezionare link list in Category display type :D
Grazie comunque a tutti, soprattutto a tonicopi che ha molta pazienza!