Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => : shinz_ 15 Oct 2009, 20:31:27
-
Ciao ;),
ho provato vari plugin (http://extensions.joomla.org/extensions/search/reflection) che creano l'effetto riflesso sulle immagini.
L'effetto funziona, però con tutti i plugin provati risulta spostato più in basso e a sinistra rispetto l'immagine d'origine.
Esempio (http://www.jtest.netsons.org/alberto.html)
Secondo voi a cosa è dovuto ???
Grazie!
-
Ciao ;),
ho provato vari plugin (http://extensions.joomla.org/extensions/search/reflection) che creano l'effetto riflesso sulle immagini.
L'effetto funziona, però con tutti i plugin provati risulta spostato più in basso e a sinistra rispetto l'immagine d'origine.
Esempio (http://www.jtest.netsons.org/alberto.html)
Secondo voi a cosa è dovuto ???
Grazie!
Hai provato a dare delle direttive via CSS al canvas?
Comunque... ottimo tema per il sito :) hot-shots di Codroipo
-
Hai provato a dare delle direttive via CSS al canvas?
Per l'immagine dell'esempio le istruzioni sono queste:
<img class="reflect" style="float: right;" alt="Alberto" src="images/stories/Naonian Sito/Alberto.JPG" height="400" width="267" />
...se è questo che intendevi dire :P
Comunque... ottimo tema per il sito :) hot-shots di Codroipo
Grazie, ci vedremo allora..
-
..aggiungo che ho seguito queste (http://tutorials.yootheme.com/index.php?option=com_mtree&task=viewlink&link_id=78&Itemid=2) istruzioni, per il discorso mootools.
Mi rendo conto che possa essere una sciochezza, ma non saprei dove mettere le mani :-\
PLZ Carneade :'(
-
non è il riflesso "spostato" è l'immagine originale che ha un margine definito dal css del template
template.css (riga 814)
.art-article img, img.art-article {
margin:1em;
}
-
???
dato che sono a zero col css cosa mi consigli di fare?
-
puoi provare così:
<img width="267" height="400" src="/images/stories/Naonian Sito/Alberto.JPG" alt="Alberto" style="vertical-align: bottom; margin-left: 0pt; margin-bottom: 0pt;" class="reflected"/>
o, un po' più elegantemente, vai ad aggiungere una sezione al template.css, in modo da definire una volta per tutte lo stile delle immagini "reflected":
img.reflected {
margin-left:0;
margin-bottom:0;
vertical-align: bottom;
}
così che ti si semplifica anche il codice html dell'immagine:
<img width="267" height="400" src="/images/stories/Naonian Sito/Alberto.JPG" alt="Alberto" class="reflected"/>
-
Comunque... ottimo tema per il sito :) hot-shots di Codroipo
Grazie, ci vedremo allora..
OT:
Se sei all'operazione Black River dei Raptor direi di si :)
-
puoi provare così:
<img width="267" height="400" src="/images/stories/Naonian Sito/Alberto.JPG" alt="Alberto" style="vertical-align: bottom; margin-left: 0pt; margin-bottom: 0pt;" class="reflect"/>
ottengo che si sposta immagine e riflesso insieme, vedi il risultato nel link di sopra
o, un po' più elegantemente, vai ad aggiungere una sezione al template.css, in modo da definire una volta per tutte lo stile delle immagini "reflected":
img.reflected {
margin-left:0;
margin-bottom:0;
vertical-align: bottom;
}
idem.
Puo essere utile? (http://tutorials.yootheme.com/index.php?option=com_mtree&task=viewlink&link_id=120&Itemid=2)
-
:-[
-
domanda banale: il plugin lo applichi a quante immagini?
-
al momento solo a quella del link "esempio" per cercare soluzione al problema. poi lo utilizzerei sulle altre...
-
nessuna risposta :-\
-
Strano quello che mi dici perché se vado con firebug ad aggiungere
margin:0;
al tag style dell'immagine.. sul browser va a posto
-
Risolto modificando il file template.css.
.art-article img, img.art-article
{
margin: 1em; <--ho messo 0 qui :D
}
Grazie 1000 ;)
-
Inserisci [RISOLTO] nel titolo del post. Grazie
-
:D