Unofficial WebSite X5
WebSite X5 versioni obsolete => WebSite X5 [v10] Evolution - Discussioni generali => Topic aperto da: cdcastag - 07 Settembre, 2013, 12:32:18
-
Mi piacerebbe inserire nel mio sito una barra del menu laterale tipo questo:
http://tympanus.net/Blueprints/VerticalIconMenu/ (http://tympanus.net/Blueprints/VerticalIconMenu/)
Chi gentilmente potrebbe darmi lucidazioni almeno su come incominciare.
Grazie per l'aiuto.
-
scarichi i file source e scompatti
poi nella head inserisci
<link rel="stylesheet" type="text/css" href="csss/default.css" />
<link rel="stylesheet" type="text/css" href="csss/component.css" />
<script src="js/modernizr.custom.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-7243260-2']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
nel body questo
<ul class="cbp-vimenu">
<li><a href="#" class="icon-logo">Logo</a></li>
<li><a href="#" class="icon-archive">Archive</a></li>
<li><a href="#" class="icon-search">Search</a></li>
<li><a href="#" class="icon-pencil">Pencil</a></li>
<!-- Example for active item:
<li class="cbp-vicurrent"><a href="#" class="icon-pencil">Pencil</a></li>
-->
<li><a href="#" class="icon-location">Location</a></li>
<li><a href="#" class="icon-images">Images</a></li>
<li><a href="#" class="icon-download">Download</a></li>
</ul>
inserisci le cartelle css, js e fonts nella directory del progetto e al passo 2 nella proprietà di ogni pagina, scheda grafica spunti crea la pagina senza applicare il modello e imposti le dimensioni...
poi procedi col modificare la grafica del sito a piacere.. ;) Ciao!
-
magari è meglio togliere la parte dello script relativo alle google analytics ;)
-
...e al passo 2 nella proprietà di ogni pagina, scheda grafica spunti crea la pagina senza applicare il modello...
e perchè mai??
-
perchè quel codice fa riferimento all'account di Codrops ..
-
non mi riferivo a quello
-
magari è meglio togliere la parte dello script relativo alle google analytics ;)
hai ragione, scusatemi.. ;)
-
...e al passo 2 nella proprietà di ogni pagina, scheda grafica spunti crea la pagina senza applicare il modello...
e perchè mai??
perchè se io non creo la pagina senza applicare il modello mi si vede prima il vertical menù e sotto la pagina stessa... ;)
-
...e al passo 2 nella proprietà di ogni pagina, scheda grafica spunti crea la pagina senza applicare il modello...
e perchè mai??
perchè se io non creo la pagina senza applicare il modello mi si vede prima il vertical menù e sotto la pagina stessa... ;)
che è quello che si vorrebbe ottenere non credi? a che serve avere il menu se no?'
-
:-\
-
Buongiorno a tutti,
è tutto oggi che impazzisco nel tentativo di inserire questo menù ma niente da fare website x10 evo non ne vuol sapere di funzionare...
eppure ho seguito passo per passo ciò che dice la guida.
Unico dilemma... nella guida dice di andare a inserire le cartelle nella directory del progetto... quella standard che si trova in documenti giusto??
Grazie mille
-
Ciao,
avevamo fatto un po' di tempo fa questa prova: http://stesil.altervista.org/evo10/iconmenu/ (http://stesil.altervista.org/evo10/iconmenu/) seguendo un procedimento un po' diverso da quello indicato da Ricius89.
Se guardi i commenti nel sorgente trovi il codice utilizzato e dove è stato inserito nel programma:
<!-- Impostazioni Generali, Esperto, Prima della chiusura del tag HEAD -->
[...]
<!-- fine codice personalizzato -->
<!-- modifica del modello, intestazione, codice HTML -->
[...]
<!-- fine codice personalizzato -->
Allega tutti i font e il file jsie8.js (http://stesil.altervista.org/evo10/iconmenu/files/jsie8.js) utilizzando un oggetto HTML di una pagina del progetto e scegliendo come cartella di destinazione la cartella files. In questo modo è il programma che pensa a trasferire sul server i file necessari e renderli disponibili anche in anteprima.
Se trovi difficoltà fammi sapere.
Non so se funziona con browser molto vecchi.
-
Questo è realizzato senza js.
http://essedi.altervista.org/_EVO10/_esterno/index.html
Non risponde allo scopo?
-
Può essere, ma la richiesta era specifica per l'integrazione di quel particolare menu.