Testi su gallery 
Autore: Pasquale D.
Visite 2240,
Followers 1,
Condiviso 0
buon giorno, come da oggetto vi chiedo un chiarimento :
Ho visto che è possibile inserire del testo, ma no è possibile decidere : il font, Colore, Grandezza ETC, ma sopratutto che è la cosa che più mi preme, decidre il posizionamento del testo, ad Sx o Dx dell'immagine.
Ovviamente mi occorre che sia testo e non un immagine, anche per un ovvia questione di indicizzazione.
Qualcuno sa indirizzarmi su come fare un codice ad hOC?
Grazie!
Postato il
Ciao Pasquale...dovresti poter cambiare tutto andando nel menu 4 ----> e poi Stili e Modelli----> testo della pagina
Autore
si, loso.........
Però ho posto male la domanda forse, è molto probabile che sono nella gallery ho bisogno di fonts, colori, gandezza etc; diverse rispetto a tutto il sito, inoltre al passo 4, comunque non credo che si possa decidere se il testo vada sotto o di fianco le immagini della gallery.
Buongiorno Pasquale,
nella descrizione della gallery se vuoi puoi inserire direttamente il codice CSS per il testo così da personalizzarlo.
Per esempio prova a inserire:
<p style="color:red;font-size:20px;"><b>Test</b></p>
Fammi sapere se hai difficoltà.
Autore
il css, nella descrizione? WOW!
e per il posizionamento del testo?
Buongiorno Pasquale,
puoi aggiungere per esempio:
<p style="color:red;font-size:20px;text-align:left !important;"><b>Test</b></p>
informati sull linguaggio css da usare.
Spero di esserti stato utile.
Autore
provo e ti dico.
Grazie mille!
Ciao Riccardo, scusami ma il testo è comunque obbligato come posizionamento in basso allo Slide ? o posso posizionarlo anche in alto o a dx/sx ?
Autore
Quando dicevo posizione del testo, intendevo in relazione all'immagine, quindi a dx dell'immagine o Sx dell'immagine, sopra o sotto l'immagine.
Autore
Ecco una prova, però ad esempio, quella fascia con il testo la vorrei sopra la foto, oppure a destra o sinistra di essa.
http://www.pdagrafica.com/Personale/test/pda/testi-su-gallery.html
E' possibile?
Buongiorno Pasquale,
in automatico non è possibile però se vuoi posizionare la scritta in alto puoi aggiungere un'eccezzione al CSS inserendo come codice per esempio:
<style>
#imObjectGallery_2_description{top:0 !important;height:50px;}
</style>
dove il "2" cambia in base alla galleri selezionata, dovresti prima scoprire a che numero corrisponde quella che hai inserito (prova ad analizzare il codice html).
il 50px è l'altezza della striscia della descrizione, se non metti nulla sarà alta come la gallery.
Spero che questo ti sia di aiuto.
Autore
Grazie, provo e ti dico, ma mi interessava in particolare a destra o sinistra dell'immagine.
Al posto di top debbo scrivere cosa?
Grazie!
Buongiorno Pasquale,
dovresti provare a informarti sul codice CSS così da apportare la modifiche, prova a leggere qualche guida in internet e modficare il codice HTML.
Se ho capito bene e provando solo con Firebug, l'esempio da te linkato, proverei questi:
a sinistra
<style>
#imObjectGallery_1_description{top:0 !important; width:100px;}
</style>
a destra
<style>
#imObjectGallery_1_description{top:0 !important; width:100px; left:auto !important;}
</style>
Se funzionano, il valore di width ovviamente va personalizzato.
Per l'allineamento a destra devi/dovresti anche modificare il text-align
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Autore
ho, provato rapidamente e non mi funziona.
Riprovo con più tranquillità e ti dico.
Intanto grazie!
Verifica quanto detto da Riccardo:
Io ho provato con questo esempio:
http://www.pdagrafica.com/Personale/test/pda/testi-su-gallery.html
... ed il numero, in questo caso, è 1
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Autore
si, avevo supposto che fosse il numero 1.
Però debbo provare con calma.
Grazie, gentilissimo veramente!
Non sarà sufficiente tutta la calma di questo mondo, se continuerai ad inserire quei CSS nella descrizione delle foto:
http://www.webalice.it/lemonsong/non_ci_siamo.png
Un consiglio (già dato):
http://www.html.it/guide/guida-css-di-base/
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Autore
C'era un post che hanno cancellato, ma al di la di questo, avevo supposto che <style>, va in head, però.....forse ho interpretato male le indicazioni di riccardo, inserendo tutto nella descrizione.
Provo e ti dico.
Intanto grazie!
Autore
Ecco : http://www.pdagrafica.com/Personale/test/pda/testi-su-gallery.html
Funziona!
Grazie infinitamente.
Posso chiedervi, cortesemente un'altra cosa?
Ho notato però......che la fascia grigia trasparente, scompare in dissolvenza, in funzione della posizione del mouse, c'è la possibilità di tenerla ferma?
Grazie, ancora.
Potresti provare aggiungendo display:block !important; al CSS usato:
<style>
#imObjectGallery_1_description{top:0 !important; width:150px; left:auto !important; display:block !important;}
</style>
... se non ti dà fastidio quella frazione di secondo di "assestamento".
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Autore
Ho provato, funziona!
Grazie, non mi da fastidio l'assestamento.
Pensavo però ad una variazione utile, sarebbe possibile posizionare la barra grigia, in alcune immagini a DX e in altre in Alto, in basso oppure a SX?
Ad esempio, se scelgo a DX, può capitare che in una o più immagini, ci sia un elemento inportante da non coprire e in questo caso, verrebbe comoda l'eccezione di posizionare solo per quelle immagini, la fascia grigia in altra posizione. Secondo te, come si potrebbe fare?
Grazie anticipatamente.