Inserire testo su una galleria a tutta larghezza 
Autore: Vittorio N.
Visite 1918,
Followers 2,
Condiviso 0
ciao a tutti! ho realizzato (con il vs aiuto) una galleria a tutta larghezza. Fino a qui tutto bene. Vorrei se possibile inserire "sopra" questa galleria un testo che rimanga sempre della stessa dimensione indipendentemente dalla dimensione dello schermo; tipo questo
è possibile? il motivo di questa mia richiesta è che realizzando immagini con le scritte sopra, quando si varia la larghezza dello schermo, come potete immaginare, le scritte diventano o troppo piccole o troppo grandi e sono veramente brutte!!
grazie per l'aiuto. buona serata
Postato il
... non mi sembra a tutta pagina; ...comunque nella tua versione dovresti avere >
Presentazione ...nella Sezione Stile Schede dell'Oggetto Testo...
... oppure semplicemente integrando le descrizioni direttamente nel file immagine...
.
Autore
@ KolAsim
ciao grazie per la risposta. La pagina che ti ho linkato contiene una galleria a tutta larghezza con delle scritte che rimangono sempre uguali indipendentemente dalla larghezza della pagina che è quello che vorrei realizzare io.
Cosa intendi per "...oppure semplicemente integrando le descrizioni direttamente nel file immagine..."?
grazie
... bisognerebbe vedere come è fato il tuo slideshow per poter capire eventuali orientamenti...
... se lo usi come sfondo, potresti usare l'oggetto testo per il testo...
... oppure usare un DIV_CUSTOM sovrapposto tramite codice extra, ma appunto occorrerebbe vedere il LINK per capire eventualmente come poter fare...
... per quanto riguarda [Cosa intendi per "...oppure semplicemente integrando le descrizioni direttamente nel file immagine..."?] ...intendevo dire di scrivere il testo sulla tua immagine, tramite il tuo programma di grafica, per esempio anche con MsPaint del S.O. ...
.
ciao
Autore
@ KolAsim
ti posto il codice della galeria:
prima della chiusura del tag HEAd della pagina
<style>
/* impostazioni di pagina distanza Slide full e menù */
#nvtgalleria-container99{top: 140px; z-index:0 !important;}
/* distanza contenuti pagina della HOME da Slide */
#imContent {margin-top: 50px; }
</style>
<link rel="stylesheet" type="text/css" href="engine99/style.css" />
dopo l'apertura del tag BODY della pagina
<div id="nvtgalleria-container99">
<div class="nv_images"><ul>
<li><a href="chi-siamo.html"><img src="data99/images/chi_siamo.jpg" id="nvt99_0" alt="Chi Siamo" title="Chi siamo"/></a></li>
<li><a href="i-fondatori.html"><img src="data99/images/i_fondatori.jpg" id="nvt99_1" alt="I Fondatori" title="I Fondatori"/></a></li>
<li><a href="il-fine-specifico.html"><img src="data99/images/il_fine_specifico.jpg" id="nvt99_2" alt="Il Fine Specifico" alt="Il Fine Specifico"/></a></li>
</ul></div>
<div class="nv_bullets"><div>
<a href="#"><span>1</span></a>
<a href="#"><span>2</span></a>
<a href="#"><span>3</span></a>
</div></div>
<div class="nv_shadow"></div>
</div>
<script type="text/javascript" src="engine99/nvtgalleria.js"></script>
<script type="text/javascript" src="engine99/script.js"></script>
in impostazioni avanzate SEO prima della chiusura del tag HEAd
<style>
/* distanza contenuti pagina dal top */
#imContent{top: 0px;}
#imContent {margin-top: 140px;}
/* impostazioni menù, header e sfondo intestazione */
#imHeaderBg{position:fixed; width: 100%; top: 0px; z-index:10;}
#imHeader{position:fixed; width: 100%; top: 0px; z-index:10; }
#imMnMn{position:fixed; width: 100%; top: 110px; z-index:10;}
</style>
---------
grazie ancora
... così non riesco ad orientarmi; ... dovrei vedere qualcosa di pubblicato...
... comunque, ad occhio e croce! puoi fare la prova a seguire...
... dopo il PRIMO DIV inserisci il div_custom quello in grassetto, così:
<div id="nvtgalleria-container99">
<div style="position:absolute; top:50px;left:50px;font-size:40px;color:blue"> TESTO CHE VUOI </div>
****eccetera****
... ti personalizzi le coordinate X/Y (50), il font (40), il colore (blu), ed il testo che vuoi...
.
Autore
Grazie provo e ti aggiorno.
Autore
@ KolAsim
grazie! funziona!!