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.

[biXel]

caspita....che mazzeuta! 

amen, il tutto allora muore qui.

Ti ringrazio cmq tanto per la pazienza dimostrata

[carloernesto]

ciao,
non so se ho capito bene...
fai le seguenti operazioni:
quando editi una notizia, inserisci la tua barra con l'editor di joomla . a questo punto edita la tua notizia con la modalità html. in corrispondenza del codice <hr width="100%" size="2" /> potrai inserire la classe che desideri.
per esempio verde <hr class="verde" width="100%" size="2" />
a questo punto potrai lavorare con tua classe hr.verde
hr.verde{background:orange url(../images/tua_immagine.jpg);height:10px;}

se ti crei una serie di classi, potrai utilizzarle quante volte vorrai 

[biXel]

ok ci provo e se ho dubbi ti chiedo.

 

[biXel]

carloernesto, dunque stò cercando di procedere come mi hai indicato.
La prima cosa che non quadra è questa, cioè quando edito il testo della notizia in modalità html non trovo alcun codice  del tipo <hr width="100%" size="2" />, nè nel testo introduttivo ne nella parte del testo estesa ( quella che compare se si clicca Leggi tutto ).

Altra cosa poi che non ho capito bene, ovvero tu mi dici di inserire la mia barra quando edito una notizia; come la inserisco?
Come immagine perendendola nella galleria di immagini e inserendola come 'immagini contenuti' ?

Ultima cosa: la creazione delle classi ovviamente la devo fare nel css del template, giusto? Dunque ogni volta che vorrò inserire una barra/divisore diversa per notizia dovrò aggiungere manualmente ( con la modalità html ) il codice della classe d'esempio  hr.verde{background:orange url(../images/tua_immagine.jpg);height:10px;}

E' cosi? Grazie. 

[carloernesto]

non serve nessuna img
se usi l'editor di joomla, dovrebbe farti inserire una barra orizzontale con le iconcine dell'RTE. sempre dalle iconcine dovrebbe esserci la modalità html. ti apre la pop-up, qua inserisci la tua classe. salvi tutto e poi vai in
sito->gestione template->template sito selezioni il template e poi l'icona in altro a destra mod.css e qua inserisci in fondo inserisci il tuo codice css