Back to top

Autore Topic: Classe immagini con float  (Letto 3283 volte)

Offline cassy

  • Appassionato
  • ***
  • Post: 239
    • Mostra profilo
Classe immagini con float
« il: 28 Ott 2013, 16:18:34 »
Salve a tutti,
se inserisco le immagini all'interno di un articolo,

c'è un modo per assegnare automaticamente una classe alle immagini quando queste hanno un float a destra o a sinistra?
Se scelgo "Non impostato" nella voce Allinea, trovo la dicitura:
Se 'Non impostato', l'allineamento viene definito dalla classe '.img_caption.none'. Solitamente per avere l'immagine centrata nella pagina.

Quindi anche le immagini con allineamento a destra o a sinistra hanno una classe preimpostata?
Da firebug non risulta...

Grazie
« Ultima modifica: 28 Ott 2013, 17:12:12 da cassy »

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Classe immagini con float
« Risposta #1 il: 28 Ott 2013, 16:51:31 »
non ho capito la domanda
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline cassy

  • Appassionato
  • ***
  • Post: 239
    • Mostra profilo
Re:Classe immagini con float
« Risposta #2 il: 28 Ott 2013, 16:57:30 »
Allora.... intanto grazie.
Creo un ARTICOLO.

Editor JCE attivato.
Uso il pulsante Immagine in basso.
Carico un'immagine.
Nella finestra che si apre, compare la scelta Allinea.
Tre opzioni: Non impostato, Destra, Sinistra.
Accanto a questa scelta c'è il testo:
Se 'Non impostato', l'allineamento viene definito dalla classe '.img_caption.none'. Solitamente per avere l'immagine centrata nella pagina.

Punto primo: se scelgo Non impostato, la mia immagine non prende la classe img_caption.none.
Punto secondo: se scelgo l'allineamento a destra, continua a non prendere nessuna classe.

Io avrei bisogno di avere le 3 classi, in modo da mettere
"margin-left: auto, margin-right:auto" se la classe è img_caption.none;
padding-right: 10px se l'immagine ha l'allineamento a destra
e padding-left: 10px se l'immagine ha l'allineamento a sinistra.


Ora è più chiaro?
« Ultima modifica: 28 Ott 2013, 17:11:25 da cassy »

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Classe immagini con float
« Risposta #3 il: 28 Ott 2013, 17:03:45 »
forse la domanda è questa?

Vorrei inserire le immagini flottanti, ma vorrei che queste non avessero il codice in linea.
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline cassy

  • Appassionato
  • ***
  • Post: 239
    • Mostra profilo
Re:Classe immagini con float
« Risposta #4 il: 28 Ott 2013, 17:08:19 »
In altri temi per altri cms,
quando dal pannello specifico che un'immagine deve avere il float left o il float right,
questa assume direttamente una classe (che poi è possibile modificare tramite css).
Per cui nel tema trovo tre classi: alignleft, alignright, aligncenter.
Se scelgo l'allineamento a destra, l'immagine assume in automatico la classe relativa.


E' possibile una cosa del genere anche in Joomla?

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Classe immagini con float
« Risposta #5 il: 28 Ott 2013, 17:13:37 »
solo per le immagini gestite estra text area.
guarda sulla dx nelle opzioni, hai una immagine per la introtext ed una per la fulltext.

in joomla puoi creare qualsiasi classe da ricchiamare con l'editor inserendo la classe in file css pecifico per JCE

nel sito ufficiale di JCE ci sono le istruzioni, questo il titolo dell'articolo.

Create a custom Editor Stylesheet
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline cassy

  • Appassionato
  • ***
  • Post: 239
    • Mostra profilo
Re:Classe immagini con float
« Risposta #6 il: 28 Ott 2013, 17:17:21 »
In realtà, lo so che posso creare una classe e poi sceglierla dall'editor.
Siccome c'è sempre il problema autogestione da parte di alcuni clienti,
mi chiedevo se esistesse qualcosa di automatico.


Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Classe immagini con float
« Risposta #7 il: 28 Ott 2013, 17:20:27 »
in automatico crei la classe

.item-page img {
float:............;
}

ogni volta che inseriranno le immagini saranno a dx o a sx a secondo di quello che hai scelto.
nella stessa regola inserisci margini e padding.
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline cassy

  • Appassionato
  • ***
  • Post: 239
    • Mostra profilo
Re:Classe immagini con float
« Risposta #8 il: 28 Ott 2013, 17:27:10 »
Posso dire al cliente che nell'editor sceglie allineamento a destra o allineamento a sinistra.
Però vorrei evitargli di far inserire anche i margini e fare in modo che tutte le immagini con float a destra hanno 10px di margine a sinistra e le immagini con float a sinistra lo abbiano dall'altro lato...

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Classe immagini con float
« Risposta #9 il: 28 Ott 2013, 17:29:34 »
Posso dire al cliente che nell'editor sceglie allineamento a destra o allineamento a sinistra.
Però vorrei evitargli di far inserire anche i margini e fare in modo che tutte le immagini con float a destra hanno 10px di margine a sinistra e le immagini con float a sinistra lo abbiano dall'altro lato...

Lo puoi fare, nelle impostazioni di jce puoi dirgli questi parametri, guarda fra i profili.
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline cassy

  • Appassionato
  • ***
  • Post: 239
    • Mostra profilo
Re:Classe immagini con float
« Risposta #10 il: 28 Ott 2013, 17:34:51 »
in jce nei parametri avevo selezionato Image Manager ma non mi applica nulla...

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Classe immagini con float
« Risposta #11 il: 28 Ott 2013, 17:50:31 »
magari controlla che questi parametri non siano sovrascritti da qualche css che magari resetta margin e padding a 0
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline cassy

  • Appassionato
  • ***
  • Post: 239
    • Mostra profilo
Re:Classe immagini con float
« Risposta #12 il: 28 Ott 2013, 17:54:32 »
forse non uso bene jce.
le mie immagini continuano ad assumere la class img, che ha solo un border none.


Offline cassy

  • Appassionato
  • ***
  • Post: 239
    • Mostra profilo
Re:Classe immagini con float
« Risposta #13 il: 28 Ott 2013, 18:03:32 »
Ah no, ecco, se imposto dei margini nel pannello di jce, me li imposta sempre. Cioè non è che posso dirgli, applicali solo se l'immagine ha un float left.

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Classe immagini con float
« Risposta #14 il: 28 Ott 2013, 18:44:52 »
Ah no, ecco, se imposto dei margini nel pannello di jce, me li imposta sempre. Cioè non è che posso dirgli, applicali solo se l'immagine ha un float left.

non in questo caso
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline cassy

  • Appassionato
  • ***
  • Post: 239
    • Mostra profilo
Re:Classe immagini con float
« Risposta #15 il: 28 Ott 2013, 20:33:58 »
Grazie per la pazienza... e per le risposte...

 



Web Design Bolzano Kreatif