Joomla.it Forum
Joomla! 3 => Joomla! 3 => : fatechand 21 Sep 2016, 17:25:02
-
Ciao a tutti,
è un pò che non scrivo sul forum ma la vita mi ha portato altrove...
Vorrei potere mettere ai titoli degli articoli come 'sfondo' una barra colorata responsive. Penso sia da fare con una classe css richiamabile dall'editor. Se è la via giusta qualcuno mi può aiutare, perchè sono nel forum dal 2008 ma i css ancora non li digerisco ::)
-
Ciao,
sì lo fai con i css, ma non è richiamabile dall'editor. E comunque di un colore solo. E sarà responsive se il template lo è.
E serve un link al sito.
-
ok, allora non è la strada giusta. Io vorrei associare un colore diverso a diversi argomenti (categorie di joomla).
-
Mmm. Con i soli css la vedo dura.
-
Ciao Carla :) :)
mi chiedevo se si potesse fare con le pseudo classi
<!DOCTYPE html>
<html>
<head>
<style>
[title~=flower] {
border: 5px solid yellow;
}
</style>
</head>
<body>
<p>All images with the title attribute containing the word "flower" get a yellow border.</p>
<img src="klematis.jpg" title="klematis flower" width="150" height="113">
<img src="img_flwr.gif" title="flower" width="224" height="162">
<img src="img_tree.gif" title="tree" width="200" height="358">
<p><b>Note:</b> For [<i>attribute</i>~=<i>value</i>] to work in IE8 and earlier, a DOCTYPE must be declared.</p>
</body>
</html>
questo codice fa si che quando l'attributo title è flower viene applicata una regola all'elemento che lo contiene.
Forse c'è una regola specifica per fare si che quando c'è un titolo che inizia o contiene per xxxxx si possa applicare qualche tipo di regola?
-
Ciao giusebos :)
non lo so... :(
-
allora partiamo dalla barra. Come posso creare uno sfondo fluido (colorato o una immagine) sotto ad un testo, che abbia altezza definita e larghezza fluida?
-
Cerchi il css relativo allo spazio di h1 o h2, dipende dal tempalte, e lo modifichi. Se vuoi una mano metti un link al sito.
-
Il sito non c'è, o meglio c'è solo il quickpack di helix3, puro
-
Nel file custom.css che se non hai devi fare per aggiungere le modifiche:
.entry-header h2 { background: #eee none repeat scroll 0 0; padding: 10px;}
Poi metti colore e padding che vuoi.
Sono riuscita ad aiutarti solo perché uso Helix3. Ini altri casi senza link, per i problemi di css, non credo riusciresti ad avere aiuto...
-
grazie adottauncane per la risposta, con il custom.css riesco a cambiare l'aspetto dell'intestazione del sito (.entry-header , un h2).
Quello che voglio ottenere è un colore(o immagine di sfondo) differente per ogni categoria.
Una classe css x ogni categoria è la strada giusta?
In alternativa pensavo di usare jce e creare stili diversi da applicare tramite l'editor, rimuovendo la visualizzazione del titolo dell'articolo di joomla, e scrivendo io il titolo nell'articolo.
-
esatto una classe diversa per ogni categoria attraverso la finestra suffix nella voce di menù
-
Ok. Mi puoi fare un esempio di come scrivere il css relativo al suffix? Dove lo metto, sempre nel custom.css ?
-
http://www.joomla.it/articoli-della-community/4277-moduli-style-classe-e-suffisso-css.html
http://www.joomla.it/articoli-community-16-e-17-tab/5033-piccola-guida-alluso-del-suffisso-classe-css-menu.html
http://www.joomla.it/articoli-community-3x-tab/7374-mini-guida-alla-personalizzazione-del-template-protostar.html
-
Ok.Funziona come Voce di menù-categoria. Ma se volessi associare un colore diverso in maniera univoca agli articoli di ogni categoria? Ad esempio in una pagina blog con articoli di tutte le categorie. Ad ogni articolo il colore della sua categoria.
-
allo stasso modo crei una voce di menù per ogni articolo ed usi il suffisso