WebSite X5Help Center

 
Vittorio N.
Vittorio N.
User

Inserire testo su una galleria a tutta larghezza  it

Autor: Vittorio N.
Visitado 2079, Seguidores 2, Compartilhado 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

https://www.tim.it/

è 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

Publicado em
7 RESPOSTAS - 1 CORRIGIR
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... 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...

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Vittorio N.
Vittorio N.
User
Autor

@ 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

Ler mais
Publicado em de Vittorio N.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... 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

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Vittorio N.
Vittorio N.
User
Autor

@ 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

Ler mais
Publicado em de Vittorio N.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... 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...
.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Vittorio N.
Vittorio N.
User
Autor

Grazie provo e ti aggiorno. 

Ler mais
Publicado em de Vittorio N.
Vittorio N.
Vittorio N.
User
Autor

@ KolAsim

grazie! funziona!!

Ler mais
Publicado em de Vittorio N.