Forum dei Forum: Aiuto per Forumattivo
Benvenuti sul forum di supporto di Forumattivo.




Per trarre il massimo vantaggio da tutti i servizi offerti dal nostro forum, effettua il login se sei già un nostro utente oppure registrati per far parte della nostra grande comunità. Il tutto, gratuitamente!

Crea anche tu un forum gratuitamente come questo! Clicca qui

Astuzia : Nuovi codici CSS per i vostri forum!!


Pagina 2 di 2 Precedente  1, 2

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

Messaggio Da Nerissa il Gio 17 Mag 2012, 13:22

Promemoria primo messaggio :

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.


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

    Codici:
    PHPBB2:
    Codice:
    .poster-profile 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;
    }
     
    .poster-profile img:hover {
        -webkit-transform: rotate(-7deg);
        -moz-transform: rotate(-7deg);
        -o-transform: rotate(-7deg);
    }


    PHPBB3:
    Codice:
    div.postprofile dl dt 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;
    }
     
    div.postprofile dl dt img:hover {
        -webkit-transform: rotate(-7deg);
        -moz-transform: rotate(-7deg);
        -o-transform: rotate(-7deg);
    }


    PUNBB:
    Codice:
    div.user-basic-info img{
        margin: 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;
    }
     
    div.user-basic-info img:hover {
        -webkit-transform: rotate(-7deg);
        -moz-transform: rotate(-7deg);
        -o-transform: rotate(-7deg);
    }


    INVISION:
    Codice:
    dl.postdetails dt img{
          margin-bottom: 10px;
        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;
    }
     
    dl.postdetails dt img:hover {
        -webkit-transform: rotate(-7deg);
        -moz-transform: rotate(-7deg);
        -o-transform: rotate(-7deg);
    }



  • 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:
    Codice:

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



  • 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.


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

    Spoiler:
    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 ->

    Spoiler:
    Codice:
    .contract,.expand{background:url(http://illiweb.com/fa/m/tabs_more1.gif);cursor:pointer;height:9px;position:absolute;right:10px;top:6px;width:9px}.contract{background:url(http://illiweb.com/fa/m/tabs_less1.gif)}


  • 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.


    Spoiler:
    Codice:
    .forabg .row .lastpost {
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      background: #fafcfc url(http://i42.servimg.com/u/f42/15/42/26/78/conten11.png);
      border: 1px solid #D7D7D7;
      border-radius: 5px;
      box-shadow: 0 1px 2px #CCC;
    }


  • 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 +

    Spoiler:
    Codice:
    .vote .vote-button, .vote-no-bar {
      display:none;
    }
    .vote .vote-button:first-child {
        display:block;
    }






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
Veterano dello staff

Sesso : Femminile
Messaggi : 3456
Località : Spagna


Vedere il profilo dell'utente http://aiuto.forumattivo.com
Nerissa è stato ringraziato dall'autore di questo topic.

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

Messaggio Da Annalisa il Dom 03 Giu 2012, 16:59

Grazie Niko ma è proprio il codice che non viene preso, non mi da più nessun errore, lo accetta ma alla fine non cambia nulla.
Ho provato anche con altri browser ma purtroppo non vedo l'effetto che fa qui... evidentemente non va.

Annalisa
*****

Sesso : Femminile
Età : 56
Messaggi : 684
Località : Palermo


Vedere il profilo dell'utente http://centovetrine.forumattivo.com
Annalisa è stato ringraziato dall'autore di questo topic.

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

Messaggio Da aibj7 il Ven 17 Ago 2012, 21:10

°Albus Severus° ha scritto: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://illiweb.com/fa/m/tabs_more1.gif);cursor:pointer;height:9px;position:absolute;right:10px;top:6px;width:9px}.contract{background:url(http://illiweb.com/fa/m/tabs_less1.gif)}

ciao,
io ho inserito i codici ma nel mio forum non compare l'icona per nascondere i vari argomenti!

aibj7
**
**

Sesso : Maschile
Età : 34
Messaggi : 54

Vedere il profilo dell'utente http://aveo.forumattivo.com
aibj7 è stato ringraziato dall'autore di questo topic.

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

Messaggio Da Dozy™ il Ven 17 Ago 2012, 22:59

Ciao, mi hanno suggerito che forse in phpbb3 non funziona.

Dozy™
Veterano dello staff

Sesso : Maschile
Età : 29
Messaggi : 2297
Località : Tradate (va)


Vedere il profilo dell'utente
Dozy™ è stato ringraziato dall'autore di questo topic.

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

Messaggio Da tonycoyote il Sab 18 Ago 2012, 09:36

Salve vorrei sapere questo codice dove lo devo inserire


Effetto sulle informazioni nell'indice degli ultimi messaggi


tonycoyote
Sono un nuovo membro :)

Sesso : Maschile
Età : 46
Messaggi : 40
Località : Avellino


Vedere il profilo dell'utente http://tirodinamico.forumattivo.com
tonycoyote è stato ringraziato dall'autore di questo topic.

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

Messaggio Da Dozy™ il Sab 18 Ago 2012, 09:47

Nel css, pda>visualizzazione>immag e colori>colori>foglio di stile css.

Dozy™
Veterano dello staff

Sesso : Maschile
Età : 29
Messaggi : 2297
Località : Tradate (va)


Vedere il profilo dell'utente
Dozy™ è stato ringraziato dall'autore di questo topic.

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

Messaggio Da aibj7 il Sab 18 Ago 2012, 10:55

°Albus Severus° ha scritto:Ciao, mi hanno suggerito che forse in phpbb3 non funziona.
ah ecco, infatti il mio forum è in phpBB3 .

gli altri forum in cui ho visto che funzionava erano in invision in effetti..


aibj7
**
**

Sesso : Maschile
Età : 34
Messaggi : 54

Vedere il profilo dell'utente http://aveo.forumattivo.com
aibj7 è stato ringraziato dall'autore di questo topic.

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

Messaggio Da Dozy™ il Sab 18 Ago 2012, 11:16

Ciao, apri un topic nella sezione giusta così ti aiutiamo.Cmq il tuo profilo da Punbb.


Dozy™
Veterano dello staff

Sesso : Maschile
Età : 29
Messaggi : 2297
Località : Tradate (va)


Vedere il profilo dell'utente
Dozy™ è stato ringraziato dall'autore di questo topic.

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

Messaggio Da tonycoyote il Sab 18 Ago 2012, 18:10

Il codice lo copiato dove mi era stato detto, ma l'effetto non funzione, bisogna abilitare qualcosa?

tonycoyote
Sono un nuovo membro :)

Sesso : Maschile
Età : 46
Messaggi : 40
Località : Avellino


Vedere il profilo dell'utente http://tirodinamico.forumattivo.com
tonycoyote è stato ringraziato dall'autore di questo topic.

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

Messaggio Da perlage il Ven 14 Set 2012, 21:59

Bene, ho inserito i codici riguardanti l'avatar e il voto negativo, sono soddisfatta! Grazie staff!

perlage
**
**

Sesso : Femminile
Età : 55
Messaggi : 91
Località : Palermo, Sicilia, Italia


Vedere il profilo dell'utente http://magiadellestelle.forumitaliano.com
perlage è stato ringraziato dall'autore di questo topic.

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

Messaggio Da Dozy™ il Ven 14 Set 2012, 22:02

Prego!

Dozy™
Veterano dello staff

Sesso : Maschile
Età : 29
Messaggi : 2297
Località : Tradate (va)


Vedere il profilo dell'utente
Dozy™ è stato ringraziato dall'autore di questo topic.

Pagina 2 di 2 Precedente  1, 2

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum