Code pour une décompte?

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Code pour une décompte?

Message par Chris David Officiel le Ven 10 Mai 2013 - 14:08

Bonjour,

je viens vous voir car j'ai un petit problème que je n’arrive pas a résoudre (j’espère toute fois que vous aller pouvoir m'aider Smile ).

Voilà j'ai créer l'apparence pour un décompte mais je n'ai trouvé nul par comment faire pour le codé correctement, donc en quelque sorte j'aimerais savoir si vous pouvez m'aider a le codé?

Voici l'aperçus final:
http://i82.servimg.com/u/f82/17/72/64/34/rendu10.jpg

Voici le Fond (que je souhaiterais pouvoir le modifié facilement, car en général une fois par mois je devrais le changer):
http://i82.servimg.com/u/f82/17/72/64/34/rendu_10.jpg

Et voici les numéro:
http://i82.servimg.com/u/f82/17/72/64/34/digits10.png

Je vous remercie d'avance et je suis impatient de savoir si il est possible de me le codé.

Cordialement, Chris David.


Dernière édition par Chris David Officiel le Jeu 16 Mai 2013 - 15:21, édité 1 fois

Chris David Officiel
**

Masculin
Messages : 50
Inscrit(e) le : 11/03/2012

http://www.wwe.com/
Chris David Officiel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour une décompte?

Message par Scipion le Ven 10 Mai 2013 - 15:17

Bonjour

Comme solution alternative, je vous propose de configurer selon vos souhaits un compte à rebours avec les paramètres proposés sur ce site :

http://comptearebours.adwebmaster.net/

Cordialement

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour une décompte?

Message par Chris David Officiel le Sam 11 Mai 2013 - 16:20

Bonjour,

je vous remercie de m'avoir répondu Smile , mais si celà tiendrais que a moi je le ferrais avec cette solution mais malheureusement les autre admin souhaiterais avoir le rendu que je leur ai proposé, donc serais t'il possible de le codé?

En faite c'est pour donner un aperçus comme sur ce site la: WWE.com

Cordialement, Chris David.

Chris David Officiel
**

Masculin
Messages : 50
Inscrit(e) le : 11/03/2012

http://www.wwe.com/
Chris David Officiel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour une décompte?

Message par Scipion le Sam 11 Mai 2013 - 21:27

Bonsoir

Je comprends parfaitement ce que vous souhaitez faire, donc je vous suggère d'attendre le passage d'un spécialiste qui pourrait éventuellement vous faire le code nécessaire.

Dans le cas contraire, vous avez au moins quelque chose sous la main pour compenser.

Bonne soirée Chris David Smile

Cordialement

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour une décompte?

Message par mambo54321 le Sam 11 Mai 2013 - 22:20

Voila un lien qui vous sera utile:
http://www.editeurjavascript.com/scripts/scripts_temps_1_102.php

mambo54321
*

Messages : 46
Inscrit(e) le : 15/11/2011

http://canard-jitsu.forum-servers.com
mambo54321 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour une décompte?

Message par Izav29 le Sam 11 Mai 2013 - 23:27

le code de la page est simple a avoir, reste a savoir, si le droit de le poster afin que vous aillez de l'aide

Izav29
**

Féminin
Messages : 67
Inscrit(e) le : 09/05/2013

http://testout.forumactif.org/
Izav29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour une décompte?

Message par Chris David Officiel le Mer 15 Mai 2013 - 13:42

Bonjour,

je vous remercie de vos réponses.

En ce qui concerne le compte a rebours qui se situ sur la page que j'ai donner, et ben je n'ai pas encore réussi a le trouvé donc si on pourrait m'aidé sur se point la alors sa devrais allez tout seul (les image du comte a rebours final que j'ai donner, a été réalisé par moi même en prenant exemple sur celui de la page).

Si il vous faux plus d'information sur se que je souhaite avoir, n'hésité pas je vous dirais se que vous souhaité savoir.

Encore merci a tous.

Chris David Officiel
**

Masculin
Messages : 50
Inscrit(e) le : 11/03/2012

http://www.wwe.com/
Chris David Officiel a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Code pour une décompte?

Message par Adam_sfp le Mer 15 Mai 2013 - 15:37

Bonjour

un exemple
http://tutorialzine.com/2011/12/countdown-jquery/

Cordialement.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour une décompte?

Message par Scoubifitz le Jeu 16 Mai 2013 - 0:36

bonsoir,

Code:
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){var d=$("#note"),b=new Date(2013,4,19,26),e=!0;new Date>b&&(b=(new Date).getTime()+864E6,e=!1);$("#countdown").countdown({timestamp:b,callback:function(a,c,b,f){a=""+(a+" day"+(1==a?"":"s")+", ")+(c+" hour"+(1==c?"":"s")+", ");a+=b+" minute"+(1==b?"":"s")+" and ";a+=f+" second"+(1==f?"":"s")+" <br />";a=e?a+"left until the new year!":a+"left to 10 days from now!";d.html(a)}})}); function init(d){d.addClass("countdownHolder");$.each(["Days","Hours","Minutes","Seconds"],function(b){$('<span class="count'+this+'">').html('<span class="position"><span class="digit static">0</span></span><span class="position"><span class="digit static">0</span></span>').appendTo(d);"Seconds"!=this&&d.append('<span class="countDiv countDiv'+b+'"></span>')})} function switchDigit(d,b){var e=d.find(".digit");if(e.is(":animated")||d.data("digit")==b)return!1;d.data("digit",b);var a=$("<div>",{"class":"digit",css:{top:"-2.1em",opacity:0},html:b});e.before(a).removeClass("static").animate({top:"2.5em",opacity:0},"fast",function(){e.remove()});a.delay(100).animate({top:0,opacity:1},"fast",function(){a.addClass("static")})} (function(d){d.fn.countdown=function(b){function e(a,c,b){switchDigit(j.eq(a),Math.floor(b/10)%10);switchDigit(j.eq(c),b%10)}var a=d.extend({callback:function(){},timestamp:0},b),c,g,f,h,k,j;init(this,a);j=this.find(".position");(function l(){c=Math.floor((a.timestamp-new Date)/1E3);0>c&&(c=0);g=Math.floor(c/86400);e(0,1,g);c-=86400*g;f=Math.floor(c/3600);e(2,3,f);c-=3600*f;h=Math.floor(c/60);e(4,5,h);k=c-=60*h;e(6,7,k);a.callback(g,f,h,k);setTimeout(l,1E3)})();return this}})(jQuery);
</script>

<style type="text/css">
<!--
/*-------------------------
    General Styles
--------------------------*/

body{
padding:0 0;
}
/*-------------------------
      Background
--------------------------*/

.fond_compteur{
background:#cccccc url(http://i82.servimg.com/u/f82/17/72/64/34/rendu_10.jpg);
height:90px;
width:810px;
position:relative;
}
/*----------------------------
      The countdown
-----------------------------*/

.countdownHolder{
width:230px;
padding:0 0 0 5px;
font: 22px/1.3 'Open Sans Condensed',sans-serif;
letter-spacing:-6px;
position: relative;
top:35px;
left:567px;
}

.position{
display: inline-block;
height: 1.6em;
overflow: hidden;
position: relative;
width: 1em;
}

.digit{
position:absolute;
display:block;
width:1em;
background-color:#444;
border-radius:0.2em;
text-align:center;
color:#fff;
letter-spacing:-1px;
}

.digit.static{
box-shadow:1px 1px 1px rgba(4, 4, 4, 0.35);

background-image: linear-gradient(bottom, #111111 50%, #444444 50%);
background-image: -o-linear-gradient(bottom, #111111 50%, #444444 50%);
background-image: -moz-linear-gradient(bottom, #111111 50%, #444444 50%);
background-image: -webkit-linear-gradient(bottom, #111111 50%, #444444 50%);
background-image: -ms-linear-gradient(bottom, #111111 50%, #444444 50%);

background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.5, #111111),
color-stop(0.5, #444444)
);
}

.countDiv{
display:inline-block;
width:16px;
height:1.6em;
position:relative;
}

.countDiv:before,
.countDiv:after{
position:absolute;
width:5px;
height:5px;
background-color:#444;
border-radius:50%;
left:50%;
margin-left:-3px;
top:0.5em;
box-shadow:1px 1px 1px rgba(4, 4, 4, 0.5);
content:'';
}

.countDiv:after{
top:0.9em;
}
-->
</style>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body><div class="fond_compteur">
<div id="countdown" class="countdownHolder">
</div></div>
</body>
</html>

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour une décompte?

Message par Chris David Officiel le Jeu 16 Mai 2013 - 15:20

Bonjour,

je vous remercies tous les deux et concernant le code de Scoubifitz il est parfait il me faut juste modifié l'image de fond et sa seras vraiment parfait.

Encore un grand merci a vous tous et ma demande est résolu.

A bientôt (surment) pour de nouvelle questions ou encore recherche de code Smile .

Chris David Officiel
**

Masculin
Messages : 50
Inscrit(e) le : 11/03/2012

http://www.wwe.com/
Chris David Officiel a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum