Back to top

rss feed
« precedente successivo »
Pagine: [1]   Vai giù

Autore Topic: barra responsive colorata sotto i titoli  (Letto 3092 volte)

Offline fatechand

  • Appassionato
  • ***
  • Post: 438
  • Sesso: Maschio
  • con l'aiuto del sole...
    • Mostra profilo
barra responsive colorata sotto i titoli
« il: 21 Set 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 ::)
Connesso
_______ _\!/_ ______
solopezziunici...

adottauncane

  • Visitatore
Re:barra responsive colorata sotto i titoli
« Risposta #1 il: 21 Set 2016, 17:33:08 »
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.
Connesso

Offline fatechand

  • Appassionato
  • ***
  • Post: 438
  • Sesso: Maschio
  • con l'aiuto del sole...
    • Mostra profilo
Re:barra responsive colorata sotto i titoli
« Risposta #2 il: 21 Set 2016, 17:35:09 »
ok, allora non è la strada giusta. Io vorrei associare un colore diverso a diversi argomenti (categorie di joomla).
Connesso
_______ _\!/_ ______
solopezziunici...

adottauncane

  • Visitatore
Re:barra responsive colorata sotto i titoli
« Risposta #3 il: 21 Set 2016, 17:40:36 »
Mmm. Con i soli css la vedo dura.
Connesso

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:barra responsive colorata sotto i titoli
« Risposta #4 il: 21 Set 2016, 17:51:47 »
Ciao Carla :) :)

mi chiedevo se si potesse fare con le pseudo classi

Codice: [Seleziona]
<!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?
Connesso
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

adottauncane

  • Visitatore
Re:barra responsive colorata sotto i titoli
« Risposta #5 il: 21 Set 2016, 21:28:27 »
Ciao giusebos  :)
non lo so...  :(
Connesso

Offline fatechand

  • Appassionato
  • ***
  • Post: 438
  • Sesso: Maschio
  • con l'aiuto del sole...
    • Mostra profilo
Re:barra responsive colorata sotto i titoli
« Risposta #6 il: 22 Set 2016, 11:10:53 »
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?
Connesso
_______ _\!/_ ______
solopezziunici...

adottauncane

  • Visitatore
Re:barra responsive colorata sotto i titoli
« Risposta #7 il: 22 Set 2016, 13:30:56 »
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.
Connesso

Offline fatechand

  • Appassionato
  • ***
  • Post: 438
  • Sesso: Maschio
  • con l'aiuto del sole...
    • Mostra profilo
Re:barra responsive colorata sotto i titoli
« Risposta #8 il: 22 Set 2016, 14:02:59 »
Il sito non c'è, o meglio c'è solo il quickpack di helix3, puro
Connesso
_______ _\!/_ ______
solopezziunici...

adottauncane

  • Visitatore
Re:barra responsive colorata sotto i titoli
« Risposta #9 il: 22 Set 2016, 14:36:38 »
Nel file custom.css che se non hai devi fare per aggiungere le modifiche:

Codice: [Seleziona]
.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...
Connesso

Offline fatechand

  • Appassionato
  • ***
  • Post: 438
  • Sesso: Maschio
  • con l'aiuto del sole...
    • Mostra profilo
Re:barra responsive colorata sotto i titoli
« Risposta #10 il: 25 Set 2016, 19:18:29 »
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.
Connesso
_______ _\!/_ ______
solopezziunici...

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:barra responsive colorata sotto i titoli
« Risposta #11 il: 25 Set 2016, 19:24:46 »
esatto una classe diversa per ogni categoria attraverso la finestra suffix nella voce di menù
Connesso
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline fatechand

  • Appassionato
  • ***
  • Post: 438
  • Sesso: Maschio
  • con l'aiuto del sole...
    • Mostra profilo
Re:barra responsive colorata sotto i titoli
« Risposta #12 il: 25 Set 2016, 21:05:51 »
Ok. Mi puoi fare un esempio di come scrivere il css relativo al suffix?  Dove lo metto, sempre nel custom.css ?
Connesso
_______ _\!/_ ______
solopezziunici...

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:barra responsive colorata sotto i titoli
« Risposta #13 il: 25 Set 2016, 23:25:25 »
Connesso
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline fatechand

  • Appassionato
  • ***
  • Post: 438
  • Sesso: Maschio
  • con l'aiuto del sole...
    • Mostra profilo
Re:barra responsive colorata sotto i titoli
« Risposta #14 il: 26 Set 2016, 09:34:01 »
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.
Connesso
_______ _\!/_ ______
solopezziunici...

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:barra responsive colorata sotto i titoli
« Risposta #15 il: 26 Set 2016, 10:08:42 »
allo stasso modo crei una voce di menù per ogni articolo ed usi il suffisso
Connesso
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity
Pagine: [1]   Vai su
« precedente successivo »
 



Web Design Bolzano Kreatif


Copyleft: Tutto il materiale pubblicato o comunque presente all'interno del sito www.joomla.it
può essere utilizzato, diffuso e modificato liberamente.
Hosting fornito gratuitamente da Joomlahost.it
Disegno web da kreatif multimedia srl