La date/heure actuelle est Mer 18 Oct 2017 - 07:28 - créer un forum

[TUTO]Compte à rebours pour vos forums

Aller au contenu

Poster un nouveau sujet Répondre au sujet Aller à la page: <  1, 2, 3, 4, 5, 6, 7  >

[TUTO]Compte à rebours pour vos forums
Auteur Message
themalin


Inscrit le: 19 Avr 2006
Messages: 8 897

MessagePosté le: Ven 10 Avr 2009 - 19:00    Sujet du message: [TUTO]Compte à rebours pour vos forums Répondre en citant

PublicitéSupprimer les publicités ?
Revue du message précédent :

pour ce genre de code non je ne pense pas
Forum
Auteur Message
Master Fenix117


Hors ligne
Invité




MessagePosté le: Sam 25 Avr 2009 - 16:17    Sujet du message: [TUTO]Compte à rebours pour vos forums Répondre en citant

Bonjour,
Je les fait exactement et sa marche pas ...
voilà ma template :

 
Code: Sélectionner - Agrandir

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<script language="javascript" src="http://img8.xooimage.com/files/s/c/script-906f2.js">
</script>
<!-- link rel="stylesheet" href="http://img4.xooimage.com/files/f/l/flower_of_evil-906f4.css" type="text/css" -->
<style type="text/css">
<!--
/*
  flower_of_evil Theme for phpBB version 2+
  Created by larme d'ange
  http://lda-creation.conceptbb.com

  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/

/* General page style. The scroll bar colours only visible in IE5.5+ */
body  {
            background-image: url("http://img3.xooimage.com/files/1/4/3/3d_10-de0d7c.jpg");
            background-attachment: fixed;
            background-position: center center;
    
    background-image: url(http://img3.xooimage.com/files/1/4/3/3d_10-de0d7c.jpg);
    background-attachment: fixed; 
    background-repeat: no-repeat; 
    background-position: top left;
    background-color: {T_BODY_BGCOLOR}; 
    scrollbar-face-color: #111111;
    scrollbar-highlight-color: #666666;
    scrollbar-shadow-color: #444444;
    scrollbar-3dlight-color: #333333;
    scrollbar-arrow-color:  #777777;
    scrollbar-track-color: #202020;
    scrollbar-darkshadow-color: #222222;
}

/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover        { text-decoration: none; color : {T_BODY_HLINK}; }
hr    { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline    { background-color: "transparent"; border: 0px {T_TH_COLOR1} solid; }

/* This is the outline round the main forum tables */
.forumline    { background-color: {T_TH_COLOR1}; border: 2px {T_TH_COLOR2} solid; }

/* Main table cell colours and backgrounds */
td.row1   { background-color: {T_TR_COLOR1}; filter:Alpha(Opacity=80); }
td.row2   { background-color: {T_TR_COLOR2}; filter:Alpha(Opacity=80); }
td.row3   { background-color: {T_TR_COLOR3}; filter:Alpha(Opacity=80); }
/* Modification pour images en sous forum*/


/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
        background-color: {T_TR_COLOR3};
        background-image: url(http://img6.xooimage.com/files/b/a/back_catd-906f5.jpg);
        background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th    {
    color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold; 
    background-color: {T_BODY_LINK}; height: 25px;
    background-image: url(http://img6.xooimage.com/files/b/a/back_title-71eb2.jpg);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
            background-image: url(http://img10.xooimage.com/files/b/a/back_catg-906f3.jpg);
            background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
    height: 29px;
    border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
    font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 25px;
}
td.row3Right,td.spaceRow {
   background-color: {T_TR_COLOR3}; filter:Alpha(Opacity=0); border: {T_TH_COLOR3}; border-style: solid;
}

th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow     { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right     { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft      { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop     { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle    {
    font-weight: bold; font-size: 18px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
    text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}

/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover    { color: {T_BODY_HLINK}; text-decoration: none; }

/* The register, login, search etc links at the top of the page */
.mainmenu        { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu        { text-decoration: none; color : {T_BODY_LINK};  }
a.mainmenu:hover{ text-decoration: none; color : {T_BODY_HLINK}; }

/* Forum category titles */
.cattitle        { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}
a.cattitle        { text-decoration: none; color : {T_BODY_LINK}; }
a.cattitle:hover{ text-decoration: none; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink        { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
a.forumlink     { text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: none; color : {T_BODY_HLINK}; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav            { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
a.nav            { text-decoration: none; color : {T_BODY_LINK}; }
a.nav:hover        { text-decoration: none; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2    { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover    { text-decoration: none; color : {T_BODY_HLINK}; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name            { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}

/* Location, number of posts, post date etc */
.postdetails        { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }

/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link    { text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: none; color : {T_BODY_HLINK}}

/* Quote & Code blocks */
.code { 
    font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
    background-color: {T_TD_COLOR1}; border: {T_TH_COLOR1}; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
    font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
    background-color: {T_TD_COLOR1}; border: {T_TH_COLOR1}; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright        { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright        { color: {T_FONTCOLOR3}; text-decoration: none;}
a.copyright:hover { color: {T_FONTCOLOR2}; text-decoration: none;}

/* Form elements */
input,textarea, select {
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
    color : {T_FONTCOLOR3};
    font: normal {T_FONTSIZE2}px {T_FONTFACE1};
    border-color : {T_FONTCOLOR1};
}

/* The text input fields background colour */
input.post, textarea.post, select {
    background-color : {T_TH_COLOR3};
}

input { text-indent : 2px;
        background-color : {T_TD_COLOR1}; }

/* The buttons used for bbCode styling in message post */
input.button {
    background-color : {T_TR_COLOR2};
    color : {T_BODY_TEXT};
    font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}

/* The main submit button option */
input.mainoption {
    background-color : {T_TD_COLOR1};
    font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
    background-color : {T_TD_COLOR1};
    font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("http://img10.xooimage.com/files/f/o/formie-30d7c.css"); 
-->
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
    if ( {PRIVATE_MESSAGE_NEW_FLAG} )
    {
        window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
    }
//-->
</script>
<!-- END switch_enable_pm_popup -->
<script type="text/javascript">

function setActiveStyleSheet(title) {
  var i, a, main;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
      a.disabled = true;
      if(a.getAttribute("title") == title) a.disabled = false;
    }
  }
}
function getActiveStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");
  }
  return null;
}
function getPreferredStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1
       && a.getAttribute("rel").indexOf("alt") == -1
       && a.getAttribute("title")
       ) return a.getAttribute("title");
  }
  return null;
}
function createCookie(name,value,days) {
  if (days) {
    var date = new Date();
    date.setTime(date.getTime()+(days*24*60*60*1000));
    var expires = "; expires="+date.toGMTString();
  }
  else expires = "";
  document.cookie = name+"="+value+expires+"; path=/";
}
function readCookie(name) {
  var nameEQ = name + "=";
  var ca = document.cookie.split(';');
  for(var i=0;i < ca.length;i++) {
    var c = ca[i];
    while (c.charAt(0)==' ') c = c.substring(1,c.length);
    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  }
  return null;
}
window.onload = function(e) {
  var cookie = readCookie("style");
  var title = cookie ? cookie : getPreferredStyleSheet();
  setActiveStyleSheet(title);
}
window.onunload = function(e) {
  var title = getActiveStyleSheet();
  createCookie("style", title, 365);
}
var cookie = readCookie("style");
var title = cookie ? cookie : getPreferredStyleSheet();
setActiveStyleSheet(title);

</script>
<link rel="shortcut icon" href="http://img8.imageshack.us/img8/4910/locked7faae.png">
</head>

<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<a name="top"></a>

<table width="80%" cellspacing="0" cellpadding="10" border="0" align="center"> 
    <tr> 
        <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
            <tr> 
                <td align="center" width="100%" valign="middle"><a href="{U_INDEX}"><img src="http://img3.xooimage.com/files/5/1/2/image4-d0e6b9.gif" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                </tr><tr>
                <td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span> 
                <table cellspacing="0" cellpadding="2" border="0">
<center></a><a class="forumlink" href="http://naruto-rpg.forumdesfans.com/index.php"><img alt="http://naruto-rpg.forumdesfans.com/" src="http://img42.xooimage.com/files/4/f/5/actualis--d0d3d1.jpg"></a></a><a><center>
                    <tr> 
                        <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">
                        <!-- BEGIN switch_user_logged_in -->
                             <a href="{U_INDEX}" class="mainmenu"><img src="http://img7.xooimage.com/files/4/5/e/forum-d0d8a0.jpg" width="85" height="52" border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img5.xooimage.com/files/a/a/9/faq-d0d88c.jpg" width="46" height="52" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img5.xooimage.com/files/b/c/f/recherche-d0d8e6.jpg" width="90" height="52" border="0" alt="{L_SEARCH}" hspace="0" /></a><a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img3.xooimage.com/files/9/c/0/membres-d0d8b9.jpg" width="78" height="52" border="0" alt="{L_MEMBERLIST}" hspace="0" /></a><a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img6.xooimage.com/files/c/6/8/groupes-d0d89c.jpg" width="72" height="52" border="0" alt="{L_USERGROUPS}" hspace="0" /></a><a href="{U_PROFILE}" class="mainmenu"><img src="http://img8.xooimage.com/files/0/d/c/profil-d0d8bf.jpg" width="65" height="52" border="0" alt="{L_PROFILE}" hspace="0" /></a><a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="{PRIVMSG_IMG}" width="77" height="52" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img5.xooimage.com/files/4/f/e/deconnexion-d0d8b1.jpg" width="122" height="52" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a> 
                        <!-- END switch_user_logged_in -->
                        <!-- BEGIN switch_user_logged_out -->
                             <a href="{U_INDEX}" class="mainmenu"><img src="http://img7.xooimage.com/files/4/5/e/forum-d0d8a0.jpg" width="85" height="52" border="0" alt="{L_INDEX}" hspace="0" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img5.xooimage.com/files/a/a/9/faq-d0d88c.jpg" width="46" height="52" border="0" alt="{L_FAQ}" hspace="0" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img5.xooimage.com/files/b/c/f/recherche-d0d8e6.jpg" width="90" height="52" border="0" alt="{L_SEARCH}" hspace="0" /></a><a href="{U_REGISTER}" class="mainmenu"><img src="http://img7.xooimage.com/files/3/c/4/inscription-d0d8df.jpg" width="111" height="52" border="0" alt="{L_REGISTER}" hspace="0" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img2.xooimage.com/files/c/e/7/connexion-d0d8a9.jpg" width="103" height="52" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" /></a> 
                        <!-- END switch_user_logged_out -->
                        </span></td>
                    </tr>
                </table></td>





            </tr>
        </table>

        <br />

<html>
<body>
<style style="text/css">

.lcdstyle{ /*Example CSS to create LCD countdown look*/
background-color:black;
color:yellow;
font: bold 18px MS Sans Serif;
padding: 3px;
}

.lcdstyle sup{ /*Example CSS to create LCD countdown look*/
font-size: 80%
}

</style>

<script type="text/javascript">

/***********************************************
* Dynamic Countdown script- © Dynamic Drive (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

function cdtime(container, targetdate){
if (!document.getElementById || !document.getElementById(container)) return
this.container=document.getElementById(container)
this.currentTime=new Date()
this.targetdate=new Date(targetdate)
this.timesup=false
this.updateTime()
}

cdtime.prototype.updateTime=function(){
var thisobj=this
this.currentTime.setSeconds(this.currentTime.getSeconds()+1)
setTimeout(function(){thisobj.updateTime()}, 1000) //update time every second
}

cdtime.prototype.displaycountdown=function(baseunit, functionref){
this.baseunit=baseunit
this.formatresults=functionref
this.showresults()
}

cdtime.prototype.showresults=function(){
var thisobj=this


var timediff=(this.targetdate-this.currentTime)/1000 //difference btw target date and current date, in seconds
if (timediff<0){ //if time is up
this.timesup=true
this.container.innerHTML=this.formatresults()
return
}
var oneMinute=60 //minute unit in seconds
var oneHour=60*60 //hour unit in seconds
var oneDay=60*60*24 //day unit in seconds
var dayfield=Math.floor(timediff/oneDay)
var hourfield=Math.floor((timediff-dayfield*oneDay)/oneHour)
var minutefield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour)/oneMinute)
var secondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute))
if (this.baseunit=="hours"){ //if base unit is hours, set "hourfield" to be topmost level
hourfield=dayfield*24+hourfield
dayfield="n/a"
}
else if (this.baseunit=="minutes"){ //if base unit is minutes, set "minutefield" to be topmost level
minutefield=dayfield*24*60+hourfield*60+minutefield
dayfield=hourfield="n/a"
}
else if (this.baseunit=="seconds"){ //if base unit is seconds, set "secondfield" to be topmost level
var secondfield=timediff
dayfield=hourfield=minutefield="n/a"
}
this.container.innerHTML=this.formatresults(dayfield, hourfield, minutefield, secondfield)
setTimeout(function(){thisobj.showresults()}, 1000) //update results every second
}

/////CUSTOM FORMAT OUTPUT FUNCTIONS BELOW//////////////////////////////

//Create your own custom format function to pass into cdtime.displaycountdown()
//Use arguments[0] to access "Days" left
//Use arguments[1] to access "Hours" left
//Use arguments[2] to access "Minutes" left
//Use arguments[3] to access "Seconds" left

//The values of these arguments may change depending on the "baseunit" parameter of cdtime.displaycountdown()
//For example, if "baseunit" is set to "hours", arguments[0] becomes meaningless and contains "n/a"
//For example, if "baseunit" is set to "minutes", arguments[0] and arguments[1] become meaningless etc


function formatresults(){
if (this.timesup==false){//if target date/time not yet met
var displaystring=arguments[0]+" 0 "+arguments[1]+" 0 "+arguments[2]+" 10 "+arguments[3]+"seconds left until March 23, 2009 18:25:00"
}
else{ //else if target date/time met
var displaystring="Future date is here!"
}
return displaystring
}

function formatresults2(){
if (this.timesup==false){ //if target date/time not yet met
var displaystring="<span class='lcdstyle'>"+arguments[0]+" <sup>days</sup> "+arguments[1]+" <sup>hours</sup> "+arguments[2]+" <sup>minutes</sup> "+arguments[3]+" <sup>seconds</sup></span> left until this Christmas"
}
else{ //else if target date/time met
var displaystring="" //Don't display any text
alert("Christmas is here!") //Instead, perform a custom alert
}
return displaystring
}

</script>
<script type="text/javascript">

var futuredate=new cdtime("countdowncontainer", "March 23, 2009 18:25:00")
futuredate.displaycountdown("days", formatresults)

</script>
</body>
</html>
 



Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Sam 25 Avr 2009 - 16:19    Sujet du message: [TUTO]Compte à rebours pour vos forums Répondre en citant

bonjour

ici

var futuredate=new cdtime("countdowncontainer", "March 23, 2009 18:25:00")

penses à changer la date le 23 mars c'est dépassé
_______________________


Forum
Auteur Message
Master Fenix117


Hors ligne
Invité




MessagePosté le: Sam 25 Avr 2009 - 16:25    Sujet du message: [TUTO]Compte à rebours pour vos forums Répondre en citant

A oui excuse moi ...
Je n'avez pas pensé à sa merci Mr. Green


Auteur Message
Master Fenix117


Hors ligne
Invité




MessagePosté le: Sam 25 Avr 2009 - 16:28    Sujet du message: [TUTO]Compte à rebours pour vos forums Répondre en citant

Excusé moi de mon double poste mais je vient de voir que sa ne marche toujours pas ...
Voilà mon forum :
http://spacegame.level52.com/index.php


Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Sam 25 Avr 2009 - 16:33    Sujet du message: [TUTO]Compte à rebours pour vos forums Répondre en citant

je crois que le script ne marche plus correctement essayes avec un autre trouver ici

http://www.editeurjavascript.com/
_______________________


Forum
Auteur Message
Master Fenix117


Hors ligne
Invité




MessagePosté le: Sam 25 Avr 2009 - 16:43    Sujet du message: [TUTO]Compte à rebours pour vos forums Répondre en citant

D'accord Merci .

Auteur Message
mama02


Hors ligne
Invité




MessagePosté le: Mer 5 Aoû 2009 - 15:36    Sujet du message: [TUTO]Compte à rebours pour vos forums Répondre en citant

Bonjour, j'ai suivi une instruction sur ce site: http://www.jejavascript.net/ pour mettre un compte a rebours mais ca ne marche pas.
J'ai ca dans overall_footer.tpl: 
Code: Sélectionner - Agrandir
<div align="center"><span class="copyright"><br />{ADMIN_LINK}<br />
<!--
 We request you retain the full copyright notice below including the link to [url=http://www.phpbb.com/]www.phpbb.com[/url].
 This not only gives respect to the large amount of time given freely by the developers
 but also helps build interest, traffic and use of phpBB 2.0. If you cannot (for good
 reason) retain the full copyright we request you at least leave in place the
 Powered by phpBB line, with phpBB linked to [url=http://www.phpbb.com/]www.phpbb.com[/url]. If you refuse
 to include even this then support on our forums may be affected.
 The phpBB Group : 2002
// -->
Powered by <a href="http://www.phpbb.com/" target="_phpbb" class="copyright">phpBB</a> &copy; 2001, 2005 phpBB Group<br />{TRANSLATION_INFO}</span></div>
  </td>
 </tr>
</table>
</body>
</html>
<script language="javascript">
// PLF - http://www.jejavascript.net/
datedujour = new Date();
hdj=datedujour.getHours();
mdj=datedujour.getMinutes();
sdj=datedujour.getSeconds();
date_even = new Date(2009, 8, 21, hdj, mdj, sdj); //janv =0 > decemb =11
date1=datedujour.getTime();
date2=date_even.getTime();
nbrej= date2-date1;("Il reste "+nbrej+" jours avant le 21 septembre 2009");
nbrej= Math.round((Math.round(nbrej)/1000)/60/60/24);
document.write("Il reste "+nbrej+" jours avant le 21 septembre 2009");
</script>

 


Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Mer 5 Aoû 2009 - 18:46    Sujet du message: [TUTO]Compte à rebours pour vos forums Répondre en citant

bonjour

mets le code au début du template plutot
_______________________


Forum
Auteur Message
mama02


Hors ligne
Invité




MessagePosté le: Mer 5 Aoû 2009 - 23:41    Sujet du message: [TUTO]Compte à rebours pour vos forums Répondre en citant

C'est bon ca marche. Merci beaucoup Smile

Auteur Message
Julian x


Hors ligne
Invité




MessagePosté le: Lun 17 Aoû 2009 - 19:23    Sujet du message: [TUTO]Compte à rebours pour vos forums Répondre en citant

Bonsoir tout le monde

Alors voilà mon problème, j'ai créée un compte à rebours donc le code est ci-dessous et je voudrais qu'à un moment (là où il y a les URL et qui ne marche pas mais qui s'affiche correctement dans le code) il y a un lien vers le forum où se passe l'évenement. Comment faire s'il vous plait ??? 
<font=cursive, fantasy><font size=2><font color=#D9109D>
<label id="Compte"></label>
<script type="text/JavaScript">
var Affiche=document.getElementById("Compte");
function Rebour() {
var date1 = new Date();
var date2 = new Date ("Aug 17 18:00:00 2009"); // Date et heure de l'événement
var sec = (date2 - date1) / 1000; // Temps donné en millièmes de seconde
var n = 24 * 3600; //nombre de secondes dans un jour
if (sec > 0) {
  j = Math.floor (sec / n);
  h = Math.floor ((sec - (j * n)) / 3600);
  mn = Math.floor ((sec - ((j * n + h * 3600))) / 60);
  sec = Math.floor (sec - ((j * n + h * 3600 + mn * 60)));
  Affiche.innerHTML = "Nouveau thème venez nombreux sur le rp amovible dans " + j +" jours, "+ h +" h "+ mn +" min et "+ sec + " sec ";
  window.status = "Nouveau thème venez nombreux sur le rp amovible dans " + j +" jours, "+ h +" h "+ mn +" min et "+ sec + " sec ";
}
else if (Math.abs(sec) < (3 * n)) { // Durée de l'événement
  Affiche.innerHTML = "Nouveau thème venez nombreux sur RP AMOVIBLE !";
  window.status = "Nouveau thème venez nombreux sur RP AMOVIBLE !";
}
else {
  Affiche.innerHTML = "Prochain thème vendredi prochain";
  window.status = "Prochain thème vendredi prochain";
}

tRebour=setTimeout ("Rebour();", 1000);
}
Rebour();
</script>
</font></size></font>



Auteur Message
TanKeurK


Hors ligne
Invité




MessagePosté le: Lun 25 Jan 2010 - 01:13    Sujet du message: [TUTO]Compte à rebours pour vos forums Répondre en citant

Bonjour,

J'ai essayer de mettre le script comme indiquer mais il ne fonctionne pas !

J'ai donc visiter http://www.editeurjavascript.com

Et trouver ce script : http://www.editeurjavascript.com/scripts/scripts_temps_1_99.php

Seulement je ne sais pas où les placer :

A mettre entre les balises <HEAD> et </HEAD> :

Code: Sélectionner - Agrandir
<!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
Maintenant = new Date;
TempMaintenant = Maintenant.getTime();
Future = new Date(2010, 1, 01);
TempFuture = Future.getTime();
DiffSec = Math.floor((TempFuture-TempMaintenant)/1000);
DiffMin = Math.floor(DiffSec/60);
Diffheure = Math.floor(DiffMin/60);
DiffJour = Math.floor(Diffheure/24);
while (DiffMin>=60)
        {
        DiffMin = DiffMin-60;
        }
while (Diffheure>=24)
        {
        Diffheure = Diffheure-24;
        }
while (DiffSec>=60)
        {
        DiffSec = DiffSec-60;
        }
</SCRIPT>
<!-- FIN DU SCRIPT -->


A mettre entre les balises <BODY> et </BODY>, à la place ou vous desirez mettre le texte:

Code: Sélectionner - Agrandir
<!-- DEBUT DU SCRIPT -->
<!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
-->
<SCRIPT LANGUAGE="JavaScript">
document.write('Temps restants avant la tour ' + DiffJour + ' jour(s), ' + Diffheure + ' heure(s), ' + DiffMin + ' minute(s) et ' + DiffSec + ' seconde(s) Préparez-vous !');
</SCRIPT>
<!-- FIN DU SCRIPT --><noscript><a href="http://www.editeurjavascript.com/countus/">compteur live</a></noscript>


Auteur Message
Sploutch
Membre


Hors ligne
Membre

Inscrit le: 02 Jan 2006
Messages: 585
Niveau:
Point(s): 633
Moyenne: 1,08
Masculin

MessagePosté le: Lun 25 Jan 2010 - 09:35    Sujet du message: [TUTO]Compte à rebours pour vos forums Répondre en citant

Bonjour,
Dans votre Overall_header.tpl puis recherchez les balises demandé.
_______________________
1 tour pour la forme.1 tour pour l'esprit.

| Le site pour les Filles | Me Soutenir | Smileys Fun | Mes Tutoriels | Mon formulaire D'aide | No Support MP |


Forum
Auteur Message
TanKeurK


Hors ligne
Invité




MessagePosté le: Lun 25 Jan 2010 - 18:39    Sujet du message: [TUTO]Compte à rebours pour vos forums Répondre en citant

Merci je vais essayer Smile

Auteur Message
TanKeurK


Hors ligne
Invité




MessagePosté le: Lun 1 Fév 2010 - 12:40    Sujet du message: [TUTO]Compte à rebours pour vos forums Répondre en citant

Désolé du double post.

J'ai bien rechercher dans le header mais il n'y as que la balise HEAD et pas BODY

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<link rel="stylesheet" href="http://img.xooimage.com/files10/c/1/1/lpch_gta-1f0321.css" type="text/css">

<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
  if ( {PRIVATE_MESSAGE_NEW_FLAG} )
  {
    window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
  }
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>

<body bgcolor="#000000" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<a name="top">[/url]

<table width="820px" cellspacing="0" cellpadding="10" border="0" align="center">
  <tr>
    <td class="bodyline">
    <center>
<table width="820px" border="0" cellpadding="5" cellspacing="0">
  <tr>
    <td>


<center>

{L_FAQ}
&nbsp;&nbsp;&nbsp;&nbsp;{L_SEARCH}
&nbsp;&nbsp;&nbsp;&nbsp;{L_MEMBERLIST}
&nbsp;&nbsp;&nbsp;&nbsp;{L_USERGROUPS}
&nbsp;&nbsp;&nbsp;&nbsp;{L_PROFILE}
&nbsp;&nbsp;&nbsp;&nbsp;{PRIVATE_MESSAGE_INFO}

{L_LOGIN_LOGOUT}
&nbsp;&nbsp;&nbsp;&nbsp;{L_REGISTER}
</center>



   


Auteur Message
Sploutch
Membre


Hors ligne
Membre

Inscrit le: 02 Jan 2006
Messages: 585
Niveau:
Point(s): 633
Moyenne: 1,08
Masculin

MessagePosté le: Lun 1 Fév 2010 - 15:02    Sujet du message: [TUTO]Compte à rebours pour vos forums Répondre en citant

Bonjour,
tout au début de votre overall_header.tpl, vous avez :
Code: Sélectionner - Agrandir
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>

Vous avez bien le head :
Code: Sélectionner - Agrandir
<head>

Toujours dans cette template, pour le body, vous avez cette ligne dans le bas :
Code: Sélectionner - Agrandir
<!-- END switch_enable_pm_popup -->
</head>

<body bgcolor="#000000" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

Vous avez la aussi le body (ligne complète) :
Code: Sélectionner - Agrandir
<body bgcolo etc etc pour la ligne complète ..............

Vous devez mettre pour ce qui est du body après la ligne complète, soit celle-ci :
Code: Sélectionner - Agrandir
<body bgcolor="#000000" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

_______________________
1 tour pour la forme.1 tour pour l'esprit.

| Le site pour les Filles | Me Soutenir | Smileys Fun | Mes Tutoriels | Mon formulaire D'aide | No Support MP |


Forum
Auteur Message
Contenu Sponsorisé





MessagePosté le: Aujourd’hui à 07:28    Sujet du message: [TUTO]Compte à rebours pour vos forums

Montrer les messages depuis:   
Répondre au sujet Page 6 sur 7 Aller à la page: <  1, 2, 3, 4, 5, 6, 7  >




Index | Panneau d’administration | Créer un forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group | Traduction par : phpBB-fr.com
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401