[BETA] BBCode CountDowns

PESADILLA · #1

Uso del BBcode:

[contador={TEXT1}]{TEXT2},{TEXT3}[/contador]

Remplazo HTML:

Código: Seleccionar todo

<div style="color:#ff0000;font-size:17px;font-family:Segoe Script;font-weight:normal;font-style:normal;text-decoration:none" id="{TEXT1}"></div>
<a><img style="max-width:300px; max-height: 200px;" src="{TEXT3}" alt="Image" /></a>
<script type="text/javascript">

var strTargetDate = "{TEXT2}";
var strFormat = "$DAYS$ Dias, $HOURS$ Horas, $MINUTES$ Minutos, $SECONDS$ Segundos.";
var strExpired = "Finalizado";

function doCountDown(seconds) 
{
   if (seconds < 0) 
   {
      document.getElementById("{TEXT1}").innerHTML = strExpired;
      return;
   }
   var strMsg = strFormat;
   strMsg = strMsg.replace("$DAYS$",    ((Math.floor(seconds/86400))%100000).toString());
   strMsg = strMsg.replace("$HOURS$",   ((Math.floor(seconds/3600))%24).toString());
   strMsg = strMsg.replace("$MINUTES$", ((Math.floor(seconds/60))%60).toString());
   strMsg = strMsg.replace("$SECONDS$",  ((Math.floor(seconds))%60).toString()); 

   document.getElementById("{TEXT1}").innerHTML = strMsg;

   setTimeout("doCountDown(" + (seconds-1).toString() + ")", 1000);
}

function initCountDown()
{
   var dtTarget = new Date(strTargetDate);
   var dtNow = new Date();
   var dtDiff = new Date(dtTarget-dtNow);
   var totalSeconds = Math.floor(dtDiff.valueOf()/1000);

   doCountDown(totalSeconds);
}

initCountDown();

</script>

Linea de ayuda:

Código: Seleccionar todo

Cuenta atrás Insertar: [contador=TEXTO IDENTIFICADOR] Mes/Día/Año Hora(H:M) AM/PM (Ejem:12/25/2010 12:00 AM),Url imagen

Este código en cuestión funciona bien, pero necesito un poco de ayuda para poder colocar el contador dentro de la imagen,
URL: http://www.nacioncuervo.com/CROW/portal.php
Versión phpBB: phpBB3 (3.0.4)
MODs Instalados: Portal board3
Reputación
Mini Chat
Plantilla(s) usada(s): CSF1
Servidor: Linux, Pago
Actualización desde otra versión: No
Conversión desde otro sistema de foros: NO