Aiutamici Forum
Benvenuto Ospite Cerca | Topic Attivi | Utenti | | Log In | Registra

creare funzione Spoiler/anteprima in sito web Opzioni
boludo
Inviato: Thursday, September 02, 2010 9:44:37 AM
Rank: AiutAmico

Iscritto dal : 7/19/2008
Posts: 71
Salve a tutti. C'è un sito sul quale curo una pagina con degli approfondimenti sportivi, che mi consente di utilizzare l'html per inserire immagini, link ecc..personalizzando e migliorando la visione della pagina.
Vorrei poter fare ciò che vedo spesso in alcuni forum e cioè un pulsantino che, se cliccato, espande un'area sottostante dove all'interno scriverò altre informazioni. Una text area a scomparsa insomma, poiché ricliccando quel pulsante questa scomparirebbe nuovamente (la voglio usare per metterci le FAQ).
Il gestore del sito mi ha detto che devo utilizzare lo Javascript, ma io conosco solo alcune semplici funzioni dell' html e non so dove mettere mani.
Qualcuno riuscirebbe a darmi una indicazione? Grazie.
Sponsor
Inviato: Thursday, September 02, 2010 9:44:37 AM

 
a.roselli
Inviato: Friday, September 03, 2010 12:01:25 AM

Rank: Admin

Iscritto dal : 10/4/2000
Posts: 19,056
Ciao boludo, a questo indirizzo ci sono quasi 1700 script già pronti da utilizzare, devi solo cercare lo script che ti serve, buona caccia.



alfonso_aiutamici@hotmail.it

boludo
Inviato: Saturday, September 04, 2010 12:10:47 AM
Rank: AiutAmico

Iscritto dal : 7/19/2008
Posts: 71
grazie!
ne ho trovato uno interessante e mi fa scaricare i files, ma poi?
all'interno del pacchetto .rar ci sono dei file immagine .png, uno .js ed uno .htm
ahimé non mi sembrano dei codici che io posso inserire come normalmente si fa con quelli html Brick wall
a.roselli
Inviato: Saturday, September 04, 2010 7:17:41 AM

Rank: Admin

Iscritto dal : 10/4/2000
Posts: 19,056
Il file HTM è una pagina di esempio, aprilo e vedi come è impostato, basta fare lo stesso sulla tua pagina.


alfonso_aiutamici@hotmail.it

boludo
Inviato: Tuesday, September 14, 2010 3:37:22 PM
Rank: AiutAmico

Iscritto dal : 7/19/2008
Posts: 71
Grazia Alfonso.
L'ho aperto e mi apre una pagina web dove in effetti vedo il risultato finale, ma non i codici che devo inserire per ottenerlo. Cosa devo scrivere io nella mia pagina web perché mi esca quel risultato?

Ho provato a cliccare poi su "visualizza sorgente pagina", ma non è che ci si capisca molto
a.roselli
Inviato: Tuesday, September 14, 2010 3:45:40 PM

Rank: Admin

Iscritto dal : 10/4/2000
Posts: 19,056
Indicami esattamente lo script che hai scelto in quel sito web per poterlo vedere e darti una risposta.



alfonso_aiutamici@hotmail.it

boludo
Inviato: Tuesday, September 14, 2010 4:14:01 PM
Rank: AiutAmico

Iscritto dal : 7/19/2008
Posts: 71
Per esempio, nella pagina 3 "Testi con fumetto sui link" è molto carino, ma scaricando il file (pacchetto rar) mi dà quei files html, gif, js e css..io che credevo mi uscissero i codici da digitare
a.roselli
Inviato: Tuesday, September 14, 2010 5:15:14 PM

Rank: Admin

Iscritto dal : 10/4/2000
Posts: 19,056
Ti sei scelto proprio uno tosto, vediamo un po' di spiegare

1) devi copiare tutto il contenuto del file ZIP nella cartella dove metterai la pagina web, toglierndo la pagina demo.html e il logo.GIF che non hanno a che vedere con lo script

2) Nella tua pagina HTML inserisci fra i due tag HEAD (qui indicati in rosso) lo script colorato di azzurro


<head>
<link rel="stylesheet" type="text/css" href="styles.css" />
<link rel="stylesheet" type="text/css" href="colortip-1.0/colortip-1.0-jquery.css"/>

</head>


3) Inserisci fra i due tag BODY (qui indicati in rosso) lo script colorato di azzurro e il testo con i fumetti colorato in verde, la parte in grigio dove è scritto aiutamici è testo normale che non centra con lo script

<body>

<p> Aiutamici <a href="http://tutorialzine.com/" title="CONTENUTO DEL FUMETTO">NOME CHE CONTIENE IL FUMETTO</a>. Aiutamici </p>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="colortip-1.0/colortip-1.0-jquery.js"></script>
<script type="text/javascript" src="script.js"></script>

</body>
</html>


Per quanto riguarda i fumetti

questa parte in rosso serve per inserire il link se devi far aprire una pagina o un sito, se non vuoi inserire link puoi eliminarlo


<a href="http://tutorialzine.com/" title="CONTENUTO DEL FUMETTO">NOME CHE CONTIENE IL FUMETTO</a>

Questo è il testo che compare dentro il fumetto

<a href="http://tutorialzine.com/" title="CONTENUTO DEL FUMETTO">NOME CHE CONTIENE IL FUMETTO</a>

Questo e la parola presente nella pagina con colore diverso da premere per il link e per far comparire il fumetto

<a href="http://tutorialzine.com/" title="CONTENUTO DEL FUMETTO">NOME CHE CONTIENE IL FUMETTO</a>

e per finire la scelta dei colori, senza specificarlo come sopra comprare il fumetto in giallo, gli altri colori disponibili sono questi sotto e devono essere inseriti dove si trovano

<a href="http://tutorialzine.com/" title="CONTENUTO DEL FUMETTO" class="green">NOME CHE CONTIENE IL FUMETTO</a>

<a href="http://tutorialzine.com/" title="CONTENUTO DEL FUMETTO" class="black">NOME CHE CONTIENE IL FUMETTO</a>

<a href="http://tutorialzine.com/" title="CONTENUTO DEL FUMETTO" class="white">NOME CHE CONTIENE IL FUMETTO</a>

<a href="http://tutorialzine.com/" title="CONTENUTO DEL FUMETTO" class="red">NOME CHE CONTIENE IL FUMETTO</a>

<a href="http://tutorialzine.com/" title="CONTENUTO DEL FUMETTO" class="blue">NOME CHE CONTIENE IL FUMETTO</a>


Mamma mia che faticaccia, spero che sia chiaro.



alfonso_aiutamici@hotmail.it

boludo
Inviato: Tuesday, September 14, 2010 11:35:23 PM
Rank: AiutAmico

Iscritto dal : 7/19/2008
Posts: 71
maremma quanta roba!
Grazie alfonso, ora mi ci metto sotto e cercherò, in futuro, di complicarmi meno la vita!
grazie infinite

PS: ora che ci penso..
se volessi usare altri script come recupero le info sui codici da inserire?tu mi hai dato questi codici presi da quei files, ma dici che io riuscirei?
purtroppo io non lavoro con una cartella il cui contenuto andrà copiato nel web, ma faccio il login nel sito che mi ospita..dentro c'è un'area di testo dove copio/incollo tutti i codici che ho preparato e poi clicco OK per salvare..poi vedrò il lavoro finito
a.roselli
Inviato: Wednesday, September 15, 2010 5:12:19 AM

Rank: Admin

Iscritto dal : 10/4/2000
Posts: 19,056
Per usare gli script devi inviare anche i file accessori che trovi in quel file ZIP altrimenti non funzionano, se non hai un tuo sito o utilizzi un Blog non puoi usarli.

Gli script, come in questo caso sono un po' difficili da intepretare se non sei già un po' pratico, ho avuto problemi anch'io a capirlo, ma certo ne ai scelto uno proprio tosto, se ti serve un aiuto fammi sapere, sono sempre disponibile.



alfonso_aiutamici@hotmail.it

Utenti presenti in questo topic
Guest


Salta al Forum
Aggiunta nuovi Topic disabilitata in questo forum.
Risposte disabilitate in questo forum.
Eliminazione tuoi Post disabilitata in questo forum.
Modifica dei tuoi post disabilitata in questo forum.
Creazione Sondaggi disabilitata in questo forum.
Voto ai sondaggi disabilitato in questo forum.

Main Forum RSS : RSS

Aiutamici Theme
Powered by Yet Another Forum.net versione 1.9.1.8 (NET v2.0) - 3/29/2008
Copyright © 2003-2008 Yet Another Forum.net. All rights reserved.