Modificare CSS

[biXel]

Dunque, la mia intenzione era quella di modificare un css in modo tale da poter decidere che barra grafica utilizzare ogni qual volta si inserisce una notizia.

Ho visto che nel file template.css del template p3p70css_1 ( reperibile http://www.joomlaos.de/joomla_template_galerie.html ) c'è il percorso dove viene assegnato al .contentheading una barra grafica ( un file .png ).

E' possibile personalizzare in un certo modo il template inserendo la possibilità di scegliere appunto una barra rispetto ad un altra quando si vuole? O ne posso solo mettere solo un tipo fisso?
Spero di essermi spiegato.

Grazie.

[napo]

E' possibile personalizzare in un certo modo il template inserendo la possibilità di scegliere appunto una barra rispetto ad un altra quando si vuole? O ne posso solo mettere solo un tipo fisso?

Joomla ti permette di associare un template diverso ad ogni voce del menu.
Ma tu vuoi associare un template diverso ad ogni notizia...
Si può fare, ora provo a spiegartelo perchè è un pò articolato.
Tu hai detto che la barra è inserita in un tag che ha classe .contentheading.
Bene, ti realizzi tutti i JPG delle barre che ti servono.
Dopodichè crei uno stile per ciascuno di essi, avendo l'accortezza di cambiare il prefisso, ad esempio: .uno_contentheading, .due_contentheading, .tre_contentheading. Insomma deve finire con contentheading.

A sto punto in ogni notizie, alla voce Prefisso CSS vai a mettere quello che ti serve, cioè uno_, due_, ...
Dovrebbe funzionare.

[biXel]

aaa ok.
Credo di aver capito ( che strano! )

Provo e in caso mi rifaccio sentire.

Grazie 

[biXel]

mm c'è qualche cosa che sbaglio forse.

Questa è la stringa standard:

.contentheading {
   height: 30px;
   background: url(../images/contenthead.png) top left repeat-x;
   color: #ffffff;
   text-indent: 25px;
   font-weight: bold;
   font-size: 11px;
   white-space: nowrap;


e fin qui ok. Mi carica la barra di default che divide le notizie una dall'altra.

Ho poi fatto un jpg identico a quello di default con colore diverso, cosi:

.q_contentheading {
   height: 30px;
   background: url(../images/q_contenthead.jpg) top left repeat-x;
   color: #ffffff;
   text-indent: 25px;
   font-weight: bold;
   font-size: 11px;
   white-space: nowrap;

Poi, nella notizia che ho creato, ho aggiunto nella scheda parametri nella riga Suffisso class CSS:  .q_contentheading   e ho salvato.

Non va. Mi carica sempre la barra di default e non quella modificata da me.
Qualche idea? Non è che vuole solo .png ?

[napo]

Poi, nella notizia che ho creato, ho aggiunto nella scheda parametri nella riga Suffisso class CSS:  .q_contentheading   e ho salvato.

Devi mettere solo q_ non tutto il nome della classe.

Però mi sta venendo il dubbio di aver fatto confusione tra suffisso e prefisso.
Dopo aver corretto sopra, prova a caricare la pagina e guarda quale classe imposta Joomla,  q_contentheading o contentheadingq_...

[biXel]

mmm no. Niente. 

Anche mettendo solo q_  ( sarebbe quello della nuova barra ) non apporta nessuna modifica.

Dove verifico che classe imposta joomla?

[napo]

Dal codice HTML che viene generato.

[napo]

Allora, correzione.
E' il SUFFISSO, non il prefisso.
Quindi devi inserire un suffisso di tua scelta, ad esempio MIO.
E Joomla utilizzerà classi del tipo contentheadingMIO, contentpaneMIO, ..., che tu vai a definire nel CSS.

Per sicurezza svuota cookie&co e cache di Joomla.

[biXel]

Allora, nella notizia d'esempio in testa compare questo:

<tr>
                        <td class="contentheading" width="100%">
            Benvenuto in Joomla!                        </td>
                     </tr>

[biXel]

ah ok...riprovo.

Grazie mille per la tua pazienza.

 

[biXel]

niente. 

Ho dunque creato il mio:

}

.q {
   height: 30px;
   background: url(../images/q_contenthead.jpg) top left repeat-x;
   color: #ffffff;
   text-indent: 25px;
   font-weight: bold;
   font-size: 11px;
   white-space: nowrap;
}

e nella pagina della notizia nel CSS ho messo q

Non cambia la barra. Ho eliminato cookie etcetc.



Poi ho riprovato inserendo

}

.contentheadingq {
   height: 30px;
   background: url(../images/q_contenthead.jpg) top left repeat-x;
   color: #ffffff;
   text-indent: 25px;
   font-weight: bold;
   font-size: 11px;
   white-space: nowrap;
}
e nella pagina della notizia ho messo contentheadingq
risultato equivalente.
Mette sempre la barra di default.

 

[napo]

Mi sa che hai fatto confusione.

Nel CSS devi mettere:

Codice: [Seleziona]

.contentheadingMIO{
    ...
}

Nelle proprietà della notizia (ossia dove scrivi il testo) che vuoi personalizzare, metti MIO come suffisso.
Quando vai a caricare la pagina, guarda il codice HTML che viene generato. Deve comparire la tua classe contentheadingMIO.

Svuota sempre cache e tutto quanto.

[biXel]

Si ho fatto cosi come mi hai indicato.
Niente.

Guardando l'html che genera ( HTML da ie ) vedo questo

tr>
                        <td class="contentheading" width="100%">
            Benvenuto in Joomla!                        </td>
                     </tr>


L'ho cercato inserendo il messaggio iniziale della notizia.
Pare che continui a prendere quello di default ( contentheading ) e ignorare il mio, nonostante io abbia inserito nella pagina della notizia ( CSS ) MIO.

Ma cosa può essere? Cosa forza a fargli prendere sempre quello di default?

edit: se ti può esser d'aiuto, stò utilizzando il template p3p70css scaricabile da qui: http://www.joomlaos.de/joomla_template_galerie.html

Se vuoi provare tu e vedere se hai risultati diversi....
 

[napo]

E' impossibile che non funzioni.
Sicuro di avere impostato il suffisso per la stessa notizia che stai guardando?

[biXel]

Ma certo 

é la notizia che compare di default appena dopo aver installat joomla.

In testa c'è questa barra grafica.

E nella notizia non ho fatto altro che aggiungere appunto MIO nel CSS
e ho aggiunto nel CSS del template il codice necessario ( la copia del contentheading originale ma con la modifica  MIO alla fine e con il nome del file immagine diverso.jpg ).

Ma tu hai provato? Giusto per capire se sono davvero cosi imbranato...

Ovviamente joomla 1.0.10 e xp sp2 + easyphp 1.8

[napo]

Aspè, quindi stai leggendo la notizia in home page, non la notizia in sè.
Hai provato a cliccare su Leggi tutto?

Io ho provato con un contenuto statico e la mia classe viene usata perfettamente.

[biXel]

ebbe si in home page...è li che ci sono le barre che dividono le notizie le une dalle altre...

Scusa, ma in cosa agisce allora?

[napo]

Ma sto si può vedere per capire?

[biXel]

Allora questa è la pagina della home:

http://img127.imageshack.us/my.php?image=template3ia.jpg

Ci sono quella barre nere che hanno un simbolino a sin.
Ecco, io ho creato delle barre con simbolini diversi e vorrei inserire, quando ne ho bisogno, barre di tipo diverso.

[napo]

Ora è tutto chiaro.
E mi sa che non lo puoi fare.
Perchè il componente frontpage, preleva tutte le notizie e le visualizza.
Quello che vuoi fare, funziona quando clicchi Leggi tutto e vedi la singola notizia.