1. Set Menų(x2) + Sidebar - Hanami Collection

    +3   +1   -1    8 Comments   392 Views
    .


    ANTEPRIMA



    Set di due menų e una sidebar coordinati da usare dove volete. Possono essere usati tutti insieme o separatamente.
    Per problemi o errori scrivere qui.

    Se prelevate un menų, sarebbe gradito l'inserimento dei crediti:
    CODICE
    Menų realizzato da <a href="http://skinfactory.forumfree.it/?act=Profile&MID=2266120">Valls</a> ~ <a href="http://skinfactory.forumfree.it">Skin Factory</a>


    POTETE:
    ☺ Modificare i colori e i font;
    ☺ Cambiare l'immagine, i testi e le voci e aggiungerne altre.

    SCONSIGLIATO:
    - Aggiungere voci nella sidebar o mettere immagini di dimensioni diverse da quelle consigliate.

    VIETATO:
    ✖ Stravolgere l'aspetto di menų o sidebar perchč non sono basi;
    ✖ Spacciarli per propri;
    ✖ Togliere i crediti alla sidebar. Si tratta di una scritta di 9px per nulla invadente, per favore lasciatela.

    Read the whole post...

    Last Post by phoebe’ il 21 Nov. 2013
    .
  2. Set Menų(x2) + Sidebar - Nature Collection

    +5   +1   -1    17 Comments   925 Views
    .


    ANTEPRIMA



    Set di due menų e una sidebar coordinati da usare dove volete. Possono essere usati tutti insieme o separatamente.
    Per problemi scrivere qui.

    Se prelevate un menų, sarebbe gradito l'inserimento dei crediti:
    CODICE
    Menų realizzato da <a href="http://skinfactory.forumfree.it/?act=Profile&MID=2266120">Valls</a> ~ <a href="http://skinfactory.forumfree.it">Skin Factory</a>


    POTETE:
    ☺ Modificare i colori e i font;
    ☺ Cambiare l'immagine, i testi e le voci e aggiungerne altre.

    SCONSIGLIATO:
    - Aggiungere voci nella sidebar o mettere immagini di dimensioni diverse da quelle consigliate.

    VIETATO:
    ✖ Stravolgere l'aspetto di menų o sidebar perchč non sono basi;
    ✖ Spacciarli per propri;
    ✖ Togliere i crediti alla sidebar. Si tratta di una scritta di 9px per nulla invadente, per favore lasciatela.


    MENU 1 - CODICE

    Da aggiungere in Colori e Stili:

    CODICE
    /* MENU 01 - Nature collection */
    .valls02 li {font: 20px 'grand hotel';
    background: #91DB30;
    line-height: 60px;
    text-align:center;
    margin: 2px;
    padding: 0 4px;
    border-radius: 80px;
    min-height: 50px;
    min-width: 50px;
    transition:all .1s ease-in-out}
    .valls02 li a {color: #FFF;
    text-decoration: none;
    border: 3px solid #FFF;
    box-shadow: 1px 2px 2px #777;
    padding: 5px;
    background: #D87E2F;
    text-align:center}
    .valls02 li:nth-child(even) {background: #D87E2F}
    .valls02 li:nth-child(even) a {background: #91DB30}
    .valls02 li:hover {transform:rotate(10deg); -webkit-transform:rotate(10deg)}


    Da aggiungere in HTML in cima a tutte le pagine:

    CODICE
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Grand+Hotel">


    Da aggiungere in HTML dove volete:

    ...

    Read the whole post...

    Last Post by -spiker il 6 Mar. 2014
    .
  3. Menu a Rombo #1

    Tags
    Menu Pronto
    Resource
    By -spiker il 25 Aug. 2013
    +3   +1   -1    3 Comments   110 Views
    .

    tagmr1
    Esempio

    Premessa: il menu č stato realizzato dalla sottoscritta pertanto č gradito l'inserimento dei credits proposti. Giusto giusto perchč ho fatto la base che voi modificherete per adattarla alle vostre esigenze :).
    CODICE
    Menu a Rombo by <a href="http://evs.blogfree.net/?act=Profile&MID=24527">-spiker</a>


    Il codice č molto intuitivo per chi conosce un minimo di CSS/HTML, ma se avete problemi potete contattarmi tramite la sezione "Supporto" aprendo un topic.

    In Amministrazione > Grafica > Colori e Stili:
    CODICE
    /* MENU ROMBO BY -spiker */
    .evs {width: 70px; height: 70px;
    background: #FF4B4B;
    display: inline-block;
    margin: 15px;
    transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transition-duration: .3s; -webkit-transition-duration:.3s; -moz-transition-duration: .3s; -o-transition-duration: .3s}
    .evs:hover {background: #1DB9C4}
    .evs_text, .evs_text a {height: 70px;
    color: #FFF;
    padding: 3px;
    line-height: 60px;
    text-decoration: none;
    transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg)}
    .evs_text:hover, .evs_text a:hover, .evs:hover a {color: #FFF}
    .evs:hover, .evs_text:hover {transform: rotate(0deg); transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transition-duration: .3s; -webkit-transition-duration:.3s; -moz-transition-duration: .3s; -o-transition-duration: .3s}

    /* MENU ROMBO - VOCE PERSONALIZZATA  BY -spiker */
    .evs_1 {width: 70px; height: 70px;
    background: #1DB9C4;
    display: inline-block;
    margin...

    Read the whole post...

    Last Post by -spiker il 26 Aug. 2013
    .
  4. Menu a Cerchio Orizzontale #1

    Tags
    Menu Pronto
    Resource
    By -spiker il 17 Aug. 2013
    +1   +1   -1    0 Comments   97 Views
    .

    tagmco1
    Esempio

    Premessa: il menu č stato realizzato dalla sottoscritta pertanto č gradito l'inserimento dei credits proposti. Giusto giusto perchč ho fatto la base che voi modificherete per adattarla alle vostre esigenze :).
    CODICE
    Menu a Cerchio by <a href="http://evs.blogfree.net/?act=Profile&MID=24527">-spiker</a>


    Il codice č molto intuitivo per chi conosce un minimo di CSS/HTML, ma se avete problemi potete contattarmi tramite la sezione "Supporto" aprendo un topic.

    In Amministrazione > Grafica > Colori e Stili:
    CODICE
    /* MENU A CERCHI ORIZZANTILI BY -spiker */

    .circlevs {display: inline-block;
    width: 65px;
    height: 65px;
    text-align: center;
    margin: 4px;
    border-radius: 50px;
    line-height: 60px;
    padding: 2px;
    background: #FF4B4B;
    color: #FFF}

    .circlevs:hover {background: #1DB9C4;
    transition-duration: .99s;
    -webkit-transition-duration:.99s;
    -moz-transition-duration: .99s;
    -o-transition-duration: .99s;
    transform: scale(1.5) rotate(360deg);
    -moz-transform: scale(1.5) rotate(360deg);
    -webkit-transform: scale(1.5) rotate(360deg);
    -o-transform: scale(1.5) rotate(360deg)}

    In Amministrazione > Grafica > Gestione HTML (dove volete il menu, alto, basso, home etc...):
    CODICE
    <a href="#" class="circlevs">Voce #1</a>
    <a href="#" class="circlevs">Voce #2</a>
    <a href="#" class="circlevs">Voce #3</a>
    <a href="#" class="circlevs">Voce #4</a>
    <a href="#" class="circlevs">Voce #5</a>

    Al posto di # dovete aggiungere URL della voce.

    La parte in Colori e Stili serve per personalizzare il menu e come detto il codice č molto intuitivo:
    ...

    Read the whole post...

    Last Post by -spiker il 17 Aug. 2013
    .