ajout code dans squelettes

rcg

Septembre 2012

Bonjour,

Je souhaite ajouter un code pour avoir un compte à rebours sur mon site. J’ai trouvé un exemple et le code sur le site suivant :

http://www.blog-nouvelles-technologies.fr/archives/10704/

Ou dois-ajouter ce code dans les squelettes de spip.
J’utilise Zpip et comme thème Harvesfield.

Je vois bien que je dois découper ce code pour l’insérer dans les squelettes de spip. Mais comment ?

Débutant, intermédiaire, amateur j’ai échoué...

Question autre peut-on faire un plugin de ce code ?
Car pour l’instant il faut aller en dur sur le code pour changer la date du chrono. Une petite interface en plugin serait sympa, non !

Merci de votre aide !
A très bientôt.

Résolu

Par note Par date Par date chronologique

Indiquez l’intérêt que vous portez à cette réponse

0

Jatropha Multifida

Septembre 2012

Donnez-nous votre page sommaire (HTML) et nous allons vous montrer comment mettre en œuvre votre code JS dans votre squelette.
Indiquez l’intérêt que vous portez à cette réponse

0
rcgsynami

Septembre 2012
[(#REM) Entete de la page + titre du site ] [(#REM) Contenu principal : derniers articles publies ]

#NOM_SITE_SPIP

[
(#DESCRIPTIF_SITE_SPIP)
] [(#REM) Derniers articles ]
[(#ANCRE_PAGINATION)]
<:derniers_articles:>

[(#LOGO_ARTICLE_RUBRIQUE{#URL_ARTICLE}|image_reduire{150,100})]
#TITRE
[(#DATE|affdate_jourcourt)][, <:par_auteur:> (#LESAUTEURS)] [
(#INTRODUCTION)
]

[
(#PAGINATION)
]
[(#REM) Breves ]

<:dernieres_breves:>

[(#DATE|affdate_jourcourt) – ]#TITRE

[(#REM) Liens des forums ]

<:derniers_commentaires:>

[(#DATE|affdate_jourcourt) – ][(#TEXTE|couper{80})]

[(#REM) Sur le Web ]

<:nouveautes_web:>

[(#DATE|affdate_jourcourt) – ]#TITRE

[(#REM) Menu de navigation laterale ]
[(#REM) Menu de navigation par rubriques ] #FORMULAIRE_RECHERCHE
[(#REM) Menu de navigation laterale ]
[(#REM) Inscription au site ] #FORMULAIRE_INSCRIPTION
[(#REM) Pied de page ]
Indiquez l’intérêt que vous portez à cette réponse

0

rcg

Septembre 2012

Ah j’oubliais pour comprendre mieux voici l’adresse du site .

synami

Merci pour le coup main !
Indiquez l’intérêt que vous portez à cette réponse

0

Jatropha Multifida

Septembre 2012

Ok, tout est clair ..

Maintenant, où veux-tu que le compte à apparaître ?
Indiquez l’intérêt que vous portez à cette réponse

0

rcgsynami

Septembre 2012

Ok,

Soit dans l’entête avec le logo (Pour faire beau ! )
Ou au dessus de l’article éditorial de la page d’accueil.

Merci A+
Indiquez l’intérêt que vous portez à cette réponse

0
Jatropha Multifida

Septembre 2012
1. Télécharger le compte

2. Mettre les dossiers countdown et js dans les squelettes

3. Ouvrir inclure/head.html et ajouter les codes suivantes :
[<link rel="stylesheet" href="(#CHEMIN{countdown/jquery.countdown.css}|direction_css)" type="text/css" media="screen" />] [<script src="#CHEMIN{countdown/jquery.countdown.js}" type="text/javascript"></script>] [<script src="#CHEMIN{js/script.js}" type="text/javascript"></script>]
4. Ouvrir contenu/page-sommaire.html et ajouter dans la ligne 8 le code html du compte :
<div id="countdown" class="countdownHolder"> </div>
5. C’est fini :)
Indiquez l’intérêt que vous portez à cette réponse

0

Septembre 2012

Merci, !
Pour ce premier essai, mais j’ai un petit souci.
A priori le code est reconnu mais il n’apparait pour l’instant que 3 fois ( :). Et je n’ai pas le décompte d’affiché ???

Why ?

j’ai changé dans le JS la date et mis

// Attention les mois commencent à 0 !
var ts = new Date(2012, 9, 9) ;

J’ai laissé la page d’accueil en l’état pour que tu puisses voir le problème !

A+
Indiquez l’intérêt que vous portez à cette réponse

0

Septembre 2012

oooooooOOh Merci !

Le compte à rebours marche, j’avais juste en faite à faire une maintenance de mon site en vidant le cache !

Merci pour votre soutien. Je vais corrigé la présentation, maintenant.

Encore une fois merci !! merci !
Indiquez l’intérêt que vous portez à cette réponse

0

Jatropha Multifida

Septembre 2012

Je suis heureux que tu a commencé à réaliser à quel point spip fait css/java/html une expérience merveilleuse.

N’hésitez pas à demander quoi que ce soit spip :)

ajout code dans squelettes

#NOM_SITE_SPIP

<:derniers_articles:>

#TITRE

<:dernieres_breves:>

<:derniers_commentaires:>

<:nouveautes_web:>