Neve sul forum

Salve, su un vostro foru  di supporto ho visto una guida su come aggiungere della neve sopra le categorie.

https://i.imgur.com/5OBPUpO.png


Solo che se io modifico il Template e ci metto:

Codice:

 
  
<!-- BEGIN catrow --><!-- BEGIN tablehead --></br><div class="forum-event e8c100"><div class="col-span-forum col-span-forum-1"></div><div class="col-span-forum col-span-forum-2"></div><div class="col-span-forum col-span-forum-3"></div></div><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      <th nowrap="nowrap" width="150"></th>
      
      <th nowrap="nowrap" width="130"><div style="width:150px;">{L_LASTPOST}</div></th>
  </tr>
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%" style="border-right: none">
        <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
              <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
        </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
  </tr>
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
     <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle" style="border-right: none;border-left: 1px solid #555;border-bottom: 1px solid #555;">
            <div class="descriere2">{catrow.forumrow.FORUM_DESC}</div>
          </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50"  style="border-right: none;border-bottom: 1px solid #555;">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>   <div class="status_mesaje">   <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                  </div><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
                
                  <div class="descriere"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
         <span class="gensmall">
          
          
          
          
        
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
        </span>
      </td>
    
      <td class="row2" align="center" valign="middle" height="50"  style="border-right: none;border-left: none;border-bottom: 1px solid #555;">
        <span class="gensmall"><div class="stats" style="width: 90px"><strong><span style="color: #ff6600;">SUBIECTE</span></strong> {catrow.forumrow.TOPICS}</div>
          <div class="stats" style="width: 90px"><strong><span style="color: #ff6600;">MESAJE</span></strong> {catrow.forumrow.POSTS}</div>
        </span>
      </td>
        <td class="row3 over" align="center" valign="middle" height="50"  style="border-left: none;border-bottom: 1px solid #555;border-right: 1px solid #555;">
        <div class="gensmall chenarlastposts" style="width: 200px"><div class="lastpost"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
      </td>
  </tr>
  <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table>
<div class="aha"></div><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
  

E nel css questo:

Codice:

 
.forum-event {
    width: 100%;
    background: url(http://i21.servimg.com/u/f21/11/80/17/98/hohoho11.png) 0 -59px;
    margin-top: -13px;
    position: relative;
    top: 25px;
}
.col-span-forum-1 {
    background: url(http://i21.servimg.com/u/f21/11/80/17/98/hohoho11.png) -22px -17px;
    width: 200px;
    height: 25px;
}
.col-span-forum-3 {
    background: url(http://i21.servimg.com/u/f21/11/80/17/98/hohoho11.png) 2.1% -87px;
    width: 100px;
    height: 52px;
    position: absolute;
    top: 0px;
    margin-top: -23px;
    right: -2px;
}

Mi sballa tutto il forum. Cosa posso fare?

Anch'io vorrei aggiungere l'effetto neve sul mio forum, ho provato vari codici Javascript e li ho provati inserendoli nell'apposita sezione (Moduli - Gestione dei codici javascript), ma non mi funzionano. Come posso fare?

Marzia_ ha scritto:Anch'io vorrei aggiungere l'effetto neve sul mio forum, ho provato vari codici Javascript e li ho provati inserendoli nell'apposita sezione (Moduli - Gestione dei codici javascript), ma non mi funzionano. Come posso fare?

..inseriscilo in un widget

Codice:

<script src="http://www.patmax.eu/J1/111109072032.js" type="text/javascript"></script>

Ho inserito il codice che mi hai dato come Widget personalizzato, ma siccome non vedevo l'effetto, ho inserito anche un codice CSS trovato altrove, questo:

Codice:

/* NEVE SUL FORUM */[size=14][/size]
@keyframes nevica {0% {background-position: 0 0, 0 0, 0 0}[size=14][/size]
100% {background-position: 600px 600px, 400px 400px, 200px 200px}}[size=14][/size]
@-webkit-keyframes nevica {0% {background-position: 0 0, 0 0, 0 0}[size=14][/size]
100% {background-position: 600px 600px, 400px 400px, 200px 200px}}[size=14][/size]
[size=14][/size]
.snow_effect {position: relative; width: 100%; background-image: url(http://mod.forumfree.it/img/neve/set2_img1.png), url(http://mod.forumfree.it/img/neve/set2_img2.png), url(http://mod.forumfree.it/img/neve/set2_img3.png); animation: nevica 30s linear infinite; -webkit-animation: nevica 30s linear infinite}

Ho ottenuto l'effetto voluto, solo che mi piacerebbe sapere quale delle due operazioni è quella giusta.
Il mio forum è questo:

http://casatomontmorency.forumattivo.com

Ciao @Mentaepaprika e @Marzia_

abbiamo appena pubblicato un annuncio con tantissime decorazioni per natale, tra cui anche l'effetto della neve

Decorazioni per natale e il nuovo anno

sono due cose diverse quello giusto e' quello che funziona sul tuo forum, nel css puoi sostituire anche le immagini e usare per un'altra festivita'..in alternativa prova questo, dimmi se funziona

Codice:

<script src="http://www.patmax.eu/J1/111109073023.js" type="text/javascript"></script>

x niko: le ho gia' viste sono quelle che sono pubblicate sul forum inglese...a me qualcuna non funziona pero' puo' essere un problema mio

Grazie mille mi va bene quello che c'è, volevo solo capire qual è quello che funziona.

@the crow dalla lista completa abbiamo già tolto quelle non funzionanti e quelle pubblicate funzionano

@Marzia_ con i codici dell'annuncio vai sul sicuro

Ok ..meglio per gli utenti del forum..io non li uso

grazie quei due codici fungono ..sia uno ke l'altro