Votes given by Kei.

  1. .
    Ovviamente al posto di chiedere scusa, la prima cosa da fare è cambiare nick per evitare di essere riconosciuti :asd:
  2. .
    Dodici e tre mezzi unicamente perché sei stato abile a trafugarlo a quel diisonesto di Nicolò con la o acuta. :flower:
  3. .
    Benvenuto, il tuo carattere sembra la fotocopia di uno che ho pestato.

    Edited by Tonzio - 9/9/2012, 19:07
  4. .
    https://dumpshare.net/images/145198Celies.png
    https://dumpshare.net/images/145198Celies.png

    Come vi sembra?
  5. .

    559787hater%202



    Chi vuole capire capisca :X
  6. .
    La redazione del FFMagazine si scusa con l'utenza per il disservizio che si è venuto a creare in questi ultimi giorni causa rimozione, senza previa notifica allo staff, del contenuto delle seguenti discussioni presenti nelle sezioni "Tutorial & Guide" (1 2 3 4 5 6 7 8 9 10) e "Forumfree Script e Guide Utili" (1 2 3 4 5 6) da parte dell'autore delle stesse.
    Avvisiamo quindi che, nel minor tempo possibile, verranno postati, dai nostri collaboratori, contenuti pari o superiori a quelli che sono andati persi.

    Ci scusiamo nuovamente per i disagi creati a certi utenti e li ringraziamo per i numerosi mp di notifica che ci hanno inviato.

    La Redazione
  7. .
    http://sunilbjoshi.deviantart.com/art/Free...I-Kit-308294356
    Almeno mettere de crediti per il psd utilizzato?


    mraf
  8. .
    A c e.
    SPOILER (click to view)
    Succo di frutta :asd:
  9. .
    Mi sembra un attacco alquanto banale, è la prima volta che leggo di una critica per rip di nickname :asd:
    Personalmente non reputo sia una motivazione sufficiente per sollevare flame.
  10. .

    Apertura/Chiusura Blocco Sezioni Graduale
    [ANTEPRIMA]

    B6er9



    In questa guida non è presente il codice perché abbiamo realizzato un comodo e semplice generatore per semplificarvi il lavoro!
    Il generatore è accessibile a questo indirizzo.
    Nel primo pannello vi verrà chiesto quanti blocchi sezione avete, dovete semplicemente scegliere il numero di blocchi che avete e, fatto questo, cliccare sul pulsante "Continua"
    A questo punto avrete un pannello dove inserire l'ID dei blocchi e la loro altezza, niente paura, verrà spiegato più avanti come trovare questi due elementi, inoltre dovrete inserire anche l'altezza della barra (.mback) e una volta inseriti i valori non vi resterà altro che cliccare sul pulsante "Genera" per avere i vostri codici da inserire in Colori e Stili

    NB: Il codice al momento è disponibile solo per il nuovo layout

    Trovare l'ID dei blocchi
    Questa è la cosa più semplice!

    1. Andate sulla Home del vostro forum

    2. Cliccate con il tasto destro su un punto qualsiasi della pagina

    3. Cliccate su "Visualizza sorgente pagina" (questa voce può cambiare a seconda del browser utilizzato, ma è sempre molto simile)

    4. Premete contemporaneamente CTRL+F e cercate il titolo del vostro blocco

    5. Il nome del blocco deve essere compreso tra
      HTML
      <table class="mback" cellpadding="0" cellspacing="0" onclick="toggleCat('c7064082')"><tr><td class="mback_left"><div class="plus"></div><td class="mback_center"><h2 class="mtitle">Per il tuo forum</h2><td class="mback_right"><span id="img_c7064082"></span></table>

    6. Ecco fatto, ora avete il vostro ID che è compreso dentro onclick="toggleCat('c7064082')" e l'ID è la parte numerica che segue la lettera c quindi sul Magazine 7064082 (blocco Per il tuo forum)


    Trovare l'altezza dei blocchi e della barra (.mback)
    Questa parte può variare molto da utente a utente perché è possibile da effettuare con diversi metodi.
    Io illustrerò quello più veloce e semplice.

    1. Aprite Google Chrome

    2. Andate sulla Home del vostro forum

    3. Cliccate con il tasto destro su un punto qualsiasi della pagina

    4. Cliccate su "Ispeziona elemento"

    5. Si aprirà un "box" in basso, cliccate sulla freccia accanto a < div class="container">...< /div>, su quella accanto a < ul class="board List">...< /ul> ora avrete una lista di < li id="ID" class="skin_tbl box_minus">...< /li> e passandoci sopra i blocchi si illumineranno e apparirà una specie di baloon con dentro scritto li#ID.skin_tbl.box_minus e subito dopo dei numeri, il secondo numero è l'altezza del blocco, quello che ci interessa

    Il metodo per trovare l'altezza della barra (.mback) è molto simile a quello proposto per trovare l'altezza dei blocchi

    1. Andate sulla Home del vostro forum

    2. Cliccate con il tasto destro su un punto qualsiasi della pagina

    3. Cliccate su "Ispeziona elemento"

    4. Si aprirà un "box" in basso, cliccate sulla freccia accanto a < div class="container">...< /div>, su quella accanto a < ul class="board List">...< /ul>, su quella accanto a < li id="ID" class="skin_tbl box_minus">...< /li> ora avrete una serie di < table class="mback" [...]>...</ table>, passandoci sopra la barra si illuminerà e apparirà una specie di baloon con dentro scritto table.mback e subito dopo dei numeri, il secondo numero è l'altezza della barra, quello che ci interessa


    Credits
    Il ForumFree Magazine non pretende crediti obbligatori con link e banner da inserirsi sul vostro forum. Tuttavia, dal momento che il codice ha richiesto uno sforzo non indifferente, chiunque volesse inserirli può trovarli qui di seguito (è fatto invece severo divieto di rimuovere i crediti presenti nel codice):
    HTML
    <a href="http://ffmagazine.forumfree.it/?t=62314398">Apertura/Chiusura Blocco Sezioni Graduale</a> creato da <a href="http://ffmagazine.forumfree.it/?act=Profile&MID=6199181">bored</a>


    E' possibile, come indicato nei termini di utilizzo, ridistribuire questa guida sui vostri forum lasciandone inalterati integrità e contenuti/crediti ed inserendo il seguente codice in fondo al messaggio:
    HTML
    <div class="textinput" style="margin:1px;padding:4px;display:block;text-align:center"><a title="Apertura/Chiusura Blocco Sezioni Graduale" href="http://ffmagazine.forumfree.it/?t=62314398"><b>Apertura/Chiusura Blocco Sezioni Graduale</b></a>
    Realizzata da <a href="http://ffmagazine.forumfree.it/?act=Profile&MID=6199181">bored</a> del <a title="Forumfree Magazine - Stai al passo con Forumfree!" href="http://ffmagazine.forumfree.it/"><b>ForumFree Magazine</b></a>.
    Guida rilasciata sotto una <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/">Licenza Creative Commons 3.0</a>.</div>



    Edited by A s k - 5/2/2013, 19:48
  11. .
    Mi hai copiato la presentazione :peo:
  12. .

    Menù utente alternativo
    970844menu



    Installazione
    Codice completo:
    CODICE
    /* MENU principale */
    body >:first-child {position: absolute !important}
    body#topic >:nth-child(2), body#blog >:nth-child(2) {position: absolute !important}
    .menuwrap {font-family: verdana, tahoma, arial, sans-serif}
    .menuwrap .left {padding: 30px; position: absolute}
    .menuwrap .avatar {width: 70px; height: 66px; border: 1px solid #999; background-color: #FFF; box-shadow: 0 1px 5px rgba(0, 0, 0, .5); margin: 5px}
    .menuwrap .avatar:hover {border: 1px solid #666}
    .menuwrap .left li.menu a {color: rgba(0, 0, 0, .0)}
    .menuwrap li {line-height: 2.6em; color: #666}
    .menuwrap .left li.menu:first-child {position: relative; top: -5px}
    .menuwrap .left li.menu:nth-child(2) {background: url('http://digilander.libero.it/dconan/skin2/msg_hover.gif') center left no-repeat; height: 24px; line-height: 2.6em; opacity: .7}
    .menuwrap .left li.menu:nth-child(2):hover {opacity: 1}
    .menuwrap .left li.menu:nth-child(3) {background: url('http://digilander.libero.it/dconan/skin2/disc_hover.gif') center left no-repeat; height: 24px; margin-right: 7px; line-height: 2.6em; opacity: .7}
    .menuwrap .left li.menu:nth-child(3):hover {opacity: 1}
    .menuwrap .left li.menu:nth-child(4) {background: url('http://digilander.libero.it/dconan/skin2/amn_hover.gif') center left no-repeat; height: 24px; margin-right: 7px; line-height: 2.6em; opacity: .7}
    .menuwrap .left li.menu:nth-child(4):hover {opacity: 1}
    .menuwrap .left li.menu:nth-child(5) {background: url('http://digilander.libero.it/dconan/skin2/mod_hover.gif') center left no-repeat; height: 24px; margin-right: 7px; line-height: 2.6em; opacity: .7}
    .menuwrap .left li.menu:nth-child(5):hover {opacity: 1}

    .menuwrap a {margin: 0; padding: 0 13px; font-size: 1px}
    .menuwrap .right a {margin: 0; padding: 0 11px 5px; font-size: 12px; color: #999; font-weight: bold}
    .menuwrap a:hover {color: #FFF; border: 0}
    .menuwrap .right a:hover {color: #666; border: 0; font-weight: bold}
    .menuwrap .icon a {padding: 0 6px}

    #m_up a {padding: 0 11px 0 0}
    #c_up {position: absolute; right: 10px; bottom: 10px; opacity: .5}
    #f_up {position: fixed; bottom: 40px; left: 1%; opacity: .9}
    .p_up:hover, #c_up:hover, #f_up:hover {opacity: 1; text-decoration: none; border: 0}

    /* esci e news */
    .menuwrap b {color: #333}

    /* numero msg e link REGISTRATI */
    .menuwrap em {padding: 0 0 0 7px; color: #999; text-shadow: none; font-size: 15px; left: 1px; position: relative; top: 3px; line-height: 1em}

    .menuwrap .nick {min-width: 1em; margin-left: 17px; position: absolute; font-size: 15px; color: #999; font-weight: bold; white-space: nowrap}
    .menuwrap .nick:hover, .menuwrap em:hover {color: #666}
    .menuwrap form {padding: 0 11px 0 5px}


    /* MENU contestuale(dropdown) */
    .menu:hover > a {background: url('http://digilander.libero.it/dconan/skin2/menu_after.png') no-repeat bottom; height 50px}
    .menu ul {width: 15em; background: linear-gradient(#FFF,#DDD); box-shadow: 0 1px 5px rgba(0, 0, 0, .8); border-radius: 5px; border-top: 3px solid #0066CC}
    .right .menu ul {margin-left: -2em}

    .menu li {padding: 3px 4px; line-height: 1.4em; text-shadow: none}
    .menu li strong {padding: 3px 8px; color: #000}
    .menu li a {padding: 3px 8px !important; font-size: 12px; color: #333 !important}
    .menu li a:hover, .menu li:hover > a {background: #CCC; border-radius: 5px}

    /* SUB MENU contestuale(dropright) */
    /* Sposta msg pvt */
    .submenu.alternative ul {border-top: 1px solid #080808; margin-top: -2px}
    .submenu.alternative li:first-child {padding: 3px 4px; border-top: 0}


    /* LOGIN VELOCE */
    .menuwrap .login {box-shadow: rgba(0, 0, 0, 0.8) 0 1px 5px;
    background: linear-gradient(#FFF,#DDD); position: fixed; top: 0; left: 0; padding: 5px; border-radius: 0 0 10px 0}
    .menuwrap .login em {padding: 2px 5px; color: white; text-shadow: none; background: #525252; border-radius: 6px; line-height: 0}
    .menuwrap .login em:hover {color: #FFF; background: #555}

    .menuwrap .login a: {color: #000}
    .menuwrap .login a:hover {color: #003366}
    .menuwrap label, .menuwrap form a {padding: 0; font-size: 10px}
    .menuwrap label:hover {color: #FFF}

    .menuwrap input {padding: 3px; font: 11px verdana, arial, sans-serif; color: #000; background: #666; border-radius: 4px; border: 0}
    .menuwrap input:hover {cursor: pointer; background: #BBB; box-shadow: none}
    .menuwrap input:focus {cursor: default; background-color: #888; outline: none; box-shadow: none}

    .menuwrap input[type=submit] {padding: 2px; text-shadow: 0 -1px 0 #444; color: #DDD; border-radius: 4px;
    background: #424242; border: 1px solid rgba(0, 0, 0, .5); box-shadow: inset 0 1px rgba(255, 255, 255, .3), inset 0 10px rgba(255, 255, 255, .2), inset 0 10px 20px rgba(255, 255, 255, .25), inset 0 -15px 30px rgba(0, 0, 0, .3)}
    .menuwrap input[type=submit]:hover {color: #FFF; background: #555}


    /* CERCA */
    .menuwrap .search input {padding-right: 20px; color: #CCC; background: #999 url('http://img.forumfree.net/style_images/52/icon_search.png') no-repeat 96% -12%; border: none!important; box-shadow: none}
    .menuwrap .search input:hover {color: #E0E0E0; background-color: #666; box-shadow: none}
    .menuwrap .search input:focus {color: #FFF; background-color: #666; background-position: 96.5% 110%; box-shadow: none}


    Analizziamo il codice:

    Menu Absolute che non scorre con la pagina:
    CODICE
    body >:first-child {position: absolute !important}
    body#topic >:nth-child(2), body#blog >:nth-child(2) {position: absolute !important}

    Questi due selettori fanno si che il menu non rimanga fisso in alto con lo scrolling (salire/scendere) della pagina.

    Avatar con ombra:
    CODICE
    .menuwrap .avatar {width: 70px; height: 66px; border: 1px solid #999; background-color: #FFF; box-shadow: 0 1px 5px rgba(0, 0, 0, .5); margin: 5px}

    Questo invece è il selettore che modifica l'avatar in modo da poter aumentare e diminuire la grandezza, i bordi e l'ombra.

    Nick posizionato sopra le immagini:
    CODICE
    .menuwrap .nick {min-width: 1em; margin-left: 17px; position: absolute; font-size: 15px; color: #999; font-weight: bold; white-space: nowrap}

    Questo codice fa si che il nick si posizioni in alto sopra le immagini, e a destra dell'avatar, la proprietà white-space: nowrap fa in modo che se un nick dovesse contenere degli spazi (es: K l o) le lettere restino tutte sulla stessa riga senza sovrapporsi alle icone del menu.

    Icone al posto delle scritte: messaggi, discussioni, amministrazione, moderazione.
    CODICE
    menuwrap .left li.menu:first-child {position: relative; top: -5px}
    .menuwrap .left li.menu:nth-child(2) {background: url('http://digilander.libero.it/dconan/skin2/msg_hover.gif') center left no-repeat; height: 24px; line-height: 2.6em; opacity: .7}
    .menuwrap .left li.menu:nth-child(2):hover {opacity: 1}
    .menuwrap .left li.menu:nth-child(3) {background: url('http://digilander.libero.it/dconan/skin2/disc_hover.gif') center left no-repeat; height: 24px; margin-right: 7px; line-height: 2.6em; opacity: .7}
    .menuwrap .left li.menu:nth-child(3):hover {opacity: 1}
    .menuwrap .left li.menu:nth-child(4) {background: url('http://digilander.libero.it/dconan/skin2/amn_hover.gif') center left no-repeat; height: 24px; margin-right: 7px; line-height: 2.6em; opacity: .7}
    .menuwrap .left li.menu:nth-child(4):hover {opacity: 1}
    .menuwrap .left li.menu:nth-child(5) {background: url('http://digilander.libero.it/dconan/skin2/mod_hover.gif') center left no-repeat; height: 24px; margin-right: 7px; line-height: 2.6em; opacity: .7}
    .menuwrap .left li.menu:nth-child(5):hover {opacity: 1}

    Questa è la parte piu caratteristica ovvero le icone al posto del solito testo, sfruttando la proprietà degli pseudo-elementi è possibile attribuire a ogni pulsante un icona differente.

    Ultima parte relativa al login:
    CODICE
    /* LOGIN VELOCE */
    .menuwrap .login {box-shadow: rgba(0, 0, 0, 0.8) 0 1px 5px;
    background: linear-gradient(#FFF,#DDD); position: fixed; top: 0; left: 0; padding: 5px; border-radius: 0 0 10px 0}
    .menuwrap .login em {padding: 2px 5px; color: white; text-shadow: none; background: #525252; border-radius: 6px; line-height: 0}
    .menuwrap .login em:hover {color: #FFF; background: #555}

    .menuwrap .login a: {color: #000}
    .menuwrap .login a:hover {color: #003366}
    .menuwrap label, .menuwrap form a {padding: 0; font-size: 10px}
    .menuwrap label:hover {color: #FFF}

    .menuwrap input {padding: 3px; font: 11px verdana, arial, sans-serif; color: #000; background: #666; border-radius: 4px; border: 0}
    .menuwrap input:hover {cursor: pointer; background: #BBB; box-shadow: none}
    .menuwrap input:focus {cursor: default; background-color: #888; outline: none; box-shadow: none}

    .menuwrap input[type=submit] {padding: 2px; text-shadow: 0 -1px 0 #444; color: #DDD; border-radius: 4px;
    background: #424242; border: 1px solid rgba(0, 0, 0, .5); box-shadow: inset 0 1px rgba(255, 255, 255, .3), inset 0 10px rgba(255, 255, 255, .2), inset 0 10px 20px rgba(255, 255, 255, .25), inset 0 -15px 30px rgba(0, 0, 0, .3)}
    .menuwrap input[type=submit]:hover {color: #FFF; background: #555}

    Questa parte è necessaria, senza di questa gli utenti non registrati al forum si ritroverebbero un effetto sgradevole, implementando queste classi si da un effetto carino anche per i visitatori.

    Credits
    Il ForumFree Magazine non pretende crediti obbligatori con link e banner da inserirsi sul vostro forum. Tuttavia, dal momento che il codice ha richiesto uno sforzo non indifferente, chiunque volesse inserirli può trovarli qui di seguito (è fatto invece severo divieto di rimuovere i crediti presenti nel codice):
    HTML
    <a href="LINK_GUIDA">Menù utente alternativo</a> creato da <a href="http://ffmagazine.forumfree.it/?act=Profile&MID=3875485">Klo</a>


    E' possibile, come indicato nei termini di utilizzo, ridistribuire questa guida sui vostri forum lasciandone inalterati integrità e contenuti/crediti ed inserendo il seguente codice in fondo al messaggio:
    HTML
    <div class="textinput" style="margin:1px;padding:4px;display:block;text-align:center"><a title="Menù utente alternativo" href="http://ffmagazine.forumfree.it/?t=62296576"><b>Menù utente alternativo</b></a>
    Realizzata da <a href="http://ffmagazine.forumfree.it/?act=Profile&MID=3875485">Klo</a> del <a title="Forumfree Magazine - Stai al passo con Forumfree!" href="http://ffmagazine.forumfree.it/"><b>ForumFree Magazine</b></a>.
    Guida rilasciata sotto una <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/">Licenza Creative Commons 3.0</a>.</div>



    Edited by bored - 10/1/2013, 16:54
  13. .
    Il ForumFree Magazine ed il Newsboard Forum sono fieri di presentare il

    Generatore interattivo di tabelle con grafica uguale a quella del forum



    Si ringrazia Cerbero' per la realizzazione del video dimostrativo :P


    Capita spesso di dover realizzare tabelle più o meno complesse per il proprio forum, ma non sempre è così semplice districarsi tra le righe e le colonne per unire le celle, modificare la loro larghezza od il loro contenuto.
    Il nuovo Generatore di Tabelle, completamente visuale ed interattivo, è la risposta a tutti questi problemi: esso vi permetterà di realizzare tabelle complesse utilizzando semplicemente il vostro mouse, senza più dover chiedere aiuto agli altri e fare fatica nello spiegare i propri desideri per realizzare la tabella che si desidera.

    A differenza del vecchio tool, una volta configurate le impostazione di base della tabella (righe,colonne,sottititoli), il generatore mostra in tempo reale una preview interattiva della tabella configurata.
    E' quindi possibile selezionare con il mouse più celle per unirle tra di loro, utilizzando i due pulsanti che permettono di unire celle sulla stessa riga o sulla stessa colonna, e modificare la larghezza delle colonne semplicemente trascinando il loro bordo a destra e a sinistra!
    Si può modificarne il suo contenuto di una siongola cella attraverso il comodo bottone Modifica contenuto della cella selezionata che mostrerà un apposito editor dove inserire comodamente il codice HTML (e nel caso vengano commessi errori, essi vengono evidenziati in rosso per poterli facilmente individuare e correggere) e avere a disposizione comodi pulsanti che assistono e facilitano la scrittura del testo.

    E se si sono commessi degli errori, ad esempio unendo una cella in più? Niente paura! E' possibile utilizzare i pulsanti Annulla modifica e Ripristina modifica, per tornare alle fasi precedenti e rifare nuovamente le ultime azioni!

    Una volta completate le modifiche basta cliccare sul pulsante in basso Ottieni il codice HTML della tabella, e magicamente una textarea apparirà con il codice della tabella che abbiamo appena creato! :D

    Entro poco tempo altre comode funzioni verranno aggiunte al generatore:
    -Modifica di tabelle già esistenti
    -Inserimento di ScrollBar nelle celle
    -Generazione di tabelle slide con effetto fade
    E molto altro! :)

    Quindi, che cosa state aspettando?

    Accedete al Nuovo Generatore e iniziate subito a creare le vostre tabelle!



    Edited by Cerbero` - 23/2/2013, 14:45
  14. .
    https://dumpshare.net/images/284814Senza%20titolo-4.png

    Ho dato questo nome alla skin perchè grazie ai suggerimenti di Yolia sto migliorando davvero molto e volevo dedicargli questa skin ^^
  15. .

    Basata sul Nuovo Layout
    La skin è stata pubblicata allo SkinLab, puoi quindi installarla dal tool amministrativo del tuo forum.

    Edited by Chuck - 3/6/2013, 15:26
27 replies since 21/3/2012
.
Top