Inserire un Box di testo o grafica
Autore: Nuccio S.
Visite 2130,
Followers 1,
Condiviso 0
Buongiorno a tutti,
volevo chiedere come fare a creare un box di testo o immagine incorniciate (dalle dimensioni, colore e posizione personalizzabili) che si apra cliccando su un collegamento ipertestuale.
Grazie
Postato il
dai un'occhiata qui...
http://www.html.it/faq/come-aprire-un-link-in-una-finestra-pop-up/
Puoi anche inserire il tutto in una pagina nascosta, e poi tramite link, fare aprire la pagina in popup...
... oppure usare il solito Div_Custom tuttofare, che si può posizionare e formare come si vuole; un esempio di base: http://www.zspace.it/kolasim/div_custom/divcustomK4.html
... il codice è semplice e tutto in chiaro nel sorgente della pagina...
.
Autore
Vi ringrazio ed anche se il sistema suggerito tornerà di certo utile in altra occasione, non mi pare, ma può darsi che abbia capito male io, sia quello che chiedevo... sicuramente non mi sono fatto capire.
Nell'allegato si vede cosa succede se cliccando su un oggetto, in questo caso un testo, cerco di far apparire un box di spiegazioni o magari una immagine (non una pagina di un link).
Come vedete in modalità anteprima il box presenta un'intestazione che non vorrei (deve essere un semplice riquadro con cornice e una x per la chiusura), online invece è ancora più marcato il legame col browser usato.
Per ottenere questo effetto, siamo tra l'altro dentro una pagina del Blog, ma non credo cambi nulla rispetto le altre pagine, ho usato un semplice collegamento come si vede nei file allegati, ma il risultato non è quello sperato.
Autore
Ah! mentre scrivevo non mi ero accorto della terza ipotesi di KolAsim, che mi pare sia la soluzione che mi serve.
Ora provo a vedere se ci capisco qualcosa... il semplice, nel mio caso, è relativo ;)
Ok grazie
Autore
Cvd. Premetto che acquistando il programma non pensavo certo di risolvere tutti i problemi di un neofita quale sono, ma almeno che alcune operazioni si potessero semplificare un pò rispetto ad un Wordpress, ad esempio.
Questo perchè non ho conoscenze di linguaggio html e relativa sintassi.
L'approccio ad un nuovo argomento non è mai facile, e richiede tempo, e ci sto provando trovandomi in ballo.
I vostri esempi sono utilissimi per scoprire vari metodi di risoluzione e presentano al novellino comandi e tecniche che danno gli input giusti per approfondire.
Scusate se mi permetto un appunto, o forse consiglio, da persona interessata.
Sarebbe utile, per non scoraggiare alle prime difficoltà lo sprovveduto di turno, magari qualche annotazione in più, magari scendendo un pò al livello degli inesperti, quasi prendendo per mano, quando le domande non sono visibilmente frutto di utenti evoluti, fermo restando la più totale gratitudine per questo importante servizio che svolgete da appassionati, ne sono sicuro, per il quale dobbiamo solo ringraziare e forse sto chiedendo troppo.
In questo caso, ad esempio, ho visto il codice sorgente con CTRL-U -e già questa è una scoperta ;) - ma trovandomi in un articolo del mio Blog, ho difficoltà a capire dove andare a posizionare quel codice.
Cioè se, ad esempio, devo aprire 20 piccoli popup differenti contenenti un breve testo spiegazione, come si vede nell'allegato precedente, che fare?
Vado a posizionarli uno di seguito all'altro nella scheda proprietà/esperto del blog?
Grazie e scudate la prolissità
Autore
Stavo intanto cercando di capire la struttura del sorgente.
E mi rendo conto di quanto non sia semplice e facile doverlo spiegare. :/
... trovo i tuoi STAMP in popup JS direi molto accettabili...
.. in teoria, il programma non andrebbe manomesso con codici extra; ...non serve, ed a saperlo usare per quello che offre darebbe grandi risultati semplicemente cliccando...
... prima di passare al Div_Custom (che conobbi grazie a SteveR (Icm) (*), altrimenti ero ancora fermo ad aste e cerchi), ... prova il suggerimento di MirKo, a proposito di "cliccare", semplice veramente! ed elegante al tempo stesso...
... considera che non ho programmi, ...ma per come da lui detto, metti il testo in pagina NASCOSTA (o non visibile), e senza applicare la grafica (Proprietà), per esempio in pagina nominata "testo1" (testo1.html); ... fatto! ... alla parola che deve linkare al testo da far aprire in box assegnerai il COLLEGAMENTO, cui 4^ opzione al tuo STAMP(3), a File o URL con ShowBox | File su Internet e digitare l'indirizzo (URL): testo1.html
... provalo e te ne renderai conto immediatamente; ...ed eventualmente posta anche il LINK per vedere cosa ottieni...
... credo che sia il risultato migliore ottenibile direttamente da programma e forse proprio quello che stai cercando di ottenere..
... casomai se non adatto, passeremo poi al Div-Custom
(*) - http://forums.incomedia.info/websitex5/viewtopic.php?
...
... a titolo informativo, ... si potrebbe anche far uso di IFRAME: http://www.zspace.it/kolasim/website/iframe/link_iframe.html
... oppure usare programmi terzi: http://www.zspace.it/kolasim/wsx5_v8/corpoumano/http://www.zspace.it/kolasim/swiffy/igor_k.html
... oppure con semplice mappatura: http://www.zspace.it/kolasim/wsx5_v8/mappaFabrianoRollOver/index.html
... ma eviterei questi extra...
... il discorso del semplice o difficile dipende da ciò che si sa o non si sa; ...qualcosa che potrebbe sembrare difficile, potrebbe risultare semplice per chi ne sa, e viceversa qualcosa di veramente semplice potrebbe risultare difficile anche ad un esperto che invece di quell'argomento non ne sa; ...è tutto relativo e soggettivo, e dipende anche dal proprio impegno investito...
.
ciao
Autore
Intanto ti ringrazio molto dell'aiuto, appena avrò la fortuna godere di un paio di ore libere di fila, proverò quanto suggerisci e "relazionerò".
grazie ciao
Autore
Eccomi!
Ci ho sbattuto la testa, ma a qualcosa sono venuto a capo, almeno.
@KolAsim Ho seguito il tuo consiglio, che suggeriva di attenersi alla risposta di Mirko, con la differenza che non avendo lui parlato di finestra showbox, pensavo si riferisse pari pari a quello che avevo già fatto (creato cioè la/e pagina/e nascosta/e e linkato ad esse, ma senza showbox, cioè l'opzione "url e file" soltanto) ma poi ho operato come hai indicato tu comprendendo le mie difficoltà e... "Bingo" (o quasi come si vedrà)
Ci sono infatti alcune cose che non sono del tutto chiare, e che sicuramente sono causati da settaggi errati di base, o che collidono con altri che forse non dovrebbero essere invece toccati.
Ad esempio se si setta (al punto 1 - stile del modello - stile testi) il colore rosso per un collegamento attivo, si deve tenere presente che se non si vuole dopo il primo accesso alla pagina che lo contiene ritrovarsi il collegamento in grigio (collegamento già visitato), lo si deve impostare come desiderato (e qui primo "impazzimento" risolto per fortuna).
Ma quello che è incomprensibile lo spiego graficamente con 5 immagini: la prima descrive come ho impostato il testo dell'articolo nel Blog, poi si notano le visualizzazioni sia in anteprima (quindi offline), che online.
Si notano, guardando le lettere che mettono in evidenza le differenze di visualizzazione, quello cioè che varia, tra l'articolo formattato in un certo modo, la visualizzazione offline e quella online.
Tra l'altro mi è anche successo che nonostante facessi un copia incolla della pagina nascosta per poi rinominarla e modificarne il testo per un altro box testo, che il contenuto fosse vuoto.
Grazie a tutti, perchè è già tanto essere riuscito ad ottenere, seppure non ancora perfettamente, il risultato desiderato.
-----------------------
Questo è quello che stavo scrivendo un attimo prima che il sito andasse offline.
Poi mi sono accorto che le modifiche pur essendo caricate sul server non sono subito attivate, o almeno credo succeda questo, visto che poi tutto va a posto.
Grazie del prezioso aiuto.
... se postavi il link si poteva confrontare con gli stamp, magari è solo un tuo problema di cache; ...eventualmente in rete aziona Ctrl+F5
... la barra di scroll verticale appare quando lo sviluppo del contenuto supera le dimensioni assegnate alla finestra, e bisognerebbe verificare sui browser più usati...
... non ho il programma, ma per i colori, individuando gli ID che hai in gioco tu, potrebbe tornarti utile questo argomento: https://helpcenter.websitex5.com/post/116213
.
ciao
Autore
Adesso diciamo che va bene, e avevo pure refreshato come dici con Ctrl+F5 senza risultati.
In effetti quello che non capivo era perchè in modalità offline le visualizzazioni risultassero corrette ed invece, quando le caricavo sul server, le vedevo "sballate".
Quindi chiedevo se fosse normale che i tempi di aggiornamento, a volte, ritardassero rispetto all'aggiornamento.
Il link, per la cronaca, da dove ho creato gli stamp, è il seguente:
http://www.studioninphaea.it/blog/index.php?id=tk4673p2
Poi, nella home page ho seguito le tue indicazioni, che riporto sotto, utilissime per creare variazioni ai settaggi generali riferiti ai colori dei collegamenti come da punto 1-Stile del modello-Stile testi, che altrimenti sarebbero uguali per ogni pagina del sito.
Ottima soluzione ma non mi sono chiari i significati e la sintassi
..............................................
<style>
.imCssLink:link {
color: #ff0000;
}
.imCssLink:visited {
color: #ff0000;
}
.imCssLink:hover {
color: #ff0000;
}
</style>
Visto che imposti lo stesso colore, puoi anche unire i selettori:
<style>
.imCssLink:link, .imCssLink:visited, .imCssLink:hover {
color: #ff0000;
}
</style>
...........................................
A questo proposito vorrei chiederti se hai idea dove trovare, magari in italiano, qualcosa di questo tipo, che mi sembra molto interessante e ben fatto.
http://www.w3schools.com/css/css_syntax.asp
Ancora grazie
ciao
Autore
Intanto ho trovato questi
http://riemann.unica.it/studenti/guida/introduzione.html
http://www.mrwebmaster.it/html/guide/guida-html/
... ho visto la pagina che hai linkato, provando pastorizzazione e sterilizzazione, e credo che hai centrato i tuoi obbiettivi alla grande...
.
ciao
----
... coockie law si attiva nello showbox, ma nel blog mi sembra di no; ...non so se ti interessasse...
Autore
Si ottimamente grazie a te :)
Ma aspetta un attimo, forse sono io che ho messo troppa carne al fuoco ed ho perso il filo:
... coockie law si attiva nello showbox, ma nel blog mi sembra di no; ...non so se ti interessasse...
Dov'è che ne parlavo? Qui non mi pare, di cookie law intendo
... coockie law ... ? ...
... ti segnalavo il fatto che qui non si apre il banner:
http://www.studioninphaea.it/blog/
...!...ed invece si apre negli swowbox...!...
... ...
...
.
... ho provato adesso a dare un'occhiata al tuo codice, e nel bolg devi modificare questa stringa, da così:
<script src="files/cookiechoices.js"></script>
... in così:
<script src="../files/cookiechoices.js"></script>
.
... poi, ...!...importante...!... ...hai inserito codice personalizzato DIV_CUSTOM nella sezione della dichiarazione del BODY, ERRATA, ...e casomai se ti servisse, devi inserirla nell'ultima delle opzioni disponibili del pannello ESPERTO | /BODY ovvero prima della chiusura del tag /BODY, ...altrimenti e comunque, rimuovi da dov'è adesso...
.
ciao
Autore
Aspetta un attimo che sono un po' nel pallone e cerco di capire e ricordare cosa ho fatto.
1) Intanto siccome, ogni qualvolta aggiungo un articolo nel blog, quello diventa la pagina d'accesso, non posso capire a quale articolo e quindi banner mancato tu ti riferisci.
Come ti dicevo, su http://www.studioninphaea.it/blog/c'è altro rispetto a stamattina, ma provando sui vari articoli a me sembra funzionino tutti.
2) il codice <script src="../files/cookiechoices.js"></script> io ce l'ho non sul blog, ma su SEO (di EVO11) e l'ho corretto come mi dicevi, ma cosa cambia così rispetto a prima?
3) Il codice personalizzato DIV_CUSTOM l'ho spostato pure, ma scusa la domanda assurda: a che serviva? perchè ne ho perso lo scopo e il ricordo di avercelo messo :/
ciao grazie
p.s. forse un pò OT: ma se voglio ficcare un video in un banner nel blog si può?
... rimettilo com'era prima; ...questo vale solo per il BLOG:
<script src="../files/cookiechoices.js"></script>
.
... dopo aver messo a posto, prova ad uppare il file cookiechoices.js anche dentro alla cartella del blog
.
ciao
Autore
Ah ok perfetto
Autore
Ho uppato il file ed ho anche aggiunto il codice
<script src="../files/cookiechoices.js"></script>
nella pagina del blog del pannello ESPERTO | /BODY ovvero prima della chiusura del tag /BODY, ma non mi compare nessuna barra dei cookie.
Sono riuscito a trovare la soluzione per i video nel blog (come si può vedere entrando su blog/difese immunitarie, inserendo il video nella cartella files e indirizzando ad essa in finestra showbox.
Ma ho un problema: seguendo un tuo esempio ho inserito una musica nella pagina di benvenuto che purtroppo dà fastidio se riproduco un video come ad esempio, in questo caso, nel blog.
Certo posso chiudere la finestra di benvenuto, ma non mi sembra una soluzione elegante e intuitiva per tutti.
Ci sarebbe un modo per cui, all'avvio del filmato si interrompesse il file musicale in automatico?
E poi magari, ma forse andiamo sul difficile, ripristinarla alla chiusura del video?
ciao
... adesso hai doppie dichiarazioni di quel banner cookie...
<script src="../files/cookiechoices.js"></script>
<script src="files/cookiechoices.js"></script>
... mail file nel BLOG non viene trovato perchè non esiste la cartella "files", e perchè uppata nella sua radice, ed invece si doveva creare lo stesso percorso, cioè creare anche la cartella files...
... ... ... ...
... comunque, allo stato attuale delle cose, nel BLOG, o fai uso di questo:
<script src="../files/cookiechoices.js"></script>
... che andrebbe a leggere il file nella cartella files del sito madre; ...oppure usare quest'altro:
<script src="cookiechoices.js"></script>
... che andrebbe a leggere il file che hai recentemente uppato nella radice del BLOG
...
... alternativa, forse più semplice da attuare ...
... adesso, visto che il BLOG riprende le impostazioni del Sito madre, e visto che tu hai già posizionato il file JS nella radice della cartella del BLOG, http://www.studioninphaea.it/blog/cookiechoices.js ...potrebbe risultare più semplice annullare tutte le modifiche precedenti fatte al BLOG, ...e nel sito madre mettere il file JS nella sua radice invece che in "files", modificando la dichiarazione in questo modo:
<script src="cookiechoices.js"></script>
... e nel BLOG non apportare nessuna modifica, (ripulendo quello che è stato fatto)...
... così avverrebbe che il BLOG leggerebbe il JS che hai già uppato alla sua radice e che abbiamo visto prima essere presente...
... sono cose che possono essere risolte in vari modi, basta cercare di capire il concetto di path, url e percorsi relativi...
... questa discordanza è avvenuta perchè il programma calcola le relazioni e le path trasversali per i files da esso generati, ma ovviamente non può farlo per codici personalizzati extra, per cui occorre una certa preparazione, che ormai ti sarai già fatto...
.
ciao
________________________________
... per suono ed altre domande, apri argomenti a parte ed a tema...
... intanto, ...alcune mie vecchie idee, uniche, qui: https://answers.incomedia.eu/post/78483
.
Autore
Credo di esserci riuscito, finalmente, grazie a te.
Ma soprattutto grazie per la fiducia ;D
... non sono entrato nel codice, ma ho visto che adesso la pagina funziona; ...in gamba...
.
ciao