 
Video
Incrementa la versatilità del circuito grazie a questo straordinario codice, ideato ai tempi da [Antonio], completamente riscritto, aggiornato e perfezionato da bored.
Grazie a ForumFree FastLife ogni Amministratore e Moderatore potrà modificare in tempo reale il titolo di una discussione, la descrizione, o il contenuto di un messaggio! Il tutto senza dover scaricare componenti aggiuntivi per il proprio browser, ma agendo direttamente nella discussione stessa, tramite gli appositi pulsanti.
 Installazione Nuovo Layout (v2.1)
Premessa: ho deciso di non rimettere la "Modifica rapida del titolo e della descrizione della discussione", ma schiacciando "Modifica rapida" nel primo post potrete modificare lo stesso il titolo, la descrizione ed eventualmente le etichette delle vostre discussioni.
In questa versione il codice è stato riscritto, adesso non utilizza più l'orribile iframe e, di conseguenza, reso più veloce e performante.
Spero sia di vostro gradimento.
Aggiungere, se non già presente, in HTML in CIMA al forum prima di tutti gli altri codici:
HTML <script src="http://scripts.ffmagazine.net/bored/bored.js"></script>
<script type="text/javascript">
var fastLife = {
active: true,
image: 'url link immagine'
}
</script>
Per inserire un'immagine per la modifica rapida modificare 'url link immagine' stando attenti a non rimuovere le virgolette (l'immagine di default è questa:  )
Per una personalizzazione base inserire in Colori e stili:
CODICE .fastedit_text {width: 678px !important; height: 125px !important; background: rgba(255, 255, 255, .6); border: 1px solid rgba(0, 0, 0, .3); border-radius: 3px; font: 14px 'Segoe Ui'; color: rgba(0, 0, 0, .8); padding: 2px 6px}
.fastedit_text:focus {outline: none}
.color > input {background: rgba(255, 255, 255, .6); border: 1px solid rgba(0, 0, 0, .3); border-radius: 3px; padding: 3px 6px; font-family: arial; font-size: 13px; color: rgba(0, 0, 0, .8)}
Le classi assegnato sono poche, l'elenco di seguito:
.fastedit_text è la classe della textarea che comparirà al click sul bottone "Modifica rapida";
.fastedit_canc è la classe del bottone per annullare le modifiche;
.fastedit_send è la classe del bottone per salvare le modifiche.
Tips and tricks
Per rimuovere l'immagine accanto a "Modifica rapida" basta mettere image: ''
Per selezionare entrambi i bottoni è sufficiente usare .color > input
Installazione Vecchio Layout
Inserire in HTML in FONDO al forum prima di tutti gli altri codici:
HTML <script type="text/javascript">
// ForumFree Fast Life v2.0 - http://ffmagazine.forumfree.it/?t=65072850
// Immagine modifica rapida post
var modRapidaImgSrc = 'http://i.imgur.com/o6KQsX4.png';
// Immagine modifica rapida titolo topic
var modTitoloImgSrc = 'http://i.imgur.com/dn77y.png';
</script>
<script src="http://scripts.ffmagazine.net/modRapida.old.js"></script>
Qui va modificato soltanto l'url delle due immagine SENZA togliere le virgolette (' ')
In Grafica --> Colori e stili inserite:
CODICE /* INIZIO ---------------- ForumFree FastLife [v. 2.0] --- */
/* ---------------- by bored | ffmagazine.forumfree.it --- */
/* Icona caricamento modifica rapida post */
.mr.load {height: 35px; background-image: url('http://i.imgur.com/YrasEpw.gif'); background-position: center; background-repeat: no-repeat}
.mr.titleimg {float: left; margin-top: 4px; cursor: pointer; opacity: .6; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease}
.mback:hover .mr.titleimg {opacity: 1}
/* X('ics') per chiudere il PopUp */
.mr.x {position: absolute; top: -11px; left: 150px; padding: 2px 5px; border: 0; border-radius: 2em; background: #333; box-shadow: 0 0 5px rgba(0, 0, 0, .7); color: #FFF; text-shadow: 0 1px 1px #000; font-size: 10px; font-family: sans-serif; font-weight: bold}
/* PopUp per la modifica del titolo */
.mr.pop {position: absolute; z-index: 9; margin-top: -38px; margin-left: 40px; padding: 5px; border-radius: 5px; background: #EEF1F7; box-shadow: 0 0 0 3px #333, 0 0 5px 3px rgba(0, 0, 0, .7), inset 0 1px #EEF1F7, inset 0 5px 10px rgba(0, 0, 0, .1), inset 0 -1px #EEF1F7, inset 0 -5px 10px rgba(0, 0, 0, .1); text-align: left}
/* Bottoni del PopUp */
.mr.textinput, .mr.savetitle, .mr.textinput:hover, .mr.textinput:focus {margin: 5px; padding: 1px 4px; border: 0; border-radius: 3px; background: rgba(0, 0, 0, .1); box-shadow: inset 0 0 1px rgba(0, 0, 0, .2), inset 0 4px 4px rgba(0, 0, 0, .1), 0 1px rgba(255, 255, 255, .4); color: rgba(0, 0, 0, .7); text-shadow: 0 1px 1px rgba(0, 0, 0, .1); font-size: 12px; font-family: 'Tahoma', Sans-serif}
.mr.savetitle {width: 136px}
/* Messaggi di errore nel PopUp */
.mr.error {padding: 2px 6px; border-radius: 3px; background: rgba(255, 0, 0, .8); box-shadow: inset 0 0 1px rgba(255, 255, 255, .2), inset 0 4px 4px rgba(255, 255, 255, .1), 0 1px rgba(255, 255, 255, .4), inset 0 -5px 5px rgba(0, 0, 0, .1); color: #FFF; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .4); font-size: 13px; font-family: 'Tahoma', Sans-serif; line-height: 20px}
/* Input modifica rapida post */
#newmod .forminput, #newmod .forminput:hover, #newmod .forminput:focus, #textpost {background: rgba(0, 0, 0, .3); border: 1px solid rgba(0, 0, 0, .1); box-shadow: 0 1px 0 #FFF, 0 1px 4px rgba(0, 0, 0, .3); margin-bottom: 5px; color: #FFF; text-shadow: 0 1px 1px rgba(0, 0, 0, .2); font-family: arial; font-size: 13px; border-radius: 3px; padding: 2px 3px; outline: none; width: 98% !important}
#textpost {height: 150px}
.mr.button {background: rgba(0, 0, 0, .5); border: 1px solid rgba(0, 0, 0, .1); box-shadow: 0 1px 0 #FFF, 0 1px 4px rgba(0, 0, 0, .3); color: #FFF; text-shadow: 0 1px 1px rgba(0, 0, 0, .2); border-radius: 3px; float: right; margin: 0 5px}
/* FINE ------------------ ForumFree FastLife [v. 2.0] --- */
Di seguito, la lista delle modifiche possibili.
Consente di modificare l'icona di caricamento, si può modificare tutto
.mr.titleimg {cursor: pointer; float: left; margin-top: 4px; opacity: .6; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease}
Consente di modificare la posizione dell'icona della modifica rapida del titolo del topic, NON toccare cursor: pointer
.mr.x {position: absolute; top: -11px; left: 150px; padding: 2px 5px; border: 0; border-radius: 2em; background: #333; box-shadow: 0 0 5px rgba(0, 0, 0, .7); color: #FFF; text-shadow: 0 1px 1px #000; font-size: 10px; font-family: sans-serif}
Consente di modificare la (X) del popup che si aprirà cliccando sull'icona nell'mback, state attenti nel modificare top e left NON toccare position: absolute;
.mr.pop {position: absolute; z-index: 9; margin-top: -38px; margin-left: 40px; padding: 5px; border-radius: 5px; background: #EEF1F7; box-shadow: 0 0 0 3px #333, 0 0 5px 3px rgba(0, 0, 0, .7), inset 0 1px #EEF1F7, inset 0 5px 10px rgba(0, 0, 0, .1), inset 0 -1px #EEF1F7, inset 0 -5px 10px rgba(0, 0, 0, .1); text-align: left}
Consente di modificare il popup, state attenti a modificare margin-top e margin-left, NON toccare position: absolute;
.mr.textinput, .mr.savetitle, .mr.textinput:hover, .mr.textinput:focus {margin: 5px; padding: 1px 4px; border: 0; border-radius: 3px; background: rgba(0, 0, 0, .1); box-shadow: inset 0 0 1px rgba(0, 0, 0, .2), inset 0 4px 4px rgba(0, 0, 0, .1), 0 1px rgba(255, 255, 255, .4); color: rgba(0, 0, 0, .7); text-shadow: 0 1px 1px rgba(0, 0, 0, .1); font-size: 12px; font-family: sans-serif, arial}
Consente di modificare lo stile dei form nel popup
.mr.error {padding: 2px 6px; border-radius: 3px; background: rgba(255, 0, 0, .8); box-shadow: inset 0 0 1px rgba(255, 255, 255, .2), inset 0 4px 4px rgba(255, 255, 255, .1), 0 1px rgba(255, 255, 255, .4), inset 0 -5px 5px rgba(0, 0, 0, .1); color: #FFF; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .4); font-size: 13px; font-family: arial; line-height: 20px}
Consente di modificare lo stile dei messaggi di errore, in caso si presentino, nel popup
#newmod .forminput, #newmod .forminpu:hover, #newmod .forminput:focus, #textpost {background: rgba(0, 0, 0, .3); border: 1px solid rgba(0, 0, 0, .1); box-shadow: 0 1px 0 #FFF, 0 1px 4px rgba(0, 0, 0, .3); margin-bottom: 5px; color: #FFF; text-shadow: 0 1px 1px rgba(0, 0, 0, .2); font-family: arial; font-size: 13px; border-radius: 3px; padding: 2px 3px; outline: none; width: 98% !important}
Consente di modificare i form e la textarea presenti nella modifica rapida di un post
.mr.button {background: rgba(0, 0, 0, .5); border: 1px solid rgba(0, 0, 0, .1); box-shadow: 0 1px 0 #FFF, 0 1px 4px rgba(0, 0, 0, .3); color: #FFF; text-shadow: 0 1px 1px rgba(0, 0, 0, .2); border-radius: 3px; float: right}
Consente di modificare i bottoni "Salva modifiche" e "Annulla modifiche"
Informazioni
Il codice è compatibile con tutti i browser.
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=65072850">Forumfree FastLife v2.0</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="ForumFree FastLife Forumfree FastLife v2.0" href="http://ffmagazine.forumfree.it/?t=65072850"><b>Forumfree FastLife v2.0</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>
Credits: FFMagazine.
|
.
Contacts