Joomla.it Forum

Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => I Template di Joomla 1.6/1.7/2.5 => : misteradamello 18 May 2014, 15:05:00

: T3 framework e K2 immagini flottanti RISOLTO
: misteradamello 18 May 2014, 15:05:00

Buongiorno a tutti. Sto sperimentandi il famoso framework T3 e sono alle prese con una fastidiosa problematica: all'interno degli articoli (uso k2) metto regolarmente un'immagine di anteprima solo che utilizzando T3 l'immagine mi appare flottante in mezzo alla pagina vedi: http://www.videoinquota.it/indice-categorie/scialpinismo/cima-della-bondasca.html (http://www.videoinquota.it/indice-categorie/scialpinismo/cima-della-bondasca.html)

: Re:T3 framework e K2 immagini flottanti
: giusebos 18 May 2014, 16:01:36

alcuni template con k2 danno questo effetto lightbox (la paroloa flottante non la userei che richiama una regola css per far flottare div)

risolvi aggiungendo in fondo al file ccs principale


.modal {
  position: relative;
}

: Re:T3 framework e K2 immagini flottanti
: misteradamello 18 May 2014, 16:04:14

Grazie! ma ti riferisci al css del template T3 ovviamente? ;)
Ho questi fogli da poter compilare:

•  Modifica css/bootstrap-responsive.css                               (http://www.videoinquota.it/administrator/index.php?option=com_templates&task=source.edit&id=MTAxNjY6Y3NzL2Jvb3RzdHJhcC1yZXNwb25zaXZlLmNzcw==)
•  Modifica css/bootstrap.css                               (http://www.videoinquota.it/administrator/index.php?option=com_templates&task=source.edit&id=MTAxNjY6Y3NzL2Jvb3RzdHJhcC5jc3M=)
•  Modifica css/component.css                               (http://www.videoinquota.it/administrator/index.php?option=com_templates&task=source.edit&id=MTAxNjY6Y3NzL2NvbXBvbmVudC5jc3M=)
•  Modifica css/home-responsive.css                               (http://www.videoinquota.it/administrator/index.php?option=com_templates&task=source.edit&id=MTAxNjY6Y3NzL2hvbWUtcmVzcG9uc2l2ZS5jc3M=)
•  Modifica css/home.css                               (http://www.videoinquota.it/administrator/index.php?option=com_templates&task=source.edit&id=MTAxNjY6Y3NzL2hvbWUuY3Nz)
•  Modifica css/megamenu-responsive.css                               (http://www.videoinquota.it/administrator/index.php?option=com_templates&task=source.edit&id=MTAxNjY6Y3NzL21lZ2FtZW51LXJlc3BvbnNpdmUuY3Nz)
•  Modifica css/megamenu.css                               (http://www.videoinquota.it/administrator/index.php?option=com_templates&task=source.edit&id=MTAxNjY6Y3NzL21lZ2FtZW51LmNzcw==)
•  Modifica css/off-canvas.css                               (http://www.videoinquota.it/administrator/index.php?option=com_templates&task=source.edit&id=MTAxNjY6Y3NzL29mZi1jYW52YXMuY3Nz)
•  Modifica css/template-responsive.css                               (http://www.videoinquota.it/administrator/index.php?option=com_templates&task=source.edit&id=MTAxNjY6Y3NzL3RlbXBsYXRlLXJlc3BvbnNpdmUuY3Nz)
•  Modifica css/template.css                               (http://www.videoinquota.it/administrator/index.php?option=com_templates&task=source.edit&id=MTAxNjY6Y3NzL3RlbXBsYXRlLmNzcw==)

Quale di questi?

 

: Re:T3 framework e K2 immagini flottanti
: giusebos 18 May 2014, 16:13:38

dovrebbe andare bene template.css, e per sicurezza scrivi la regola cosė
.modal {
  position: relative !important;
}

ho aggiunto !important

: Re:T3 framework e K2 immagini flottanti
: misteradamello 18 May 2014, 16:16:10

Quindi:
 modal {
  position: relative important;
}
Cosė č corretto?

: Re:T3 framework e K2 immagini flottanti
: giusebos 18 May 2014, 16:22:49

.modal {
  position: relative !important;
}

: Re:T3 framework e K2 immagini flottanti
: misteradamello 18 May 2014, 16:23:54

Fatto...vediamo se funzia.. :(

: Re:T3 framework e K2 immagini flottanti
: misteradamello 18 May 2014, 16:29:30

No, non funziona, anzi, in alto a sx compare la scritta:.modal { position: relative; }
Ho svuotato la cache di Firefox x sicurezza ancce se di solito il mio server č lento ad aggiornare...
Edit: la scritta č sparita ma le immagini sono sempre Ligtbox..

: Re:T3 framework e K2 immagini flottanti
: giusebos 18 May 2014, 16:37:42

la regola non viene recepita ed č per questo che non c'č nessuna modifica

prova a incollare la regola in fondo a questo file

http://www.videoinquota.it/t3-assets/dev/templates.t3_blank.less.bootstrap.less.css

: Re:T3 framework e K2 immagini flottanti
: misteradamello 18 May 2014, 16:46:25

Ok..funziona ma mi mette la foto a destra e io la voglio allineata a sinistra.Che devo fare? ;D

: Re:T3 framework e K2 immagini flottanti
: giusebos 18 May 2014, 16:52:11

fai cosė:

elimina la regola appena incollata, vai alla riga 5053 sempre di questo file e modifica .modal come vedi sotto

.modal {
  position: relative ;
  background-color: #FFFFFF;
  width: 560px;
  z-index: 1050;
}

: Re:T3 framework e K2 immagini flottanti
: misteradamello 18 May 2014, 16:59:22

Adesso l'immagine č centrata. Mi potrei anche accontentare.. ;D