Back to top

Autore Topic: [Risolto] Filtro selettori CSS  (Letto 1403 volte)

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
[Risolto] Filtro selettori CSS
« il: 25 Apr 2018, 10:00:07 »
Buongiorno.

Sto trasferendo un vecchio sito joomla 2.5 rifacendolo con la nuova versione.
Più o meno la grafica deve restare uguale o simile e dopo molte prove non riesco ad applicare un motivo alla sola colonna sinistra, motivo rounded.

Vecchio sito: https://consorziocoins.it
Nuovo sito: https://consorziocoins.it/new

Nella colonna sinistra ho applicato il rounded ma viene applicato anche all'header, come posso filtrarlo solo per la sidebar?

Grazie.
« Ultima modifica: 25 Apr 2018, 15:35:27 da tomtomeight »

Offline marine

  • Moderator
  • Instancabile
  • *****
  • Post: 6314
  • Sesso: Maschio
    • Mostra profilo
Re:Filtro selettori CSS
« Risposta #1 il: 25 Apr 2018, 10:26:11 »
Ciao,
hai provato ad applicare una classe solo alla colonna di sinistra ed applicare il rounded solo agli elementi con quella classe?

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Filtro selettori CSS
« Risposta #2 il: 25 Apr 2018, 10:55:00 »
metti un suffisso sulla testata (oppure inserisci un ulteriore div nel file index.php) e aggiungi una regola che nega l'applicazione rounded
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:Filtro selettori CSS
« Risposta #3 il: 25 Apr 2018, 11:42:29 »
Ciao,
hai provato ad applicare una classe solo alla colonna di sinistra ed applicare il rounded solo agli elementi con quella classe?
Ciao grazie della pronta risposta.


Se applico una classe alla testata che peraltro gia c'è per la sola colonna, mi rende il rounded complessivo e non singolo come mi serve.
Applicare invece un suffisso al modulo lo dovrei fare per ogni modulo della sidebar
Forse la soluzione potrebbe essere di applicare il suffisso al modulo in header e negare a questo il rounded.
Tuttavia ho ulteriori conflitti con altri elementi decorativi da filtrare per poterli applicare solo ad alcuni e non a tutti quelli presenti.

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Filtro selettori CSS
« Risposta #4 il: 25 Apr 2018, 12:18:07 »
modificando la posizione della testata?

da così

Codice: [Seleziona]
<jdoc:include type="modules" name="position-4" style="rounded"/>
a così

Codice: [Seleziona]
<jdoc:include type="modules" name="position-4" style="flat"/>
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

adottauncane

  • Visitatore
Re:Filtro selettori CSS
« Risposta #5 il: 25 Apr 2018, 15:23:45 »
Ciao tomtomeight,
prova così:

Codice: [Seleziona]
#g-sidebar .moduletable {
 padding:0 10px;
 border:1px solid #d6d6d6;
 border-radius:15px;
 margin-bottom:8px;
 background:#ededed
}

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:Filtro selettori CSS
« Risposta #6 il: 25 Apr 2018, 15:34:50 »
Ciao Carla
Grazie funziona, avevo anche provato a mettere id e classe insieme senza esito forse per la fretta o mancato refresh.

adottauncane

  • Visitatore
Re:[Risolto] Filtro selettori CSS
« Risposta #7 il: 25 Apr 2018, 15:46:15 »
 :)

Non so se è ancora valido ma io metto sempre tutti e tre i css:

Codice: [Seleziona]
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:[Risolto] Filtro selettori CSS
« Risposta #8 il: 25 Apr 2018, 15:57:31 »
Si hai ragione, un altra cosa che mi era sfuggita.

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:[Risolto] Filtro selettori CSS
« Risposta #9 il: 25 Apr 2018, 20:41:12 »
:)

Non so se è ancora valido ma io metto sempre tutti e tre i css:

Codice: [Seleziona]
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;


Io non lo metto più, ma in fase di test con i vari browser tutto si vede come dovrebbe essere.

O.T.
Ma sapete qualcosa sul fatto che safari per windows non viene più sviluppato?
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline Anthony Marra

  • Esploratore
  • **
  • Post: 128
  • Sesso: Maschio
    • Mostra profilo
Re:[Risolto] Filtro selettori CSS
« Risposta #10 il: 25 Apr 2018, 22:08:05 »

O.T.
Ma sapete qualcosa sul fatto che safari per windows non viene più sviluppato?


Si, l'ultima versione per Windows è stata la 5.1.7, all'epoca si parlava di tempi di sviluppo maggiori per Windows 7e8 oppure di un insuccesso nell'utilizzo in Windows

 



Web Design Bolzano Kreatif