Bottone html e link a nuova pagina
Autor: Ettore P.
Visitado 296,
Seguidores 2,
Compartilhado 0
Ciao, avendo a disposizione un bottone html (<a class="btn_home" href="#"> READ MORE</a>) vorrei sapere:
1) Come personalizzare il pulsante (font, colore, animazione etc.
2) Cosa impostare al fine di far aprire una nuova pagina cliccando sopra al bottone stesso.
3) Come impostare i parametri della nuova pagina ("l'ancora", il collegamento etc, ovvero i parametri che si trovano nella proprietà della pagina appena creata.
Grazie in anticipo
Publicado em
Avrai senz'altro un css con la classe btn_nome dove troverai quello che ti serve al punto 1
Per il punto 2 al posto del # metti il link alla pagina
Autor
Buongiorno, grazie per la risposta e per il template "Gusto 2".
Il nome della pagina, momentaneamente è "latest release" ... ma inserendolo al posto del "#" cancelletto, non viene raggiunta la pagina e compare il messaggio di errore di pagina irragiungibile.... perdonami l'incompetenza :)
La pagina è creata: Devo inserire "l'ancora"? Devo inserire un collegamento a qualche cosa?
Dimenticavo, nel file css, non vedo parametri che rimandino al pulsante "html" e neppure il rimando al testo del pulsante READ MORE o LATEST-RELEASE....
Grazie in anticipo, Buona giornata.
Autor
...
Devi mettere un'ancora se vuoi essere mandato in punto specifico di quella pagina altrimenti una pagina a tua scelta.
Se hai l'errore 404 pagina inesistente hai inserito l'indirizzo errato (last release non è un nome di pagina corretto...).
Posta magari il link
Ciao
... hai a disposizione questi semplici oggetti di uso immediato: > Animated Button ed > Hover Button
... le > Ancore ...come hai potuto vedere, le puoi creare nel progetto, e risalire a queste dalla finestra > collegamento ...
... oppure le Ancore le puoi creare tu semplicemente in extra, oppure utilizzare gli ID della pagina...
... nel caso del tuo pulsante, visto che usi l'Oggetto Testo per il tuo TAG <A>, nella stessa pagina inserisci un Oggetto Codice HTML anche con misure ZERO e nella scheda CSS di questo stesso oggetto incolla il codice CSS del tuo secondo STAMP...
.
Autor
Grazie mille, KOLAsim. Allego comunque questa schermata che mostra in concreto cosa sto esaminando per inserire correttamente i parametri necessari, l"ancora" si chiama come la pagina, ovvero latest-release.
... se ho interpreto correttamente, "latest-release" ...mi pare più una PAGINA del sito, piuttosto che un'Ancora, quindi dovrebbe essere digitato in questo modo:
<a class="btn_home" href="latest-release.html"> READ MORE</a>
latest-release.html se la pagina ha estensione .html ...altrimenti latest-release.php se alla pagina hai modificato le proprietà, o se contiene codici PHP...
... quando avvii l'Anteprima della pagina latest-release ...nella barra indirizzi di chromium vedrai il nome reale HTML della pagina, che puoi copiare ed incollare nell'attributo HREF...
... se invece, nella pagina latest-release ...hai proprio posizionato anche un'Ancora con lo stesso nome (ID) "latest-release", allora il campo digitato dovrebbe avere questo aspetto:
<a class="btn_home" href="latest-release.html#latest-release"> READ MORE</a>
... in questo caso cliccando sul pulsante si aprirebbe la pagina "latest-release.html" che scrollerebbe sino all'altezza dell'omonima Ancora
... se servissero chiarimenti, fatti risentire...
.
Autor
Grande KOLAsim, hai fatto centro! Era il .html che mancava. Sì è una PAGINA del sito, una .html.
Se ho ben capito, l'ANCORA serve nel caso di una pagina con più sezioni, come ad esempio la home, giusto?
Mi spiegheresti, quando hai tempo ed in breve, la differenza fra NUOVO LIVELLO e NUOVA PAGINA?
... le Ancore sono dei segnalibro che dividono la pagina in varie sezioni verticali, raggiungibili rapidamente al click senza bisogno di scrollare la pagina...
... NUOVA PAGINA è realmente una nuova pagina del Sito, la cui voce apparirà tra i pulsanti principali del menù...
... Nuovo Livello è una voce che apparirà sempre nel menu, ma le cui NUOVE PAGINE appariranno in un sotto-livello a tendina; ... non avendo un mio esempio, ti posto una pagina > TEST di Mirko dalla quale vedrai la differenza tra pagina e livello ed anche sotto-livello...
ciao
.
Autor
Sei meglio della guida ufficiale, hai chiarito perfettamente, grazie mille, Kol!