Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : mau_develop 29 Sep 2010, 16:06:17
-
allora, il problema è su una toolbar personalizzata ma fa nulla poichè quello che mi interessa capire è anche in quelle di deault.
Nelle toolbar di administrator, accanto al Titolo del componente c'è l'icona dello scatolone a sx, il suo div nel sorgente è:
<div class="header icon-XX-icon-XX-default">
ora la domanda è: come si imposta uno stile con uno spazio nel nome? ... nn mi è mai capitato...
M.
-
forse non ho capito bene a cosa ti riferisci...
parliamo delle icone del menu a tendina della voce componenti giusto?
io me la ritrovo con un altro nome:
<a class="icon-16-component">
[allegato eliminato da un amministratore]
-
ora la domanda è: come si imposta uno stile con uno spazio nel nome? ... nn mi è mai capitato...
M.
:-\ infatti NON dovrebbe esserci spazio
-
allora, devi andare ad esempio in gestione articoli, quando hai davanti a te il grid appena entrato, in alto sulla sx c'è il titolo del "pannello" che è appunto gestione articoli, con accanto a sx la sua icona... prova a guardare il sorgente di quel div..
M.
-
ok ora ci sono :)
in effetti lo spazio c'è...
analizzando il div sembra che venga gestito come se fossero due classi distinte
div.header {.............}
.icon-48-article {.............}
[allegato eliminato da un amministratore]
-
Si che sono due classi distinte e possono essere fomattate distintamente o in modo composto...
Se ne possono applicare anche di più.
E' in questo modo che un elemento può essere formattato da diverse classi distinte:
<body id="page" class="mypage font-medium width-wide showright ">
Si possono cioè modificare singoli aspetti della, pagina mantenendo le altre regole e potrò cambiare solo uno di quelli elementi mantenendo fermi gli altri ;)
-
ok grazie a tutti.
capire ho capito, adesso vediamo se riesco perchè è tutto il pomeriggio che provo ma nn si visualizza.
M.
-
la soluzione è:
JToolBarHelper::title( JText::_( 'MY_TITLE' ), 'mia_ico.png');
dopodichè in una cartella css, in un file denominato icons.css si fa l'override dello stile di quel div
.icon-48-mia_ico{
background-image: url(../icons/icon-48-mia_ico.png);
}
ed ecco cambiata l'icona :D
M.