Astuzia : Nuovi codici CSS per i vostri forum!!

+9
Annalisa
piffe
Colins
Orco
cleo*
Dozy™
solaris.
aleg
Nerissa
13 partecipanti

Pagina 1 di 2 1, 2  Successivo

Si Astuzia : Nuovi codici CSS per i vostri forum!!

Messaggio Da Nerissa Gio 17 Mag 2012 - 13:22

Astuzia : Nuovi codici CSS per i vostri forum!!


Ciao!!

Noi di forumattivo siamo sempre attenti alle richieste degli utenti per migliorare i vostri forum. Per questo motivo siamo lieti di annunciare una serie di codici che sarà senza dubbio di grande utilità cheers


  • Effetto "crocked avatar"

    Applicando questo tutorial ci si arriva a un cambiamento molto bello nello stile degli avatar sul forum. Oltre ad un effetto passando il mouse sopra ogni avatar.

    Astuzia : Nuovi codici CSS per i vostri forum!! Vista10

    Pannello d'amministrazione -> colori -> Foglio di stile CSS

    Codici:



  • Eliminare pagina di conferma dopo l'invio dei messaggi o MP'S

    Aggiungendo questo codice Java Script sarà possibile eliminare la pagina di conferma dopo aver inviato il messaggio o i MP.

    Pannello d'amministrazione -> Moduli -> Gestione delle codice Javascript -> Attivare la gestione del codice javascript : SI -> Creare un nuovo java script -> Posizione : TUTTE LE PAGINE

    Codice:



  • Mostrare - Nascondere le categorie

    Con questo codice è possibile nascondere o mostrare la categoria del tuo forum con una piccola immagine che servirà a mostrare o no le categorie che l'utente desidera.

    Astuzia : Nuovi codici CSS per i vostri forum!! 7e1e0b24a6354c0ba228ebe

    Pannello d'amministrazione -> Moduli -> Gestione delle codice Javascript -> Attivare la gestione del codice javascript : SI -> Creare un nuovo java script -> Posizione : SULL'INDICE

    Spoiler:

    Pannello d'amministrazione -> Colori -> Foglio di stile css ->

    Spoiler:


  • Effetto sulle informazioni nell'indice degli ultimi messaggi

    Con questo codice css si può dare un effetto più professionale alla scatola degli ultimi messaggi visualizzati sull'indice del forum.

    Astuzia : Nuovi codici CSS per i vostri forum!! Ef2fd089b7674efbad91e07

    Spoiler:


  • Evitare i voti negativi

    Questo codice CSS serve per eliminare il tasto dei voti negativi su tutti i messaggi del forum.

    Visibile solo il tasto +
    Astuzia : Nuovi codici CSS per i vostri forum!! 630e8f586aa24e67bdf04c5

    Spoiler:






Ci auguriamo che questi codici fantastici siano di vostro gradimento e soprattutto di molta utilità :good: :zen: hoo jiji si^^ ups ???

Atte:

~Lo Staff del Forum dei Forum~



Ultima modifica di Nerissa il Gio 17 Mag 2012 - 14:56 - modificato 1 volta.
Nerissa
Nerissa
Veterano dello staff
Veterano dello staff

Sesso : Femmina
Messaggi : 3458
Località : Spagna

http://aiuto.forumattivo.com
Nerissa è stato ringraziato dall'autore di questo topic.

Si Re: Astuzia : Nuovi codici CSS per i vostri forum!!

Messaggio Da aleg Gio 17 Mag 2012 - 14:44

chiedo scusa per domanda banale ma il codice sulle info nell'indice degli ultimi messaggi...dove lo metto? Sad
avatar
aleg
Nuovo membro

Sesso : Maschio
Età : 45
Messaggi : 37
Località : lucca

http://atmosferatoscana.forumattivo.com/portal.htm
aleg è stato ringraziato dall'autore di questo topic.

Si Re: Astuzia : Nuovi codici CSS per i vostri forum!!

Messaggio Da Nerissa Gio 17 Mag 2012 - 14:46

aleg ha scritto:chiedo scusa per domanda banale ma il codice sulle info nell'indice degli ultimi messaggi...dove lo metto? Sad

Ciao Aleg! è un codice CSS : pannello d'amministrazione - visualizzazione - colori - foglio di stile css :good:
Nerissa
Nerissa
Veterano dello staff
Veterano dello staff

Sesso : Femmina
Messaggi : 3458
Località : Spagna

http://aiuto.forumattivo.com
Nerissa è stato ringraziato dall'autore di questo topic.

Si Re: Astuzia : Nuovi codici CSS per i vostri forum!!

Messaggio Da aleg Gio 17 Mag 2012 - 14:47

Nerissa ha scritto:
aleg ha scritto:chiedo scusa per domanda banale ma il codice sulle info nell'indice degli ultimi messaggi...dove lo metto? Sad

Ciao Aleg! è un codice CSS : pannello d'amministrazione - visualizzazione - colori - foglio di stile css :good:

grazie! Wink
avatar
aleg
Nuovo membro

Sesso : Maschio
Età : 45
Messaggi : 37
Località : lucca

http://atmosferatoscana.forumattivo.com/portal.htm
aleg è stato ringraziato dall'autore di questo topic.

Si Re: Astuzia : Nuovi codici CSS per i vostri forum!!

Messaggio Da Ospite Gio 17 Mag 2012 - 16:39

Ciao, si potrebbe migliorare l'estetica di questo tutorial per favore Sad? Non riesco a vedere il testo. Grazie Wink
avatar
Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

Si Re: Astuzia : Nuovi codici CSS per i vostri forum!!

Messaggio Da solaris. Ven 18 Mag 2012 - 21:29

buonsa sera,
ho provato a mettere il codice per eliminare la pagina di conferma dopo l'invio dei messaggi ma non funziona...
guardando bene il codice però vedo che manca qualcosa alla fine lacrime
pare che sia tagliato triste

io lo vedo così

Codice:
$("meta[http-equiv='refresh'][content]:first").each(function(){window.location.href=$(this).attr("content").replace(/^.*;url=

è proprio così o ne manca un pezzo ? O.O
solaris.
solaris.
****

Sesso : Femmina
Età : 53
Messaggi : 324
Località : calabria

http://solaris-flashegrafica.com
solaris. è stato ringraziato dall'autore di questo topic.

Si Re: Astuzia : Nuovi codici CSS per i vostri forum!!

Messaggio Da Ospite Ven 18 Mag 2012 - 21:56

Ciao, il codice è cosi' Wink :

Codice:
$("meta[http-equiv='refresh'][content]:first").each(function(){window.location.href=$(this).attr("content").replace(/^.*;url=/,"")});

Saluti, MartinoPio Wink
avatar
Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

Si Re: Astuzia : Nuovi codici CSS per i vostri forum!!

Messaggio Da solaris. Ven 18 Mag 2012 - 22:17

grazie, ora con questo funziona /o/
poi ho provato ad aprire il forum con I.E. e si vede tutto bene, è con crome che non si visualizza Embarassed
grazie :good:
solaris.
solaris.
****

Sesso : Femmina
Età : 53
Messaggi : 324
Località : calabria

http://solaris-flashegrafica.com
solaris. è stato ringraziato dall'autore di questo topic.

Si Re: Astuzia : Nuovi codici CSS per i vostri forum!!

Messaggio Da Dozy™ Sab 19 Mag 2012 - 11:10

Per chi volesse il codice delle categorie a scomparsa è questo visto che non si vede:

Pannello d'amministrazione -> Moduli -> Gestione delle codice Javascript -> Attivare la gestione del codice javascript : SI -> Creare un nuovo java script -> Posizione : SULL'INDICE

Codice:
function EsconderCategoriaFeitoPorSupero(cid,iflag){var cat=document.getElementById(cid);var button=document.getElementById('b'+cid);if(cat.style.display=='none'){cat.style.display='block';button.className='contract';my_setcookie('_'+cid,'',true)}else{cat.style.display='none';button.className='expand';my_setcookie('_'+cid,'1',true)}}$(function(){x=$('ul.topiclist li.header').get();for(i=0;i<x.length;i++){x[i].style.position='relative';var cid='c'+String(i+1);x[i].parentNode.nextSibling.setAttribute('id',cid);x[i].parentNode.nextSibling.style.display='block';var y='<div id="b'+cid+'" class="contract" onclick="EsconderCategoriaFeitoPorSupero(''+cid+'');"></div>';x[i].innerHTML=x[i].innerHTML+y}cookies=document.cookie.split('; ');for(i in cookies){if(cookies[i].charAt(0)=='_'){cookie=cookies[i].split('=');if(cookie[1]=='1'){cid=cookie[0].substring(1);if(document.getElementById(cid)){EsconderCategoriaFeitoPorSupero(cid,'x')}}}}});

Pannello d'amministrazione -> Colori -> Foglio di stile css ->

Codice:
.contract,.expand{background:url(http://2img.net/i/fa/m/tabs_more1.gif);cursor:pointer;height:9px;position:absolute;right:10px;top:6px;width:9px}.contract{background:url(http://2img.net/i/fa/m/tabs_less1.gif)}
Dozy™
Dozy™
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 36
Messaggi : 2297
Località : Tradate (va)

Dozy™ è stato ringraziato dall'autore di questo topic.

Si Re: Astuzia : Nuovi codici CSS per i vostri forum!!

Messaggio Da cleo* Sab 19 Mag 2012 - 20:37

grazie fantastici
cleo*
cleo*
*****

Sesso : Femmina
Messaggi : 586
Località : sicilia

http://graphiccleo.forumattivo.com/index.htm
cleo* è stato ringraziato dall'autore di questo topic.

Si Re: Astuzia : Nuovi codici CSS per i vostri forum!!

Messaggio Da Orco Dom 20 Mag 2012 - 21:34

ma se devo inserire più codice come faccio? li metto uno sotto l'altro?
Question
Orco
Orco
**

Sesso : Maschio
Messaggi : 68

http://www.forum-kuga-mania.net/
Orco è stato ringraziato dall'autore di questo topic.

Si Re: Astuzia : Nuovi codici CSS per i vostri forum!!

Messaggio Da Ospite Dom 20 Mag 2012 - 22:21

Ciao Orco, Mettili in basso (consigliato), ma puoi anche metterlo in alto
avatar
Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

Si Re: Astuzia : Nuovi codici CSS per i vostri forum!!

Messaggio Da Dozy™ Lun 21 Mag 2012 - 11:47

Nuovo update Astucia!

Cambiando il css Effetto "crocked avatar" sostituite il css base del tutorial e inserite questo:

Codice:
img {
 margin-left: 3px;
    border: 5px solid #eee;
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}


 
img:hover {
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
}

Non solo l'avatar ruoterà come diceva il tutorial ma qualsiasi altra immagine si farà un giretto dalle immagini sezioni,on off, logo/banner, targhette ranghi/gruppi, anche le immagini che posterete dentro i topic.

Versione: Tutte penso.
Dozy™
Dozy™
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 36
Messaggi : 2297
Località : Tradate (va)

Dozy™ è stato ringraziato dall'autore di questo topic.

Si Re: Astuzia : Nuovi codici CSS per i vostri forum!!

Messaggio Da Colins Lun 21 Mag 2012 - 19:32

Embarassed scusate, ma il codice sulle info nell'indice degli ultimi messaggi
devo sostituirlo uno esistente nel foglio o basta inserire nello spazio bianco
grazie
Colins
Colins
****

Sesso : Maschio
Età : 56
Messaggi : 396
Località : Bari

http://www.tifosidelbari.com/
Colins è stato ringraziato dall'autore di questo topic.

Si Re: Astuzia : Nuovi codici CSS per i vostri forum!!

Messaggio Da piffe Lun 21 Mag 2012 - 23:04

io saro' tardo, ma aggiungendo il codice per " croked avatar" nel css non succede nulla.
nemmeno con il secondo codice postato.
dove sbaglio?
puo' essere che il pc da dove scrivo ora non visualizzi la modifica?
piffe
piffe
***

Sesso : Maschio
Età : 47
Messaggi : 135
Località : italia

http://www.pif-fo-rum.forumattivo.com
piffe è stato ringraziato dall'autore di questo topic.

Si Re: Astuzia : Nuovi codici CSS per i vostri forum!!

Messaggio Da solaris. Mar 22 Mag 2012 - 7:46

a me ha funzionato :good:
solaris.
solaris.
****

Sesso : Femmina
Età : 53
Messaggi : 324
Località : calabria

http://solaris-flashegrafica.com
solaris. è stato ringraziato dall'autore di questo topic.

Si Re: Astuzia : Nuovi codici CSS per i vostri forum!!

Messaggio Da Colins Mar 22 Mag 2012 - 9:14

Io vorrei sapere solo se devo inserirli sostituire oppure altro non so neanche se funzionano
Colins
Colins
****

Sesso : Maschio
Età : 56
Messaggi : 396
Località : Bari

http://www.tifosidelbari.com/
Colins è stato ringraziato dall'autore di questo topic.

Si Re: Astuzia : Nuovi codici CSS per i vostri forum!!

Messaggio Da Dozy™ Mar 22 Mag 2012 - 10:01

@ Colins: nel foglio bianco lo devi aggiungere non devi sostituire niente, per chi ha il css invece in mostra mettetelo tutto in fondo.

@ Piffe ciao, riprova o cambia browser. Meglio chrome, nel secondo quello postato da me tutte le immagini ruotano non solo l'avatar.

Dozy™
Dozy™
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 36
Messaggi : 2297
Località : Tradate (va)

Dozy™ è stato ringraziato dall'autore di questo topic.

Si Re: Astuzia : Nuovi codici CSS per i vostri forum!!

Messaggio Da piffe Mar 22 Mag 2012 - 11:34

ho provato anche da casa, ma non va. pero' uso firefox. va beh, fa niente. grazie lo stesso.
piffe
piffe
***

Sesso : Maschio
Età : 47
Messaggi : 135
Località : italia

http://www.pif-fo-rum.forumattivo.com
piffe è stato ringraziato dall'autore di questo topic.

Si Re: Astuzia : Nuovi codici CSS per i vostri forum!!

Messaggio Da Annalisa Mar 22 Mag 2012 - 20:43

Salve il codice sulle informazioni nell'indice degli ultimi messaggi inserito nel css nel forum con invision mi da errore come mai?
Annalisa
Annalisa
Veterano dello staff
Veterano dello staff

Sesso : Femmina
Età : 63
Messaggi : 684
Località : Palermo

http://centovetrine.forumattivo.com
Annalisa è stato ringraziato dall'autore di questo topic.

Si Re: Astuzia : Nuovi codici CSS per i vostri forum!!

Messaggio Da Dozy™ Mer 23 Mag 2012 - 18:22

Prova a rifare, alle volte togliendo e incollando saltano le parentesi graffe.
Dozy™
Dozy™
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 36
Messaggi : 2297
Località : Tradate (va)

Dozy™ è stato ringraziato dall'autore di questo topic.

Si Re: Astuzia : Nuovi codici CSS per i vostri forum!!

Messaggio Da Annalisa Mer 23 Mag 2012 - 20:11

Ho fatto ancora la prova e l'errore che mi da è questo:
Errore

errore individuato
Contiamo un numero differente di "{" e di "}". Questo significa che

quindi hai ragione tu riguardo le parentesi graffe ma non so come gestirla questa cosa.
Grazie per avermi risposto.
Annalisa
Annalisa
Veterano dello staff
Veterano dello staff

Sesso : Femmina
Età : 63
Messaggi : 684
Località : Palermo

http://centovetrine.forumattivo.com
Annalisa è stato ringraziato dall'autore di questo topic.

Si Re: Astuzia : Nuovi codici CSS per i vostri forum!!

Messaggio Da Dozy™ Mer 23 Mag 2012 - 20:16

Di solito è quella di apertura o chiusura di una stringa magari verso la fine es

{Stringa css che hai messo 1 mese fa }
{Stringa css che hai messo 5 giorni fà}
{Stringa css che hai messo oggi, ovvero quello degli ultimi messaggi -->manca

Prego



Dozy™
Dozy™
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 36
Messaggi : 2297
Località : Tradate (va)

Dozy™ è stato ringraziato dall'autore di questo topic.

Si Re: Astuzia : Nuovi codici CSS per i vostri forum!!

Messaggio Da Annalisa Sab 26 Mag 2012 - 17:22

Adesso sono riuscita ad inserirlo ma non funziona... non mi da più errore però non vedo evidenziato nulla.
Annalisa
Annalisa
Veterano dello staff
Veterano dello staff

Sesso : Femmina
Età : 63
Messaggi : 684
Località : Palermo

http://centovetrine.forumattivo.com
Annalisa è stato ringraziato dall'autore di questo topic.

Si Re: Astuzia : Nuovi codici CSS per i vostri forum!!

Messaggio Da Niko Dom 3 Giu 2012 - 15:05

Annalisa ha scritto:Adesso sono riuscita ad inserirlo ma non funziona... non mi da più errore però non vedo evidenziato nulla.

Ciao Annalisa,
Ti consiglio di usare la funzione cerca (se hai google Chrome) e scrivere prima { e poi }
ti farà vedere quante ce ne sono nel campo testo... Very Happy

Anche se questo problema persiste su tutti i forum Astuzia : Nuovi codici CSS per i vostri forum!! 3119626608
In ogni caso... Belle risorse complimenti!
Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 27
Messaggi : 9425
Località : Provincia di Varese

https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Pagina 1 di 2 1, 2  Successivo

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto

- Argomenti simili

 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.