Joomla.it Forum
Joomla! 1.0.x (versione con supporto terminato) => Le voci di Joomla.it (solo per versione Joomla 1.0.x) => I Template di Joomla 1.0.x => : mauinat 22 Jan 2009, 13:03:16
-
Ciao.
Ho bisogno di un aiuto da parte dei conoscitori del CSS.
Se andate su questo sito http://www.andreapitasi.com/index.php e provate a passare con il mouse sul menù di sinistra, vedete che esce una fascia nera come rollover.
Mi sono guardato tutti i fogli di stile presenti, ma non riesco ad individuare il comando...
Chi mi sa dire come potrebbe essere chiamato così da poterlo modificare?
Grazie
ps:
il template è tcschooltheme
-
Se usi il web developer di Mozilla, cliccando su CSS e su View Style information ti compare, quando ci vai sopra, una striscia dove ti indica una cosa tipo:
html > body .wide > div #tcWrapper > div #tcWrapperInner > div #divBorder > div #bgBackBg > div #bodyBgWrapper > div #forBgLeft > div #forBgRight-fr > div #tcContainerWrap > div #tcContainer-fr .clearfix > div #tcLeftCol > div #tcLeftColInner > div .module_menu > div > div > div > ul .menu > li .item37 > a > span Ora .item37 perchè ho puntato su una delle voci del menù.
Da lì dovresti risalire allo stile.
Con Edit Css (sempre su CSS) invece ho visto che il css del mainmenu è così strutturato
/* Left Special Module Menu */
#tcLeftCol div.module a.mainlevel {
display: block;
margin: 0px 0px 0px 3px!important;
margin: 0px 0px 0px -10px;
padding: 7px 3px 7px 15px;
background: #fafafa;
font: 10px/16px Arial, "Lucida Sans Unicode", sans-serif;
font-weight: bold;
letter-spacing: 2px;
color: #1A4275;
text-decoration: none;
border-top: 0px solid #ffffff;
border-bottom: 1px dotted #dddddd;
}
#tcLeftCol div.module a.mainlevel:active,
#tcLeftCol div.module a.mainlevel#active_menu {
background: #f1f1f1;
color: #FCCF71;
text-decoration: none;
border-top: 0px solid #ffffff;
border-bottom: 1px dotted #dddddd;
}
#tcLeftCol div.module a.mainlevel:hover,
#tcLeftCol div.module a.mainlevel#active_menu:hover,
#tcLeftCol div.module a.mainlevel:focus {
background: #f1f1f1;
color: #FCCF71;
text-decoration: none;
border-top: 0px solid #ffffff;
border-bottom: 1px dotted #dddddd;
}
#tcLeftCol div.module a.sublevel {
margin: 0px 0px 0px -4px;
padding: 4px 4px 4px 16px;
display: block;
text-decoration: none;
background: #f8f8f8;
color: #1A4275;
border-top: 1px solid #fafafa;
border-bottom: 1px solid #fefefe;
}
#tcLeftCol div.module a.sublevel:hover,
#tcLeftCol div.module a.sublevel:focus {
background: #fafafa;
color: #1A4275;
border-top: 1px solid #fafafa;
border-bottom: 1px solid #fefefe;
}
#tcLeftCol div.module a.sublevel:active,
#tcLeftCol div.module a.sublevel#active_menu {
background: #fafafa;
color: #1A4275;
border-top: 1px solid #fafafa;
border-bottom: 1px solid #fefefe;
}
Il colore nero in questo pezzo di css però non c'é, quindi guarda le proprietà che hanno i tag che ti ho indicato nel primo codice.
-
premetto che per qualche strano motivo, dal Pannello di controllo di Joomla non mi fa visualizzare i CSS e sono costretto a modificarli con Dreamweaver e poi caricarli...
Per quanto riguarda il resto, il problema è che questo template ha una marea di fogli CSS associati e relative voci interne e quindi non è facile per me che non sono un programmatore individuale la voce di riferimento.
Quell'item37 non compare in nessuna vice di nessun foglio css del template quindi presumo che sia solo una voce del database a cui è associato il testo del menù e non un parametro css...
-
Quell'item37 non compare in nessuna vice di nessun foglio css del template quindi presumo che sia solo una voce del database a cui è associato il testo del menù e non un parametro css...
Item 37 non è una voce del css, indica la voce della lista. Per esempio un link sotto era la voce 50.
L'ho sottolineato nel post proprio per dire questo.
Se ho capito bene quella proprietà della barra nera riguarda solo il menù principale, quindi in teoria dovrebbe essere nella parte del css che riguarda quello.
-
Alla fine ho risolto in maniera diversa.
Ho eliminato uno alla volta i fogli CSS fino a che non ho individuato quale di quelli controllava il link in questione.
Alla fine ho scoperto esser il foglio TEMPLATE_CSS.CSS e la stringa in questione era a:hover
-
E' un metodo anche quello.
Bene! Ciao! :)