Back to top

Autore Topic: [RISOLTO]immagine in modulo personalizzato  (Letto 1623 volte)

Offline Alessia77

  • Esploratore
  • **
  • Post: 149
  • Sesso: Femmina
    • Mostra profilo
[RISOLTO]immagine in modulo personalizzato
« il: 16 Ott 2017, 14:35:11 »
Ciao dall'alto della mia inesperienza ho provato a creare una classe in custom.css del mio template per far si che una immagine di un modulo personalizzato diventi tonda utilizzando la proprietà border radius 50%.
La classe è molto stupida .myimage  {border-radius: 50%} ma quando poi vado sul modulo personalizzato e metto in suffisso classe css .myimage non succede niente mentre se da "ispeziona di google co Border-radius: 50% l'immagine diventa tonda ( o meglio tutte le immagini in realtà visto che si sta modificando la proprietà img del template.
Non insultatemi grazie come sempre per l'aiuto
« Ultima modifica: 16 Ott 2017, 16:34:06 da Alessia77 »
Con applicazione e impegno porti sempre a casa il risultato

Offline $Red

  • Moderator
  • Instancabile
  • *****
  • Post: 5351
  • "Bastard Inside"
    • Mostra profilo
Re:immagine in modulo personalizzato
« Risposta #1 il: 16 Ott 2017, 14:53:51 »
Ciao, nel campo css classe modulo prova a non mettere il .(punto) ma solo myimage

Offline Alessia77

  • Esploratore
  • **
  • Post: 149
  • Sesso: Femmina
    • Mostra profilo
Re:immagine in modulo personalizzato
« Risposta #2 il: 16 Ott 2017, 15:10:15 »

Innanzi tutto grazie per la risposta.Si $red avevo già provato prima di scrivere a togliere mettere il punto
Con applicazione e impegno porti sempre a casa il risultato

Offline Limma

  • Abituale
  • ****
  • Post: 1209
  • Sesso: Maschio
    • Mostra profilo
Re:immagine in modulo personalizzato
« Risposta #3 il: 16 Ott 2017, 15:12:41 »
E' più "noiso" ma aggiungi la classe (sempre senza punto) direttamente nell'html dell'immagine che inserisci nel modulo

Offline Alessia77

  • Esploratore
  • **
  • Post: 149
  • Sesso: Femmina
    • Mostra profilo
Re:immagine in modulo personalizzato
« Risposta #4 il: 16 Ott 2017, 15:25:57 »
Posso anche farlo ma non sono molto pratica puoi farmi un esempio pratico?
Il codice html è questo:
<p><img src="images/articoli-home/costruzione-riparazione-ristrutturazione-tetti-in-piode.jpg" alt="" /></p>
Come devo modificarlo?
« Ultima modifica: 16 Ott 2017, 15:34:30 da Alessia77 »
Con applicazione e impegno porti sempre a casa il risultato

Offline Limma

  • Abituale
  • ****
  • Post: 1209
  • Sesso: Maschio
    • Mostra profilo
Re:immagine in modulo personalizzato
« Risposta #5 il: 16 Ott 2017, 15:34:13 »
L'html è questo:
Codice: [Seleziona]
<img src="images/xxx.jpg" class="myimage" />Se usi JCE dopo aver inserito l'immagine vai nel Tab "Avanzate" e la inserisci (sempre senza punto) alla voce "Classi"

Offline Alessia77

  • Esploratore
  • **
  • Post: 149
  • Sesso: Femmina
    • Mostra profilo
Re:[RISOLTO]immagine in modulo personalizzato
« Risposta #6 il: 16 Ott 2017, 16:34:43 »
ok grazie così va.
Thanks per la pazienza 
Con applicazione e impegno porti sempre a casa il risultato

Offline Limma

  • Abituale
  • ****
  • Post: 1209
  • Sesso: Maschio
    • Mostra profilo
Re:[RISOLTO]immagine in modulo personalizzato
« Risposta #7 il: 16 Ott 2017, 16:44:25 »
 :) 
Appena ho tempo, però, voglio vedere di fare una classe da applicare al modulo per fare quello che avevi chiesto nel primo post

Offline Limma

  • Abituale
  • ****
  • Post: 1209
  • Sesso: Maschio
    • Mostra profilo
Re:[RISOLTO]immagine in modulo personalizzato
« Risposta #8 il: 16 Ott 2017, 19:52:53 »
La classe .myimage  {border-radius: 50%} ma quando poi vado sul modulo personalizzato e metto in suffisso classe css .myimage non succede niente

:) 
Appena ho tempo, però, voglio vedere di fare una classe da applicare al modulo per fare quello che avevi chiesto nel primo post

Ok. Se vuoi utilizzare la classe per il modulo, invece che inserire ogni volta in ogni immagine del modulo la classe di cui sopra basta cambiare sintassi:

Codice: [Seleziona]
.myimage img {border-radius: 50%}
La classe così scritta (si chiama selettori multipli o combinati, o qualcosa del genere...) impone il border-radius a tutte le immagini del modulo al quale la associerai (bada bene: a tutte le immagini del modulo).

Dimenticavo...: nel modulo devi inserire solo myimage.
« Ultima modifica: 16 Ott 2017, 23:11:35 da Limma »

 



Web Design Bolzano Kreatif