Pagina con più schede 
Autore: Danilo R.
Visite 3123,
Followers 3,
Condiviso 0
Buonasera, sto creando un negozio online e vorrei fare (per chiarezza) un carrello ogni riga per avere una visuale migliore sopratutto nella descrizione e avendo molti prodotti di una categoria arei una pagina infinita, è possibile avere questa funzione? (vedi immagine).
Postato il
vasta che crei la numerazione in un oggetto testo e imposti i link alle varie pagine
... cerca in rete paginate o pagination; ...dovresti trovare qualcosa che faccia al caso tuo, specialmente su dynamicdrive...
... intanto per iniziare mi viene in mente il crociato Snake.Xenzia: http://www.ilcacciatoredinuvole.it/menu_numerico/index.html
....!... non ho il programma, ma forse!!! si potrebbe usare lo slideshow...!... (ma non ne tenere conto di questo che ho detto)
.
ciao
Autore
[quote]
... intanto per iniziare mi viene in mente il crociato Snake.Xenzia: http://www.ilcacciatoredinuvole.it/menu_numerico/index.html
[/quote]
Questo sarebbe perfetto per me ma mi perdo nella navigazione, puoi tradurmi i collegamenti per favore?....Io ho due pagine, riesco a passare alla pagina due ma non riesco a tornare alla prima. Grazie come sempre del tuo prezioso ai[/quote]
Questo sarebbe perfetto per me ma mi perdo nella navigazione, puoi tradurmi i collegamenti per favore?....Io ho due pagine, riesco a passare alla pagina due ma non riesco a tornare alla prima.
Grazie come sempre del tuo prezioso aiuto.
Autore
Ho fatto casino con "quota" scusa.
... il mio vecchio esempio: http://www.zspace.it/kolasim/website/menunumeri/
... nelle relative pagine occorre aggiustare il codice di Snake.Xenzia in modo simile a questo:
pagina HOME INDEX.......................................
<div class="showpageArea">
<span class="showpagePoint">H</span>
<span class="showpageNum"><a href="pagina-2.html" class="phyhomenum">1</a></span>
<span class="showpageNum"><a href="pagina-2.html" class="phyhomenum">2</a></span>
</div>
pagina 1.......................................
<div class="showpageArea">
<span class="showpagePoint">1</span>
<span class="showpageNum"><a href="index.html" class="phyhomenum">H</a></span>
<span class="showpageNum"><a href="pagina-2.html" class="phyhomenum">2</a></span>
</div>
pagina 2.......................................
<div class="showpageArea">
<span class="showpageNum"><a href="index.html" class="phyhomenum">H</a></span>
<span class="showpageNum"><a href="pagina-1.html" class="phyhomenum">1</a></span>
<span class="showpagePoint">2</span>
</div>
________________________________________
... ma, forse sarebbe una alternativa, ...potresti anche provare con l'Oggetto Galleria; ... non ho il programma, ma potrebbe essere veloce ed interessante con:
.
ciao
Autore
Scusami Kolasim ma mi sono intortato di brutto, con due pagine funziona, con più pagine non riesco a farlo funzionare:
Questa è la prima pagina:
<div class="showpageArea">
<span class="showpageOf"> Pagine (2)</span>
<span class="showpageNum"><a href="pagina-due.html" class="phyhomenum">2</a></span>
<span class="showpagePoint">1</span>
</div>
Questa è la seconda:
<div class="showpageArea">
<span class="showpageOf"> Pagine(2)</span>
<span class="showpageNum"><a href="pagina-uno.html" class="phyhomenum">1</a></span>
<span class="showpagePoint">2</span>
</div>
Se hò più pagine come faccio? fammi un esempio con tre o quattro.
Grazie ancora per la tua disponibilità.
Autore
Porta pazienza Kolasim ti faccio un'altra domanda: Ho trovato anche questo che è molto interessante ma non so dove mettere i link delle pagine interessate.
<divclass="paginationBar">
<buttonclass="previous">Previous</button>
<button>1</button>
<button>2</button>
<button>3</button>
<buttonclass="next">Next</button>
</div>
Per il momento homesso un oggetto testo ma mi piacerebbe uno di questi che sono stati proposti.
Grazie ancora.
ciao, ... secondo me questo che proponi dovrebbe funzionare allo stesso modo del primo, simile a questo che ti avevo consigliato prima: http://www.dynamicdrive.com/style/csslibrary/item/css_pagination_links/
... a posto del "#" dovresti mettere il LINK della pagina da aprire...
... nel mio precedente esempio. se apri una ad una le pagine e guardi nel sorgente, vedi come costruito, non si può fare confusione...
...
... IDEA ... in alternativa, e sarebbe ciò che farei io, ... potresti usare l'Oggetto Testo, per improntare il tuo menu di questo tipo:
« | 1 | 2 | 3 | 4 | »
... assegnando ai numeri 1..4 tutti i COLLEGAMENTI ed alle frecce il collegamento relativo alla pagina precedente o successiva...
... copi questo oggetto in tutte le pagine, correggendo il collegamento delle frecce; ...semplice, intuitivo e veloce...
... poi se vuoi personalizzare, pagina per pagina, togli il link alla pagina attiva e gli dai alla stessa voce un colore diverso; ...fatto, ed hai tutto sotto controllo e con il Programma...
...
... altra alternativa EXTRA che mi viene in mente, e che richiederebbe meno lavoro, potrebbe essere questa proposta qui: https://kathirpositive.wordpress.com/tag/web-design-tips-and-tricks/page/2/
... tempo fa avevo fatto un semplice copia/incolla ed otteni questo: http://www.zspace.it/kolasim/pagination/pagina_1.html
... nel sorgente delle pagine trovi tutto ed esclusivamente il codice da me usato...
... quest'ultimo basterebbe inserirlo in Intestazione o Piè di Pagina, in una sola volta per tutte le pagine ( a seconda di ciò che vuoi ottenere), e se conosci i codici CSS puoi personalizzare a tuo piacere...
.
ciao
Autore
Questo è fatto molto bene, ho inserito in tutte le pagine l'oggetto html e il css ma mi perdo nell'assegnazione dei rispettivi link, funziona il link ma il numero della pagina selezionata non cambia il colore (da bianco a blu), proviamo con 4 pagine e controlla dove sbaglio per favore.
http://www.dynamicdrive.com/style/csslibrary/item/css_pagination_links/
<li><a href="#" class="prevnext disablelink">« previous</a></li>
<li><a href="pagina-1.html" class="currentpage">1</a></li>
<li><a href="pagina-2.html">2</a></li>
<li><a href="pagina-3.html">3</a></li>
<li><a href="pagina-4.html">4</a></li>
<li><a href="#" class="prevnext">next »</a></li>
</ul>
</div>
Nel "previous" e nel "next" cosa metto?
Se mi entra in testa il meccanismo penso di avere risolto qualche problemino.
Grazie
ps: le pagine eccedentoi le ho tolte per comodità, erano 15.
Autore
Manca questo sopra ma nell'oggetto html l'ho messo.
<div class="pagination">
<ul>
Autore
Dove lo metto il collegamento alle pagine?
Dove lo metto il collegamento alle pagine?
ciao,
... se per esempio sei nell'oggetto HTML della pagina "3":
<li><a href="pagina-2.html"> « previous</a></li>
<li><a href="pagina-4.html"> class="prevnext">next »</a></li>
... ho messo giù l'esempio a grandi linee; ...non so se ci sono errori, comunque nel sorgente delle varie pagine vedi direttamente come le ho strutturate: http://www.zspace.it/kolasim/pagination/pagina-1.html
.
ciao
Autore
Che dire, grande!!!! finalmente (spero) ho capito. Mi tengo la tua pagina.
Grazie mille
Autore
Purtroppo penso mi crei conflitto con i menù del programma, funziona correttamente fino a che non premo il link dal menù del programma relativo alle pagine con le sotto pagine dove ho messo l'oggetto html e css di cui sopra a quel punto si bloccano tutti i menù del programma. Non posso mettere il link del sito in quanto si tratta di un sexy shop.
... ma non dovrebbe influire con il menu della barra del menu...
... le pagine del menu numerico, mettile con l'opzione NASCOSTA, al Passo_2, così non appariranno nella barra del menu principale...
... oppure nel menu principale far apparire solo pa pagina [1] ...che poi potrà essere navigata con il menu numerico...
.
ciao
Autore
In effetti e' già come hai descritto tu, questa sera provoe vediamo cosa succede.
Autore
Bene, anzi male dai test fatti funziona in questo modo: quando selezioni le pagine nascoste tramite il menù numerico, il menù del programma non funziona pi finché non torno alla prima pagina (che sarebbe quella che ha anche il menù del programma). Non capisco se sia un errore dell'oggetto html o altro, insomma le pagine nascoste che uso solo con il menù numerico sembrano "staccate" dal sito. Proverò con un'altro oggetto html e relativo css per vedere il cportamento.
... non saprei; ...ho provato ad avviare la vecchia v.7 nel vecchio catorcio, ed è venuto fuori questo: http://www.zspace.it/kolasim/website/paginatek/
.
@Danilo
Ho come un "sesto senso" (
) che tu abbia inserito il CSS comprensivo di tag <style></style> nella sezione Esperto di un Oggetto codice HTML
Se li vuoi inserire lì, devi togliere i suddetti tag altrimenti, con il tag, vanno in head.
Autore
Sì l'ho copiato pari pari li, come era confezionato visto che non conosco la materia, mi puoi dire per favore cosa devo fare?
Autore
Ok ho tolto <style></style> e sembra funzioni, finisco le pagine, pubblico poi se va tutto bene chiudo la discussione.
Grazie.
X
Inoltre, hai due codici Google Analytics (ne basta uno).
Oops, ho letto solo ora il tuo post.
Autore
Finalmente funziona!!! (
), per quanto riguarda il codice Google Analytics ho messo sia ID che il "metatag" che mi hanno fornito, sta lì il codice doppio? e se sì quale è meglio?
Grazieeeeee!!!
Autore
Ho avuto due GRANDI aiuti KolAsim per un verso e lemonsong per un'altro, ma quanto devo imparare?
Grazie.
Prego!
Controlla, in Impostazioni Avanzate - Statistiche, SEO e Codice, che non sia presente lo script per esteso nella scheda Esperto (eventualmente rimuovilo).
Dovresti aver già messo il Tracking ID nella sezione Base (lascerei quello).
Per quanto riguarda il meta tag, serve per la verifica del sito e lascialo lì dov'è.
Autore
Or che bravi siamo stati, io a questo punto dovrei fare un menù con apertura a fisarmonica e questo mi piace, come mi comporto?
<li class="menu"> <!-- costituisce ogni sezione del menu principale -->
<ul>
<!-- titolo della sezione che fa aprire il sotto menu -->
<li class="title"><a href="#">Categoria Prova</a></li>
<li class="sub-menu">
<ul>
<li><a href="pagina-5.httml/">Articolo 1</a></li>
<li><a href="pagina-6.httml">Articolo 2</a></li>
</ul>
</li>
</ul>
</li>
Ho il relativo foglio di stile css ed ho anche la effetti con jQuery, quest'ultima dove va?
Grazie mille
Autore
L'esempio sarebbe questo:
http://www.mainickweb.com/menu-verticale-jquery-con-effetto-fisarmonica/
... la regola è sempre quella...
1) . SCRIPT in HEAD(salvo specifiche indicate nella fonte del sorgente);
2a) . CSS in scheda Esperto di Oggetto Codice HTML;
2b) . CSS in HEAD, racchiuso dal TAG STYLE <style>...</style>(alternativa al .2a);
3) . DIV e codice HTML in genere in Oggetto Codice HTML;
... da Snake.Xenzia troverai Accordion e Menu simili e semplici...
.
ciao
Autore
Il fonte sorgente sta qui, ma non ho idea come configurarli nell'oggetto html che ho inserito a sinistra della pagina.
... devi copiare dal primo DIV iniziale, sino all'ultimo </DIV> finale ed incollarlo nella sezione HTML
... in alternativa semplicissimo Accordion copia/incolla: https://www.w3schools.com/howto/howto_js_accordion.asp
.
Autore
In effetti ho messo nell'oggetto html come hai descritto tu e il relativo foglio di stile in css, si apre regolarmente ma non funzionano i sotto menù, in pratica resta tutto chiuso come dall'immagine che ti allego, funziona se lancio la index dalla surce. Ffatto questo ti chiederò informazioni per i collegamenti come ho fatto con il menù numerico
Autore
Le immagini che ti ho mandato sono relativo a questo:
hai allegato anche i js?
e hai messo i richiami in head?
<link rel="stylesheet" type="text/css" href="files/demo.css" />
<script type="text/javascript" src="files/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="files/script.js"></script>
Autore
Sì tutta la cartella nella cartella ci sono anche quelli, li ho messi ora sopra al div
<head>
<link rel="stylesheet" type="text/css" href="files/demo.css" />
<script type="text/javascript" src="files/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="files/script.js"></script>
</head>
<body>
Va bene così? ma non funziona.
Autore
L'ho aperto con DW e si presenta così.
Autore
Scusa manca l'immagine.
hai cambiato menu, mi riferivo a quello precedente,
per questo i richiami in head sono
<link rel="stylesheet" href="/files/styles.css">
<script src="/files/script.js"></script>
alleghi i files lasciando come destinazione "files"
in oggeto html metti
<div id='cssmenu'>
<ul>
<li class='active'><a href='#'><span>Home</span></a></li>
<li class='has-sub'><a href='#'><span>Products</span></a>
<ul>
<li><a href='#'><span>Product 1</span></a></li>
<li><a href='#'><span>Product 2</span></a></li>
<li class='last'><a href='#'><span>Product 3</span></a></li>
</ul>
</li>
<li class='has-sub'><a href='#'><span>About</span></a>
<ul>
<li><a href='#'><span>Company</span></a></li>
<li class='last'><a href='#'><span>Contact</span></a></li>
</ul>
</li>
<li class='last'><a href='#'><span>Contact</span></a></li>
</ul>
</div>
al posto dei cancelletti scrivi il nome della pagina da linkare.
Autore
Perfetto, funziona, sto cercando di imparare queste funzioni che per me erano sconosciute fino a poco tempo fa, adesso tengo aperto il post perchè non si sa mai.....
Grazie ancora.
i messaggi OT riguardanti il conflitto tra menu orizzontale e verticale sono stati spostati nella discussione
http://answers.websitex5.com/post/106489
si può continuare li...