efp news 2021
EFP | Il tuo Account | Ultime Storie | Storie scelte del sito | Storie scelte del Forum | Siti Consigliati - Top Manga

EFP News
Contattate l'amministrazione - Contest - Regolamento Contest - Staff
Harry Potter - Anime e Manga - Originali - Film, Telefilm, Videogiochi - Multifandom
 
Pagina precedente | 1 | Pagina successiva

Collegamenti interni nella storia per le note a piè di pagina: come fare?

Ultimo Aggiornamento: 12/06/2016 09:12
Autore
Vota | Stampa | Notifica email    
Post: 3.284
Giudice*****
Utente Master
OFFLINE
11/06/2016 14:28
 
Quota

Salve,
non so se questa è la sezione giusta per esporre il mio problema e in caso mi scuso, ma non sapevo più dove sbattere la testa.

Il punto è questo: nelle mie storie mi capita spesso di inserire delle note inframmezzate al testo che - per un motivo o per un altro - non possono essere preannunciate nelle note d'autore iniziali e quindi le riporto a fine storia. Con storie brevi il problema non si pone perché si trovano al primo colpo d'occhio, ma con storie piuttosto lunghe è veramente fastidioso dover abbandonare la lettura, andare a fondo pagina per leggere la nota e poi risalire per ritrovare il punto in cui ci si era interrotti.

Per questo avevo pensato di inserire un collegamento interno che, dalla segnalazione della nota nel testo, cliccando sul numero portasse direttamente a fondo pagina alla spiegazione della nota e poi, cliccando di nuovo, riportasse al punto di partenza. Oppure, se fosse possibile, sarebbe anche meglio qualcosa che, passando il puntatore sul numero della nota, facesse aprire uno specchietto con il testo della nota stessa (come su Wikipedia o su Word).

Es --> Andava a casa[1] a passo svelto.
Note:
[1] Abitava su un albero.

Ecco, io vorrei inserire un qualche tag HTML in modo che:
- Cliccando sul primo [1] vada al secondo [1] (quello sotto "Note") e viceversa, cliccando sul secondo [1] torni al primo.
- Passando il puntatore su [1] si visualizzi uno specchietto con "Abitava su un albero".

Questa seconda opzione mi sembra decisamente più complessa e l'ho messa giusto per scrupolo, per quanto riguarda la prima io ho già provato ad utilizzare il sistema delle àncore seguendo questa guida, ma non ho avuto risultati.

Scusate la prolissità, ma ho cercato di spiegarmi nel modo più esaustivo possibile. Spero tanto che qualcuno sappia aiutarmi, intanto vi ringrazio per l'attenzione e vi saluto.

A presto!
rhys89
La mia pagina EFP
La mia pagina giudice

Tratto da "Cara Mathilda" di Susanna Tamaro

Post: 21.538
Utente Gold
OFFLINE
11/06/2016 15:22
 
Quota

Ho spostato il topic in fanfiction (non è una domanda che ti blocca).

Da quello che ho capito cerchi una cosa tipo quella che ho inserito come esempio in questo capitolo:

http://www.efpfanfic.net/viewstory.php?sid=2973002

Nel primo esempio (nota 1) si tratta di una serie di link interni ottenuti creando delle "ancore" ovvero dei segnalibri interni alla storia a cui il link rimanda.


<a href="#nota_1">nota 1</a><a name="nota_1_ret"></a>
(...)
<a
name="nota_1"></a>Nota 1<br>Questa è la nota <a href="#nota_1_ret">ritorna</a></span></font></span></span>



#Nota_1 è l'ancora, ovvero il link interno, che porta alla nota
#Nota_1_ret è l'ancora che riporta invece al punto del testo in cui era presente la nota.

Ti copio qui parte del codice della storia per farti capire meglio:


<span style="font-family: times new roman,times,serif;">Lorem
ipsum dolor sit amet, consectetur adipiscing elit. Nullam efficitur
euismod leo. Aenean vestibulum id risus non commodo. Proin venenatis
finibus justo eu semper. Nullam tortor sapien, fermentum et efficitur
ullamcorper, pharetra at enim. Morbi malesuada, est a pellentesque
posuere, purus odio convallis nisi, placerat semper mi dui et urna.
Duis non egestas sapien. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Vivamus vulputate luctus
ipsum, et viverra diam lobortis commodo. Phasellus malesuada non dui eu
auctor. Aliquam erat volutpat. (times)(<a href="#nota_1">nota
1</a>)<a name="nota_1_ret"></a>
</span><br>

-resto del codice-

<br>
<a name="nota_1"></a>Nota 1<br>
Questa &egrave; la nota (<a href="#nota_1_ret">ritorna</a>
)</span></font></span></span>



In rosso il codice utilizzato

L'altro esempio è invece quello del tooltip, in pratica un testo che appare passando sopra una parola.
Lo ottieni con questo codice:


<div title="Questa è la nota. Paraponziponziyeah">Nota 2 <div>



In verde c'è il testo della nota mentre in blu c'è il testo sul quale occorre passare sopra con il mouse.

Edit:
Per i tooltip puoi provare a seguire questa guida:
http://www.lachiavenelpozzo.com/come-fare-a/grafica-disegno/tooltip#TOC-Come-far-apparire-un-testo-o-un-immagine-al-passaggio-del-mouse

Hasta Luego

[Modificato da suinogiallo 11/06/2016 15:28]
Post: 3.284
Giudice*****
Utente Master
OFFLINE
11/06/2016 20:45
 
Quota

Grazie infinite, era esattamente quello che cercavo! [SM=g27987]

Ho provato con il metodo del testo che appare: si limita a nascondere una stringa di testo e farla apparire al passaggio del puntatore, ma lo spazio viene occupato comunque e quindi si vede un pezzo bianco che si inframmezza al testo della storia e non mi piace.

Il metodo del collegamento interno con le àncore invece ora mi è finalmente chiaro, quindi userò quello.

Grazie di nuovo, mi hai davvero aiutato tantissimo! [SM=g27989]

A presto!
rhys89
La mia pagina EFP
La mia pagina giudice

Tratto da "Cara Mathilda" di Susanna Tamaro

Post: 21.538
Utente Gold
OFFLINE
11/06/2016 21:49
 
Quota


Ho provato con il metodo del testo che appare: si limita a nascondere una stringa di testo e farla apparire al passaggio del puntatore, ma lo spazio viene occupato comunque e quindi si vede un pezzo bianco che si inframmezza al testo della storia e non mi piace.



In effetti il codice crea un "a capo".
Ho comunque cercato qualcosa di diverso ed ho trovato un altro tag che non dovrebbe creare questo problema.


<abbr title="testo da far apparire al passaggio del mouse">testo visibile</abbr>



Questo non dovrebbe creare nessun problema.

Qui trovi una guida:
http://www.w3schools.com/tags/att_global_title.asp

Hasta Luego
[Modificato da suinogiallo 11/06/2016 21:49]
Post: 21.538
Utente Gold
OFFLINE
11/06/2016 21:53
 
Quota

Esempio (la parola che nasconde il tooltip è esempio):

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam efficitur
euismod leo. Aenean vestibulum id risus non commodo. Proin venenatis
finibus justo eu semper. esempio. Nullam tortor sapien, fermentum et efficitur

Hasta Luego
Post: 3.284
Giudice*****
Utente Master
OFFLINE
12/06/2016 09:12
 
Quota

Grazie per aver cercato anche questo secondo tag... in effetti l'ho provato ed è perfetto per quello che avevo in mente!

Grazie mille davvero, sei stato gentilissimo.

A presto!
rhys89
La mia pagina EFP
La mia pagina giudice

Tratto da "Cara Mathilda" di Susanna Tamaro

Vota: 15MediaObject3,059056
Amministra Discussione: | Chiudi | Sposta | Cancella | Modifica | Notifica email Pagina precedente | 1 | Pagina successiva
Nuova Discussione
 | 
Rispondi

Feed | Forum | Bacheca | Album | Utenti | Cerca | Login | Registrati | Amministra
Crea forum gratis, gestisci la tua comunità! Iscriviti a FreeForumZone
FreeForumZone [v.6.1] - Leggendo la pagina si accettano regolamento e privacy
Tutti gli orari sono GMT+01:00. Adesso sono le 14:31. Versione: Stampabile | Mobile
Copyright © 2000-2024 FFZ srl - www.freeforumzone.com