Simple Machines Community Forum

SMF Support => Español (Spanish) => Language Specific Support => Tutoriales => Topic started by: sneijder23 on December 13, 2009, 04:40:06 AM

Title: Efecto Navideño (bolitas de nieve)
Post by: sneijder23 on December 13, 2009, 04:40:06 AM
Hay varios scripts para hacer el efecto de las bolitas de nieve,estube buscando y el que mas me gusto fue este,los pasos son muy simples para ponerlo en el foro pero lo explicare para los que aun esten un poco verdes en esto.
La pagina del script original es esta http://www.schillmania.com/projects/snowstorm/

Paso 1 - Descargar el ZIP y descomprimir

Paso 2 - Subir el contenido de la carpeta "snowstorm" a la carpeta /Themes/tu_theme/

Paso 3 - Abrir el index.template de tu theme actual y añadir esto,justo despues de la etiqueta <head>

Quote<script type="text/javascript" src="http://www.tuforo.com/Themes/tutheme/snowstorm.js"></script>

Demo: www.zonagente.com

Descarga: http://www.schillmania.com/projects/snowstorm/snowstormv14_20091115.zip

El script es completamente configurable y esta preparado para añadirle mas efectos como el de las bombillas y demas,en la pagina original del script os sale un listado sobre como configurarlo aun que lo unico que interesa (al menos para mi) es el efecto de las bolitas de nieve

PD:Por si alguien no le funciona el enlace de descarga adjunto el archivo un poco menos pesado con algunos archivos del rar inservibles como demos y enlaces directos de muestra,etc...

,un saludo.
Title: Re: Efecto Navideño (bolitas de nieve)
Post by: kr5323 on December 13, 2009, 11:03:33 AM
Tiene muy buena pinta. Gracias por compartirlo.

Dos cosas:
1. ¿Cómo se desactivaría lo de las luces?






Gracias.



Title: Re: Efecto Navideño (bolitas de nieve)
Post by: kenet on December 13, 2009, 11:41:54 AM
el codigo va entre en head y el body

<link rel="shortcut icon" href="http://foronautilus.info/nforo/imagen.ico">
</head>
<body>';   
   //Display ads on the top of the page
   if (function_exists("show_topofpageAds"))

acuaerdate de poner la url de tu foro y en nombre del theme

<script type="text/javascript" src="http://www.tuforo.com/Themes/tutheme/snowstorm.js"></script>
Title: Re: Efecto Navideño (bolitas de nieve)
Post by: kr5323 on December 13, 2009, 11:58:00 AM
Ahora sí.

Al principio entendía que era justo debajo de <head>, pero no, es justo debajo de </head> y antes del <body>.





Gracias.
Title: Re: Efecto Navideño (bolitas de nieve)
Post by: kenet on December 13, 2009, 12:05:46 PM
normalmente los scrip suene ponerse entre el

</head>
<body>';

Title: Re: Efecto Navideño (bolitas de nieve)
Post by: zutzu on December 13, 2009, 02:09:03 PM
Gracias por compartir , funciona de 10  ;)
Title: Re: Efecto Navideño (bolitas de nieve)
Post by: naxter on December 14, 2009, 04:59:46 AM
Hola e intentado poner la luces de la parte superior sacando el codigo javascript que viene en la etiqueta head del index del archivo que me e bajado pero no me aparecen las bombillas en la parte superior, e puesto el link de mi foro tal como el de la nieve y lo e comprobado y la nieve me funciona pero las bombillas no alguien me puede ayudar?
Title: Re: Efecto Navideño (bolitas de nieve)
Post by: sneijder23 on December 14, 2009, 05:52:50 AM
El efecto de las bombillas no lo he probado pero si revisasla pagina del script original lo explicara.
Title: Re: Efecto Navideño (bolitas de nieve)
Post by: naxter on December 14, 2009, 06:08:59 AM
e entrado pero es como el index que me e descargado y no explica nada
Title: Re: Efecto Navideño (bolitas de nieve)
Post by: naxter on December 14, 2009, 08:08:42 AM
ya lo consegui poner tan solo se trata de copiar el java script en el head y la etiqueta div son las bombillas colocando eso en el body y listo
Title: Re: Efecto Navideño (bolitas de nieve)
Post by: kenet on December 14, 2009, 08:20:22 AM
Quote from: naxter on December 14, 2009, 08:08:42 AM
ya lo consegui poner tan solo se trata de copiar el java script en el head y la etiqueta div son las bombillas colocando eso en el body y listo

podias poner un ejemplo de como poner la luces para los que no sabesn. saludos
Title: Re: Efecto Navideño (bolitas de nieve)
Post by: naxter on December 14, 2009, 09:20:12 AM
copias despues de <head> esto:
<script type="text/javascript" src="soundmanager2-nodebug-jsmin.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/combo?2.6.0/build/yahoo-dom-event/yahoo-dom-event.js&2.6.0/build/animation/animation-min.js"></script>
<script type="text/javascript" src="christmaslights.js"></script>
<script type="text/javascript">
var urlBase = "./";
soundManager.url = "./";
</script>

como vereis aqui "./"; e cambiado la ' por la " por el motivo de que es php
luego despues de <body> copias esto o donde quieras colocarlo dentro del index.template de tu theme
<div id="lights">
  <!-- lights go here -->
</div>

y en la raiz del foro subimos todos los archivos que se encuentran dentro de la carpeta lights menos el index.html y listo
Title: Re: Efecto Navideño (bolitas de nieve)
Post by: kenet on December 14, 2009, 04:12:17 PM
ok, muchas gracias por la aclaracion
Title: Re: Efecto Navideño (bolitas de nieve)
Post by: marko_andres on December 14, 2009, 05:23:47 PM
hago exacto lo que dices "sneijder23"

baje el snowstorm.rar, lo descomprimi y copie el "contenido" de la carpeta (no la carpeta) en el carpeta de mi Theme.

abri el index.template.php de mi Theme y agregue

    <script type="text/javascript" src="http://www.tuforo.com/Themes/tutheme/snowstorm.js"></script>

despues de la Unica etiqueta <head> que habia en el index.template.php de mi theme quedando asi:

<head>
   <script type="text/javascript" src="http://www.chileunderground.cl/Themes/DK_THEME/snowstorm.js"></script>


pero no me sale nada  :-\

Ayuda plz!
Title: Re: Efecto Navideño (bolitas de nieve)
Post by: kenet on December 14, 2009, 07:05:37 PM
tiene que ser entre el head y el body

en medio de estos 2

</head>
<body>';
Title: Re: Efecto Navideño (bolitas de nieve)
Post by: marko_andres on December 14, 2009, 07:25:23 PM
no tengo ningun <body>';

dejo el index.template.php

http://www.megaupload.com/?d=43UILLW0

otra cosa, "sneijder23" dijo <head> y tu dices </head> alguna diferencia, porque los 2 salen.
Title: Re: Efecto Navideño (bolitas de nieve)
Post by: kenet on December 14, 2009, 07:36:06 PM
se le olvidaria añadir la ralla.

el tullo creo que va entre la etiqueta

</body>

</html>';

asi

</body>
<script type="text/javascript" src="http://www.chileunderground.cl/Themes/DK_THEME/snowstorm.js"></script>
</html>';


Title: Re: Efecto Navideño (bolitas de nieve)
Post by: marko_andres on December 14, 2009, 08:38:16 PM
hice exactamente como lo dices, pero continua sin salir.

tengo una duda: sneijder23 dice que ponga el codigo despues del </head> y tu dices que ponga el codigo entre </body> y </html>

he hecho las 2 cosas y continua sin salir :/
Title: Re: Efecto Navideño (bolitas de nieve)
Post by: gantz on December 15, 2009, 07:00:46 AM
mira va despues de <head> <script type="text/javascript" src="http://www.tuforo.com/Themes/tutheme/snowstorm.js"></script> despues tengo una duda mas subiste la carpeta snowstorm o solo los archivos contesta para ayudarte salu2
Title: Re: Efecto Navideño (bolitas de nieve)
Post by: marko_andres on December 15, 2009, 07:11:14 AM
hice lo que dice arriba.

subi el "contenido" de la carpeta snowstorm, no la carpeta en si, solo el contenido.

te adjunto mi index.template.php

Gracias ;)

http://www.simplemachines.org/community/index.php?action=dlattach;topic=354056.0;attach=127700
Title: Re: Efecto Navideño (bolitas de nieve)
Post by: gantz on December 15, 2009, 07:34:28 AM
el error era la ruta http://www.chileunderground.cl/foro/Themes/DK_THEME/snowstorm.js


<?php
// Version: 1.1.5; index

/* This template is, perhaps, the most important template in the theme. It
contains the main template layer that displays the header and footer of
the forum, namely with main_above and main_below. It also contains the
menu sub template, which appropriately displays the menu; the init sub
template, which is there to set the theme up; (init can be missing.) and
the linktree sub template, which sorts out the link tree.

The init sub template should load any data and set any hardcoded options.

The main_above sub template is what is shown above the main content, and
should contain anything that should be shown up there.

The main_below sub template, conversely, is shown after the main content.
It should probably contain the copyright statement and some other things.

The linktree sub template should display the link tree, using the data
in the $context['linktree'] variable.

The menu sub template should display all the relevant buttons the user
wants and or needs.

For more information on the templating system, please see the site at:
http://www.simplemachines.org/
*/

// Initialize the template... mainly little settings.
function template_init()
{
global $context$settings$options$txt;

/* Use images from default theme when using templates from the default theme?
if this is 'always', images from the default theme will be used.
if this is 'defaults', images from the default theme will only be used with default templates.
if this is 'never' or isn't set at all, images from the default theme will not be used. */
$settings['use_default_images'] = 'never';

/* What document type definition is being used? (for font size and other issues.)
'xhtml' for an XHTML 1.0 document type definition.
'html' for an HTML 4.01 document type definition. */
$settings['doctype'] = 'xhtml';

/* The version this template/theme is for.
This should probably be the version of SMF it was created for. */
$settings['theme_version'] = '1.1';

/* Set a setting that tells the theme that it can render the tabs. */
$settings['use_tabs'] = true;

/* Use plain buttons - as oppossed to text buttons? */
$settings['use_buttons'] = true;

/* Show sticky and lock status seperate from topic icons? */
$settings['seperate_sticky_lock'] = true;
}

// The main sub template above the content.
function template_main_above()
{
global $context$settings$options$scripturl$txt$modSettings;

// Show right to left and the character set for ease of translating.
echo '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"'
$context['right_to_left'] ? ' dir="rtl"' '''><head>
<script type="text/javascript" src="http://www.chileunderground.cl/foro/Themes/DK_THEME/snowstorm.js"></script>
<link rel="shortcut icon" href="http://img404.imageshack.us/img404/1325/favicong.png">
<meta http-equiv="Content-Type" content="text/html; charset='
$context['character_set'], '" />
<meta name="description" content="'
$context['page_title'], '" />', empty($context['robot_no_index']) ? '' '
<meta name="robots" content="noindex" />'
'
<meta name="keywords" content="PHP, MySQL, bulletin, board, free, open, source, smf, simple, machines, forum" />
<meta name="verify-v1" content="N3X5v0fb04qBUtAbEdqfeAzI42RJZNs2bdnNoXt+ZnI=" >
<script language="JavaScript" type="text/javascript" src="'
$settings['default_theme_url'], '/script.js?fin11"></script>
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
var smf_theme_url = "'
$settings['theme_url'], '";
var smf_images_url = "'
$settings['images_url'], '";
var smf_scripturl = "'
$scripturl'";
var smf_iso_case_folding = '
$context['server']['iso_case_folding'] ? 'true' 'false'';
var smf_charset = "'
$context['character_set'], '";
// ]]></script>
<title>'
$context['page_title'], '</title>';

// The ?fin11 part of this link is just here to make sure browsers don't cache it wrongly.
echo '
<link rel="stylesheet" type="text/css" href="'
$settings['theme_url'], '/style.css?fin11" />
<link rel="stylesheet" type="text/css" href="'
$settings['default_theme_url'], '/print.css?fin11" media="print" />

   <!--[if IE]>
   <style type="text/css">
   /* IE hack to emulate the :hover & :focus pseudo-classes
      Add the selectors below that required the extra attributes */
   .windowbg_hover, .windowbg2_hover, .windowbg_hover3, .mail_hover { behavior: url("'
$settings['theme_url'], '/pseudo-hover.htc"); }
   </style>
   <![endif]-->'
;



/* Internet Explorer 4/5 and Opera 6 just don't do font sizes properly. (they are big...)
Thus, in Internet Explorer 4, 5, and Opera 6 this will show fonts one size smaller than usual.
Note that this is affected by whether IE 6 is in standards compliance mode.. if not, it will also be big.
Standards compliance mode happens when you use xhtml... */
if ($context['browser']['needs_size_fix'])
echo '
<link rel="stylesheet" type="text/css" href="'
$settings['default_theme_url'], '/fonts-compat.css" />';

// Show all the relative links, such as help, search, contents, and the like.
echo '
<link rel="help" href="'
$scripturl'?action=help" target="_blank" />
<link rel="search" href="' 
$scripturl '?action=search" />
<link rel="contents" href="'
$scripturl'" />';

// If RSS feeds are enabled, advertise the presence of one.
if (!empty($modSettings['xmlnews_enable']))
echo '
<link rel="alternate" type="application/rss+xml" title="'
$context['forum_name'], ' - RSS" href="'$scripturl'?type=rss;action=.xml" />';

// If we're viewing a topic, these should be the previous and next topics, respectively.
if (!empty($context['current_topic']))
echo '
<link rel="prev" href="'
$scripturl'?topic='$context['current_topic'], '.0;prev_next=prev" />
<link rel="next" href="'
$scripturl'?topic='$context['current_topic'], '.0;prev_next=next" />';

// If we're in a board, or a topic for that matter, the index will be the board's index.
if (!empty($context['current_board']))
echo '
<link rel="index" href="' 
$scripturl '?board=' $context['current_board'] . '.0" />';

// We'll have to use the cookie to remember the header...
if ($context['user']['is_guest'])
{
$options['collapse_header'] = !empty($_COOKIE['upshrink']);
$options['collapse_header_ic'] = !empty($_COOKIE['upshrinkIC']);
}

// Output any remaining HTML headers. (from mods, maybe?)
echo $context['html_headers'], '

<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
var current_header = '
, empty($options['collapse_header']) ? 'false' 'true'';

function shrinkHeader(mode)
{'
;

// Guests don't have theme options!!
if ($context['user']['is_guest'])
echo '
document.cookie = "upshrink=" + (mode ? 1 : 0);'
;
else
echo '
smf_setThemeOption("collapse_header", mode ? 1 : 0, null, "'
$context['session_id'], '");';

echo '
document.getElementById("upshrink").src = smf_images_url + (mode ? "/upshrink2.gif" : "/upshrink.gif");

document.getElementById("upshrinkHeader").style.display = mode ? "none" : "";
document.getElementById("upshrinkHeader2").style.display = mode ? "none" : "";

current_header = mode;
}
// ]]></script>'
;

// the routine for the info center upshrink
echo '
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
var current_header_ic = '
, empty($options['collapse_header_ic']) ? 'false' 'true'';

function shrinkHeaderIC(mode)
{'
;

if ($context['user']['is_guest'])
echo '
document.cookie = "upshrinkIC=" + (mode ? 1 : 0);'
;
else
echo '
smf_setThemeOption("collapse_header_ic", mode ? 1 : 0, null, "'
$context['session_id'], '");';

echo '
document.getElementById("upshrink_ic").src = smf_images_url + (mode ? "/expand.gif" : "/collapse.gif");

document.getElementById("upshrinkHeaderIC").style.display = mode ? "none" : "";

current_header_ic = mode;
}
// ]]></script>
   <!-- nCode Image Resizer -->
   <script type="text/javascript" src="'
$settings['default_theme_url'], '/ncode_imageresizer.js"></script>
   <style type="text/css">
   <!--
   table.ncode_imageresizer_warning, table.ncode_imageresizer_warning td
   {
      background-color: #fefee1; /* the bgcolor behind the text and image */
   }
   table.ncode_imageresizer_warning {
      color: #000000; /* the font color */
      border: 1px solid #CCCDCD; /* the border around the whole thing */
      cursor: pointer;
   }
   table.ncode_imageresizer_warning td {
      font-size: 10px;
      vertical-align: middle;
      text-decoration: none;
   }

   table.ncode_imageresizer_warning td.td1 {
      padding: 5px;
   }
   -->
   </style>'
;

   
// What is the mode?
   
if (isset($modSettings['ncode_imageresizer_mode']))
   {
      if (
$modSettings['ncode_imageresizer_mode'] == 1)
         
$mode 'enlarge';
      elseif (
$modSettings['ncode_imageresizer_mode'] == 2)
         
$mode 'samewindow';
      elseif (
$modSettings['ncode_imageresizer_mode'] == 3)
         
$mode 'newwindow';
      else
         
$mode 'none';
   }
   else
      
$mode 'none';

   echo 
'
   <script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
   NcodeImageResizer.BBURL = "'
$settings['images_url'], '";
   NcodeImageResizer.MODE = "'
$mode'";
   NcodeImageResizer.MAXWIDTH = "'
, empty($modSettings['ncode_imageresizer_max_width']) ? : (int) $modSettings['ncode_imageresizer_max_width'], '";
   NcodeImageResizer.MAXHEIGHT = "'
, empty($modSettings['ncode_imageresizer_max_height']) ? : (int) $modSettings['ncode_imageresizer_max_height'], '";
   vbphrase = new Array();
   vbphrase[\'ncode_imageresizer_warning_small\'] = \''
$txt['ncode_imageresizer_warning_small'], '\';
   vbphrase[\'ncode_imageresizer_warning_filesize\'] = \''
$txt['ncode_imageresizer_warning_filesize'], '\';
   vbphrase[\'ncode_imageresizer_warning_no_filesize\'] = \''
$txt['ncode_imageresizer_warning_no_filesize'], '\';
   vbphrase[\'ncode_imageresizer_warning_fullsize\'] = \''
$txt['ncode_imageresizer_warning_fullsize'], '\';
   // ]]></script>
</head>

<body onload="PreloadFlag = true;">'
;

echo '
<table cellspacing="0" cellpadding="0" border="0" width="100%">

<tr>
<td  style="padding: 0ex 0px 0ex 0px;"><a href="'
.$scripturl.'?action=forum" title=""><center><img src="'$settings['images_url'], '/logo.png"  alt="" /></center></a></td></tr></table>';

echo 
'


'
;


// Show the menu here, according to the menu sub template.
template_menu();


// display user name
echo '
<table width="100%" cellpadding="2" cellspacing="2" border="2" >
<tr>'
;




// display the time



if (!empty($context['user']['avatar']))
echo '
</td>'
;

echo '
<td colspan="0" width="100%" valign="top" class="windowbg2"><span class="middletext">'
;

// If the user is logged in, display stuff like their name, new messages, etc.
if ($context['user']['is_logged'])
{
echo '
<a href="'
$scripturl'?action=unread">'$txt['unread_since_visit'], '</a> <br />
<a href="'
$scripturl'?action=unreadreplies">'$txt['show_unread_replies'], '</a><br />';

}
// Otherwise they're a guest - send them a lovely greeting...
else
echo $txt['welcome_guest'];

// Now, onto our second set of info, are they logged in again?
if ($context['user']['is_logged'])
{
// Is the forum in maintenance mode?
if ($context['in_maintenance'] && $context['user']['is_admin'])
echo '
<b>'
$txt[616], '</b><br />';

// Are there any members waiting for approval?
if (!empty($context['unapproved_members']))
echo '
'
$context['unapproved_members'] == $txt['approve_thereis'] : $txt['approve_thereare'], ' <a href="'$scripturl'?action=viewmembers;sa=browse;type=approve">'$context['unapproved_members'] == $txt['approve_member'] : $context['unapproved_members'] . ' ' $txt['approve_members'], '</a> '$txt['approve_members_waiting'], '<br />';

// Show the total time logged in?
if (!empty($context['user']['total_time_logged_in']))
{
echo '
'
$txt['totalTimeLogged1'];

// If days is just zero, don't bother to show it.
if ($context['user']['total_time_logged_in']['days'] > 0)
echo $context['user']['total_time_logged_in']['days'] . $txt['totalTimeLogged2'];

// Same with hours - only show it if it's above zero.
if ($context['user']['total_time_logged_in']['hours'] > 0)
echo $context['user']['total_time_logged_in']['hours'] . $txt['totalTimeLogged3'];

// But, let's always show minutes - Time wasted here: 0 minutes ;).
echo $context['user']['total_time_logged_in']['minutes'], $txt['totalTimeLogged4'], '<br />';
}
echo ' </span>';

}


// Otherwise they're a guest - this time ask them to either register or login - lazy bums...
else
{
echo ' </span>
<script language="JavaScript" type="text/javascript" src="'
$settings['default_theme_url'], '/sha1.js"></script>

<form action="'
$scripturl'?action=login2" method="post" accept-charset="'$context['character_set'], '" class="middletext" style="margin: 3px 1ex 1px 0;"', empty($context['disable_login_hashing']) ? ' onsubmit="hashLoginPassword(this, \'' $context['session_id'] . '\');"' '''>
<input type="text" name="user" size="10" /> <input type="password" name="passwrd" size="10" />
<select name="cookielength">
<option value="60">'
$txt['smf53'], '</option>
<option value="1440">'
$txt['smf47'], '</option>
<option value="10080">'
$txt['smf48'], '</option>
<option value="43200">'
$txt['smf49'], '</option>
<option value="-1" selected="selected">'
$txt['smf50'], '</option>
</select>
<input type="submit" value="'
$txt[34], '" /><br />
<span class="middletext">'
$txt['smf52'], '</span>
<input type="hidden" name="hash_passwrd" value="" />
</form>'
;
}

echo '
</td>
</tr>
</table>'
;



echo '

'
;





// The main content should go here.
echo '
<div id="bodyarea" style="padding: 1ex 0px 2ex 0px;">'
;
}

function 
template_main_below()
{
global $context$settings$options$scripturl$txt;

echo '
</div>'
;

// Show the "Powered by" and "Valid" logos, as well as the copyright. Remember, the copyright must be somewhere!
echo '

<div id="footerarea" style="text-align: center; padding-bottom: 1ex;'
$context['browser']['needs_size_fix'] && !$context['browser']['is_ie6'] ? ' width: 100%;' '''">
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
function smfFooterHighlight(element, value)
{
element.src = smf_images_url + "/" + (value ? "h_" : "") + element.id + ".gif";
}
// ]]></script>
<table cellspacing="0" cellpadding="3" border="0" align="center" width="100%">
<tr>
<td width="28%" valign="middle" align="'
, !$context['right_to_left'] ? 'right' 'left''">
</td>
<td valign="middle" align="center" style="white-space: nowrap;">
'
theme_copyright(), '


<br />

<a href="http://www.chileunderground.cl" title="Chile Underground" target="_blank"> Chile Underground </a>



</td>
<td width="28%" valign="middle" align="'
, !$context['right_to_left'] ? 'left' 'right''">
  
</td>
</tr>
</table>'
;

// Show the load time?
if ($context['show_load_time'])
echo '
<span class="smalltext">'
$txt['smf301'], $context['load_time'], $txt['smf302'], $context['load_queries'], $txt['smf302b'], '</span>';

// This is an interesting bug in Internet Explorer AND Safari. Rather annoying, it makes overflows just not tall enough.
if (($context['browser']['is_ie'] && !$context['browser']['is_ie4']) || $context['browser']['is_mac_ie'] || $context['browser']['is_safari'] || $context['browser']['is_firefox'])
{
// The purpose of this code is to fix the height of overflow: auto div blocks, because IE can't figure it out for itself.
echo '
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA['
;

// Unfortunately, Safari does not have a "getComputedStyle" implementation yet, so we have to just do it to code...
if ($context['browser']['is_safari'])
echo '
window.addEventListener("load", smf_codeFix, false);

function smf_codeFix()
{
var codeFix = document.getElementsByTagName ? document.getElementsByTagName("div") : document.all.tags("div");

for (var i = 0; i < codeFix.length; i++)
{
if ((codeFix[i].className == "code" || codeFix[i].className == "post" || codeFix[i].className == "signature") && codeFix[i].offsetHeight < 20)
codeFix[i].style.height = (codeFix[i].offsetHeight + 20) + "px";
}
}'
;
elseif ($context['browser']['is_firefox'])
echo '
window.addEventListener("load", smf_codeFix, false);
function smf_codeFix()
{
var codeFix = document.getElementsByTagName ? document.getElementsByTagName("div") : document.all.tags("div");

for (var i = 0; i < codeFix.length; i++)
{
if (codeFix[i].className == "code" && (codeFix[i].scrollWidth > codeFix[i].clientWidth || codeFix[i].clientWidth == 0))
codeFix[i].style.overflow = "scroll";
}
}'
;
else
echo '
var window_oldOnload = window.onload;
window.onload = smf_codeFix;

function smf_codeFix()
{
var codeFix = document.getElementsByTagName ? document.getElementsByTagName("div") : document.all.tags("div");

for (var i = codeFix.length - 1; i > 0; i--)
{
if (codeFix[i].currentStyle.overflow == "auto" && (codeFix[i].currentStyle.height == "" || codeFix[i].currentStyle.height == "auto") && (codeFix[i].scrollWidth > codeFix[i].clientWidth || codeFix[i].clientWidth == 0) && (codeFix[i].offsetHeight != 0 || codeFix[i].className == "code"))
codeFix[i].style.height = (codeFix[i].offsetHeight + 36) + "px";
}

if (window_oldOnload)
{
window_oldOnload();
window_oldOnload = null;
}
}'
;

echo '
// ]]></script>'
;
}

echo '
</div>'
;

// The following will be used to let the user know that some AJAX process is running
echo '
<div id="ajax_in_progress" style="display: none;'
$context['browser']['is_ie'] && !$context['browser']['is_ie7'] ? 'position: absolute;' '''">'$txt['ajax_in_progress'], '</div>

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src=\'" + gaJsHost + "google-analytics.com/ga.js\' type=\'text/javascript\'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-8881203-2");
pageTracker._trackPageview();
} catch(err) {}</script>

</body></html>'
;
}

// Show a linktree. This is that thing that shows "My Community | General Category | General Discussion"..
function theme_linktree()
{
global $context$settings$options;

echo '<div class="nav" style="font-size: smaller; margin-bottom: 2ex; margin-top: 2ex;">';

// Each tree item has a URL and name. Some may have extra_before and extra_after.
foreach ($context['linktree'] as $link_num => $tree)
{
// Show something before the link?
if (isset($tree['extra_before']))
echo $tree['extra_before'];

// Show the link, including a URL if it should have one.
echo '<b>'$settings['linktree_link'] && isset($tree['url']) ? '<a href="' $tree['url'] . '" class="nav">' $tree['name'] . '</a>' $tree['name'], '</b>';

// Show something after the link...?
if (isset($tree['extra_after']))
echo $tree['extra_after'];

// Don't show a separator for the last one.
if ($link_num != count($context['linktree']) - 1)
echo '&nbsp;>&nbsp;';
}

echo '</div>';
}

// Show the menu up top. Something like [home] [help] [profile] [logout]...
function template_menu()
{
global $context$settings$options$scripturl$txt;

// Work out where we currently are.
$current_action 'home';
if (in_array($context['current_action'], array('admin''ban''boardrecount''cleanperms''detailedversion''dumpdb''featuresettings''featuresettings2''findmember''maintain''manageattachments''manageboards''managecalendar''managesearch''membergroups''modlog''news''optimizetables''packageget''packages''permissions''pgdownload''postsettings''regcenter''repairboards''reports''serversettings''serversettings2''smileys''viewErrorLog''viewmembers')))
$current_action 'admin';
if (in_array($context['current_action'], array('search''admin''calendar''profile''mlist''register''login''help''pm')))
$current_action $context['current_action'];
if ($context['current_action'] == 'search2')
$current_action 'search';
if ($context['current_action'] == 'theme')
$current_action = isset($_REQUEST['sa']) && $_REQUEST['sa'] == 'pick' 'profile' 'admin';

// Are we using right-to-left orientation?
if ($context['right_to_left'])
{
$first 'last';
$last 'first';
}
else
{
$first 'first';
$last 'last';
}

// Show the start of the tab section.
echo '
<center><table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-left: 0px;">
<tr>
<td class="maintab_' 
$first '">&nbsp;</td>';


// Show the [home] button.
global $context;
echo ($current_action=='home' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' $first '">&nbsp;</td>' '' '
<td valign="top" class="maintab_' 
$current_action == 'home' 'active_back' 'back' '">
<a href="http://www.chileunderground.cl/">Inicio</a>
</td>' 
$current_action == 'home' '<td class="maintab_active_' $last '">&nbsp;</td>' '';

// Show the [forum] button.
global $context;

echo ($current_action=='forum' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' $first '">&nbsp;</td>' '' '
<td valign="top" class="maintab_' 
$current_action == 'forum' 'active_back' 'back' '">
<a href="'
$scripturl . ($modSettings['sp_portal_mode'] == '?action=forum' ''), '">', empty($txt['sp-forum']) ? 'Foro' $txt['sp-forum'], '</a>
</td>' 
$current_action=='forum' '<td class="maintab_active_' $last '">&nbsp;</td>' '';


// Show the [help] button.
echo ($current_action == 'help' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' $first '">&nbsp;</td>' '' '
<td align="center" valign="top" class="maintab_' 
$current_action == 'help' 'active_back' 'back' '">
<a href="'
$scripturl'?action=help">' $txt[119] , '</a>
</td>' 
$current_action == 'help' '<td class="maintab_active_' $last '">&nbsp;</td>' '';

// How about the [search] button?
if ($context['allow_search'])
echo ($current_action == 'search' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' $first '">&nbsp;</td>' '' '
<td align="center" valign="top" class="maintab_' 
$current_action == 'search' 'active_back' 'back' '">
<a href="'
$scripturl'?action=search">' $txt[182] , '</a>
</td>' 
$current_action == 'search' '<td class="maintab_active_' $last '">&nbsp;</td>' '';

// Is the user allowed to administrate at all? ([admin])
if ($context['allow_admin'])
echo ($current_action == 'admin' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' $first '">&nbsp;</td>' '' '
<td align="center" valign="top" class="maintab_' 
$current_action == 'admin' 'active_back' 'back' '">
<a href="'
$scripturl'?action=admin">' $txt[2] , '</a>
</td>' 
$current_action == 'admin' '<td class="maintab_active_' $last '">&nbsp;</td>' '';

// Edit Profile... [profile]
if ($context['allow_edit_profile'])
echo ($current_action == 'profile' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' $first '">&nbsp;</td>' '' '
<td align="center" valign="top" class="maintab_' 
$current_action == 'profile' 'active_back' 'back' '">
<a href="'
$scripturl'?action=profile">' $txt[79] , '</a>
</td>' 
$current_action == 'profile' '<td class="maintab_active_' $last '">&nbsp;</td>' '';

// Go to PM center... [pm]
if ($context['user']['is_logged'] && $context['allow_pm'])
echo ($current_action == 'pm' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' $first '">&nbsp;</td>' '' '
<td align="center" valign="top" class="maintab_' 
$current_action == 'pm' 'active_back' 'back' '">
<a href="'
$scripturl'?action=pm">' $txt['pm_short'] , ' '$context['user']['unread_messages'] > '[<strong>'$context['user']['unread_messages'] . '</strong>]' '' '</a>
</td>' 
$current_action == 'pm' '<td class="maintab_active_' $last '">&nbsp;</td>' '';

// The [calendar]!
if ($context['allow_calendar'])
echo ($current_action == 'calendar' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' $first '">&nbsp;</td>' '' '
<td align="center" valign="top" class="maintab_' 
$current_action == 'calendar' 'active_back' 'back' '">
<a href="'
$scripturl'?action=calendar">' $txt['calendar24'] , '</a>
</td>' 
$current_action == 'calendar' '<td class="maintab_active_' $last '">&nbsp;</td>' '';

// the [member] list button
if ($context['allow_memberlist'])
echo ($current_action == 'mlist' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' $first '">&nbsp;</td>' '' '
<td align="center" valign="top" class="maintab_' 
$current_action == 'mlist' 'active_back' 'back' '">
<a href="'
$scripturl'?action=mlist">' $txt[331] , '</a>
</td>' 
$current_action == 'mlist' '<td class="maintab_active_' $last '">&nbsp;</td>' '';


// If the user is a guest, show [login] button.
if ($context['user']['is_guest'])
echo ($current_action == 'login' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' $first '">&nbsp;</td>' '' '
<td align="center" valign="top" class="maintab_' 
$current_action == 'login' 'active_back' 'back' '">
<a href="'
$scripturl'?action=login">' $txt[34] , '</a>
</td>' 
$current_action == 'login' '<td class="maintab_active_' $last '">&nbsp;</td>' '';


// If the user is a guest, also show [register] button.
if ($context['user']['is_guest'])
echo ($current_action == 'register' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' $first '">&nbsp;</td>' '' '
<td align="center" valign="top" class="maintab_' 
$current_action == 'register' 'active_back' 'back' '">
<a href="'
$scripturl'?action=register">' $txt[97] , '</a>
</td>' 
$current_action == 'register' '<td class="maintab_active_' $last '">&nbsp;</td>' '';


// Otherwise, they might want to [logout]...
if ($context['user']['is_logged'])
echo ($current_action == 'logout' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' $first '">&nbsp;</td>' '' '
<td align="center" valign="top" class="maintab_' 
$current_action == 'logout' 'active_back' 'back' '">
<a href="'
$scripturl'?action=logout;sesc='$context['session_id'], '">' $txt[108] , '</a>
</td>' 
$current_action == 'logout' '<td class="maintab_active_' $last '">&nbsp;</td>' '';

// The end of tab section.
echo '
<td class="maintab_' 
$last '">&nbsp;</td>
</tr>
</table></center>'
;

}

// Generate a strip of buttons.
function template_button_strip($button_strip$direction 'top'$force_reset false$custom_td '')
{
global $settings$buttons$context$txt$scripturl;

// Create the buttons...
foreach ($button_strip as $key => $value)
{
if (isset($value['test']) && empty($context[$value['test']]))
{
unset($button_strip[$key]);
continue;
}
elseif (!isset($buttons[$key]) || $force_reset)
$buttons[$key] = '<a href="' $value['url'] . '" ' .( isset($value['custom']) ? $value['custom'] : '') . '>' $txt[$value['text']] . '</a>';

$button_strip[$key] = $buttons[$key];
}

if (empty($button_strip))
return '<td>&nbsp;</td>';

echo '
<td class="'
$direction == 'top' 'main' 'mirror''tab_' $context['right_to_left'] ? 'last' 'first' '">&nbsp;</td>
<td class="'
$direction == 'top' 'main' 'mirror''tab_back">'implode(' &nbsp;|&nbsp; '$button_strip) , '</td>
<td class="'
$direction == 'top' 'main' 'mirror''tab_' $context['right_to_left'] ? 'first' 'last' '">&nbsp;</td>';
}

?>
Title: Re: Efecto Navideño (bolitas de nieve)
Post by: marko_andres on December 15, 2009, 08:08:54 AM
jejej exelente ya me funciona !!

GRACIAS "gantz" ;)

pd.. una consulta, se puede hacer ke caiga un poco mas de "nieve", lo digo porque mi foro es mas bien claro.
Title: Re: Efecto Navideño (bolitas de nieve)
Post by: gantz on December 15, 2009, 08:19:00 AM
le puedes cambiar el color a la nieve en donde dice this.snowColor = '#fff';  pon uno que no se desaparezca en tu foro un gris claro
Title: Re: Efecto Navideño (bolitas de nieve)
Post by: Davinski on December 15, 2009, 01:56:21 PM
Hola a todos,
No consigo que me funcione el tema de las luces, he copiado todo en el tema que tengo menos la carpeta demo y los basic-example y lo unico que me funciona es la nieve, tambien he cambiado el color de los copos y sin problemas, ¿hay que hacer algo en especial?

Gracias.
Title: Re: Efecto Navideño (bolitas de nieve)
Post by: lil on December 15, 2009, 06:13:14 PM
Quote from: naxter on December 14, 2009, 09:20:12 AM
copias despues de <head> esto:
<script type="text/javascript" src="soundmanager2-nodebug-jsmin.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/combo?2.6.0/build/yahoo-dom-event/yahoo-dom-event.js&2.6.0/build/animation/animation-min.js"></script>
<script type="text/javascript" src="christmaslights.js"></script>
<script type="text/javascript">
var urlBase = "./";
soundManager.url = "./";
</script>

como vereis aqui "./"; e cambiado la ' por la " por el motivo de que es php
luego despues de <body> copias esto o donde quieras colocarlo dentro del index.template de tu theme
<div id="lights">
  <!-- lights go here -->
</div>

y en la raiz del foro subimos todos los archivos que se encuentran dentro de la carpeta lights menos el index.html y listo


Hice todo eso... me salen las luces... pero verticales en vez de horizontales.... Como se puede solucionar???
Title: Re: Efecto Navideño (bolitas de nieve)
Post by: RaYmOn2009 on December 16, 2009, 03:38:39 PM
Muchisimas gracias por el aporte, puse los copos de nieve y me va de maravilla, aunque tuve que cambiarlos de color porque uso el default y casi no se veian  ::)

las luces no sé si lo pondré.

gracias sneijder!
Title: Re: Efecto Navideño (bolitas de nieve)
Post by: distante on December 18, 2009, 11:31:16 AM
Cuando agrego :

<div id="lights">
  <!-- lights go here -->
</div>


dentro del body de mi tema para que aparezcan las luces, los links dejan de funcionar :S
Title: Re: Efecto Navideño (bolitas de nieve)
Post by: Superingeniero on December 20, 2009, 10:56:26 AM
El efecto nieve va perfecto :)

¿como puedo configurar la velocidad de caída y el grosor de los copos si se puede?

Una cosa hay algun codigo para optimizar el efecto en Firefox,con IE explore va realmente bien pero con Firefox va mas laggado
Title: Re: Efecto Navideño (bolitas de nieve)
Post by: distante on December 20, 2009, 02:33:58 PM
Quote from: Superingeniero on December 20, 2009, 10:56:26 AM
Una cosa hay algun codigo para optimizar el efecto en Firefox,con IE explore va realmente bien pero con Firefox va mas laggado

Yo al final lo saque por esa razón
Title: Re: Efecto Navideño (bolitas de nieve)
Post by: Icerr on December 23, 2009, 05:19:05 PM
acabo de poner el efecto de las bolitas de nieve pero haora no se me ve el chat box
Title: Re: Efecto Navideño (bolitas de nieve)
Post by: themaztr on April 04, 2010, 01:33:22 PM
mira amigo yo no tengo el foro subido desde una carpeta me cree el free y listo.. si me ayudaras a poner ese efecto en mi foro http://comunidadmugenperu.smfforfree.com/index.php

por fa
Title: Re: Efecto Navideño (bolitas de nieve)
Post by: dj_king on December 20, 2010, 01:57:10 PM
Perdonad, se que el post es antiguo y demas... pero...
Tengo la version rc3 he echo lo que pone en los anteriores hilos y no me sale la nieve. Puse el encale del javascript entre el head y el body. Copie solo e contenido de la carptea a la carpeta de mi theme y no me sale... A que puede deberse?
Title: Re: Efecto Navideño (bolitas de nieve)
Post by: lean on December 20, 2010, 03:19:50 PM
Si sabes que el post es antiguo y "demas"... Porque comentas? Es mas facil abrir un nuevo tema y no revivir un tema tan viejo...
Cierro