It is currently Tue 27 Sep 2016 - 03:52 - créer un forum

[TUTO]Compte à rebours pour vos forums

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 3, 4, 5, 6, 7  >

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


Joined: 19 Apr 2006
Posts: 8,897

PostPosted: Fri 10 Apr 2009 - 19:00    Post subject: [TUTO]Compte à rebours pour vos forums Reply with quote

PublicitéSupprimer les publicités ?
Previous post review:

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


Offline
Guest




PostPosted: Sat 25 Apr 2009 - 16:17    Post subject: [TUTO]Compte à rebours pour vos forums Reply with quote

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>
 



Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sat 25 Apr 2009 - 16:19    Post subject: [TUTO]Compte à rebours pour vos forums Reply with quote

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
Author Message
Master Fenix117


Offline
Guest




PostPosted: Sat 25 Apr 2009 - 16:25    Post subject: [TUTO]Compte à rebours pour vos forums Reply with quote

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


Author Message
Master Fenix117


Offline
Guest




PostPosted: Sat 25 Apr 2009 - 16:28    Post subject: [TUTO]Compte à rebours pour vos forums Reply with quote

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


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sat 25 Apr 2009 - 16:33    Post subject: [TUTO]Compte à rebours pour vos forums Reply with quote

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

http://www.editeurjavascript.com/
_______________________


Forum
Author Message
Master Fenix117


Offline
Guest




PostPosted: Sat 25 Apr 2009 - 16:43    Post subject: [TUTO]Compte à rebours pour vos forums Reply with quote

D'accord Merci .

Author Message
mama02


Offline
Guest




PostPosted: Wed 5 Aug 2009 - 15:36    Post subject: [TUTO]Compte à rebours pour vos forums Reply with quote

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>

 


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Wed 5 Aug 2009 - 18:46    Post subject: [TUTO]Compte à rebours pour vos forums Reply with quote

bonjour

mets le code au début du template plutot
_______________________


Forum
Author Message
mama02


Offline
Guest




PostPosted: Wed 5 Aug 2009 - 23:41    Post subject: [TUTO]Compte à rebours pour vos forums Reply with quote

C'est bon ca marche. Merci beaucoup Smile

Author Message
Julian x


Offline
Guest




PostPosted: Mon 17 Aug 2009 - 19:23    Post subject: [TUTO]Compte à rebours pour vos forums Reply with quote

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>



Author Message
TanKeurK


Offline
Guest




PostPosted: Mon 25 Jan 2010 - 01:13    Post subject: [TUTO]Compte à rebours pour vos forums Reply with quote

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>


Author Message
Sploutch
Membre


Offline
Membre

Joined: 02 Jan 2006
Posts: 584
Niveau:
Point(s): 632
Moyenne: 1.08
Masculin

PostPosted: Mon 25 Jan 2010 - 09:35    Post subject: [TUTO]Compte à rebours pour vos forums Reply with quote

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
Author Message
TanKeurK


Offline
Guest




PostPosted: Mon 25 Jan 2010 - 18:39    Post subject: [TUTO]Compte à rebours pour vos forums Reply with quote

Merci je vais essayer Smile

Author Message
TanKeurK


Offline
Guest




PostPosted: Mon 1 Feb 2010 - 12:40    Post subject: [TUTO]Compte à rebours pour vos forums Reply with quote

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>



   


Author Message
Sploutch
Membre


Offline
Membre

Joined: 02 Jan 2006
Posts: 584
Niveau:
Point(s): 632
Moyenne: 1.08
Masculin

PostPosted: Mon 1 Feb 2010 - 15:02    Post subject: [TUTO]Compte à rebours pour vos forums Reply with quote

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
Author Message
Contenu Sponsorisé





PostPosted: Today at 03:52    Post subject: [TUTO]Compte à rebours pour vos forums

Display posts from previous:   
Reply to topic Page 6 of 7 Goto page: <  1, 2, 3, 4, 5, 6, 7  >




Portal | Index | Administration Panel | Create a forum | Free support forum | Free forums directory | Report a violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group |
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401