Autore Topic: Vertical Icon Menu- websitex5 vers 10  (Letto 4135 volte)

cdcastag

  • Nuovo arrivato
  • *
  • Post: 14
Vertical Icon Menu- websitex5 vers 10
« il: 07 Settembre, 2013, 12:32:18 »
Mi piacerebbe inserire nel mio sito una barra del menu laterale tipo questo:
http://tympanus.net/Blueprints/VerticalIconMenu/
Chi gentilmente potrebbe darmi lucidazioni almeno su come incominciare.
Grazie per l'aiuto.

Ricius89

  • Nuovo arrivato
  • *
  • Post: 86
  • Richy
Re:Vertical Icon Menu- websitex5 vers 10
« Risposta #1 il: 13 Ottobre, 2013, 14:14:34 »
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!
Ricius89

milux

  • Moderatore globale
  • Utente storico
  • *****
  • Post: 1779
    • 3MD
Re:Vertical Icon Menu- websitex5 vers 10
« Risposta #2 il: 13 Ottobre, 2013, 17:55:09 »
magari è meglio togliere la parte dello script relativo alle google analytics  ;)
**OS : Windows 7 - 63Bit (uno è andato perso e non lo trovo..) + W10
**Website X5 :  Evo 10(active) - Evo 11(active) - 13(active)
**Wysiwyg Web Builder 12 (passa al lato oscuro..)
**Hosting : LINUX
**Editor : Notepad ++ / Geany

Adriano Meis

  • Beta Tester
  • Nuovo arrivato
  • *
  • Post: 89
Re:Vertical Icon Menu- websitex5 vers 10
« Risposta #3 il: 13 Ottobre, 2013, 18:33:47 »

 ...e al passo 2 nella proprietà di ogni pagina, scheda grafica spunti crea la pagina senza applicare il modello...



e perchè mai??

milux

  • Moderatore globale
  • Utente storico
  • *****
  • Post: 1779
    • 3MD
Re:Vertical Icon Menu- websitex5 vers 10
« Risposta #4 il: 13 Ottobre, 2013, 18:38:35 »
perchè quel codice fa riferimento all'account di Codrops ..
**OS : Windows 7 - 63Bit (uno è andato perso e non lo trovo..) + W10
**Website X5 :  Evo 10(active) - Evo 11(active) - 13(active)
**Wysiwyg Web Builder 12 (passa al lato oscuro..)
**Hosting : LINUX
**Editor : Notepad ++ / Geany

Adriano Meis

  • Beta Tester
  • Nuovo arrivato
  • *
  • Post: 89
Re:Vertical Icon Menu- websitex5 vers 10
« Risposta #5 il: 13 Ottobre, 2013, 19:25:29 »
non mi riferivo a quello

Ricius89

  • Nuovo arrivato
  • *
  • Post: 86
  • Richy
Re:Vertical Icon Menu- websitex5 vers 10
« Risposta #6 il: 14 Ottobre, 2013, 06:40:26 »
magari è meglio togliere la parte dello script relativo alle google analytics  ;)


hai ragione, scusatemi.. ;)
Ricius89

Ricius89

  • Nuovo arrivato
  • *
  • Post: 86
  • Richy
Re:Vertical Icon Menu- websitex5 vers 10
« Risposta #7 il: 14 Ottobre, 2013, 06:41:32 »

 ...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... ;)
Ricius89

Adriano Meis

  • Beta Tester
  • Nuovo arrivato
  • *
  • Post: 89
Re:Vertical Icon Menu- websitex5 vers 10
« Risposta #8 il: 14 Ottobre, 2013, 07:29:02 »

 ...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?'

Ricius89

  • Nuovo arrivato
  • *
  • Post: 86
  • Richy
Re:Vertical Icon Menu- websitex5 vers 10
« Risposta #9 il: 14 Ottobre, 2013, 20:47:24 »
 :-\
Ricius89

medicom

  • Nuovo arrivato
  • *
  • Post: 1
Re:Vertical Icon Menu- websitex5 vers 10
« Risposta #10 il: 11 Settembre, 2014, 19:23:01 »
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

stesil

  • Anziani
  • Utente storico
  • *
  • Post: 1219
    • quellidelcucuzzolo
Re:Vertical Icon Menu- websitex5 vers 10
« Risposta #11 il: 13 Settembre, 2014, 16:30:45 »
Ciao,

avevamo fatto un po' di tempo fa questa prova: 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:

Citazione
<!-- Impostazioni Generali, Esperto, Prima della chiusura del tag HEAD -->
[...]
 <!-- fine codice personalizzato -->


Citazione
<!-- modifica del modello, intestazione, codice HTML -->
[...]
<!-- fine codice personalizzato -->


Allega tutti i font e il file 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.


essedi

  • Anziani
  • Utente esperto
  • *
  • Post: 418
Re:Vertical Icon Menu- websitex5 vers 10
« Risposta #12 il: 13 Settembre, 2014, 17:17:39 »
Questo è realizzato senza js.

http://essedi.altervista.org/_EVO10/_esterno/index.html

Non risponde allo scopo?

stesil

  • Anziani
  • Utente storico
  • *
  • Post: 1219
    • quellidelcucuzzolo
Re:Vertical Icon Menu- websitex5 vers 10
« Risposta #13 il: 13 Settembre, 2014, 22:21:56 »
Può essere, ma la richiesta era specifica per l'integrazione di quel particolare menu.