banniere defilante [Réglé]
comment faire pour mettre une banniere defilante
Créations de Thèmes
ptiloup33 Membre non connecté
Booster Bazooka
- Booster Bazooka
- Voir le profil du membre ptiloup33
- Inscrit le : 29/01/2012
- Site internet
- Groupes :
Reprise du message précédent
bonsoir olivierb oui c'est comme cela j'ai ouvert le dossier js ou j'ai mis le dossier pausingscroller.js après j'ai ouvert le dossier thème ou j'ai mis le dossier pausingscroller.css voila c'est peut-être pas comme cela qui fallait faire ?janus57 Membre non connecté
- Booster Fusée
- Voir le profil du membre janus57
- Inscrit le : 07/12/2007
- Groupes :
- Equipe Assistance
déjà je vous conseil de corriger les erreurs HTML car les navigateurs aiment pas (Cf : <a href="https://validator.w3.org/nu/?doc=http%3A%2F%2Feuro-cides.eu%2FCAPTIVE%2Fpages%2Fpages.php%3Ftitle%3Dwelcome">https://validator.w3.org/nu/?doc=http%3A%2F%2Feuro-cides.eu%2FCAPTIVE%2Fpages%2Fpages.php%3Ftitle%3Dwelcome</a> ), car là vous avez du doublé déclaration de doctype, des lien href sans les "" etc…
Enfin dans votre page il y a des appel du type :
Code HTML :
plus une double déclaration du code ce qui n'est pas bon du tout.
Cordialement, janus57
ptiloup33 Membre non connecté
Booster Bazooka
- Booster Bazooka
- Voir le profil du membre ptiloup33
- Inscrit le : 29/01/2012
- Site internet
- Groupes :
Mipel Membre non connecté
- Administrateur
- Voir le profil du membre Mipel
- Inscrit le : 04/04/2016
- Site internet
- Groupes :
- Equipe Rédaction
- Equipe Modération
Déjà, pas de panique. Ce genre de modification, surtout quand on ne maîtrise pas (normal dans l'apprentissage) doit se faire plutôt sur un environnement de test en local ou sur un site hébergé mais pas en production.
Cela donne toute la liberté de faire des tests, d'apprendre et de mettre au point le besoin avant de le passer en production.
Sinon, toutes les informations ont été données dans les posts précédents. Il faut donc les reprendre point par point, en veillant à bien respecter les méthodes d'appels des fichiers externes javascript après avoir correctement identifiés les fichiers concernés. On ne mélange pas, par exemple, le body.tpl et le frame.tpl
Un petit tour par la documentation, ici par exemple: <a href="/wiki/structure-d-un-theme">https://www.phpboost.com/wiki/structure-d-un-theme</a> permet aussi de bien s'éclaircir les idées.
Tout ceci demande un peu de rigueur et un effort de compréhension avant d'arriver au résultat attendu.
Pas de précipitation donc, car au bout d'un moment, on finit par faire plus de mal que de bien. Et cette modification n'est pas vitale pour le site car non liée à une correction de bug ou un état instable de votre installation.
Bon courage donc, mais patience et méthode sont indispensables dans ce cas.
Mipel
Merci de penser à joindre le rapport système de votre site, il peut nous aider à mieux répondre à vos questions.
ptiloup33 Membre non connecté
Booster Bazooka
- Booster Bazooka
- Voir le profil du membre ptiloup33
- Inscrit le : 29/01/2012
- Site internet
- Groupes :
dans le frame.tpl j'ai fait l'appel d'un dossier js par <script type="text/javascript" src="pausingscroller.js"> est apres j'ai mis dans le body.tpl ce code là est je ne vois pas ce qui cloche pour que ça ne fonctionne pas :
Code BBCODE :
<style> /* Demo CSS for Pausing Scrollers */ #pscroller1{ width: 100%; max-width: 1250px; height: 70px; border: 1px solid black; background-color: lightyellow; margin-bottom: 3 em; } #pscroller1 > div.innerDiv{ padding: 8px; } </style> <script> /*Example message arrays for the two demo scrollers*/ var pausecontent=new Array() pausecontent[0]='<a href="http://www.javascriptkit.com">JavaScript Kit</a><br />Comprehensive JavaScript tutorials and over 400+ free scripts!' pausecontent[1]='<a href="http://www.dynamicdrive.com">Dynamic Drive</a><br />Free, original JavaScript and CSS codes to instantly add interactive features to your site!' pausecontent[2]='<a href="http://www.cssdrive.com" target="_new">CSS Drive</a><br />Categorized CSS gallery and examples.' </script> <script> /* Pausing up-down scroller- (c) Dynamic Drive (www.dynamicdrive.com) * Please keep this notice intact * Visit http://www.dynamicdrive.com/ for this script and 100s more.*/ </script> <div id="pscroller1" class="pausescroller"></div> <script> //new pausescroller(message_array, CSS_ID, pause_in_ms, slideeffect_in_ms) var scroller1 = new pausescroller(pausecontent, "pscroller1", 2000, 4000) </script>
janus57 Membre non connecté
- Booster Fusée
- Voir le profil du membre janus57
- Inscrit le : 07/12/2007
- Groupes :
- Equipe Assistance
donc vous n'avez pas lu les poste précédent comme vous l'a dit @mipel, il ne faut PAS faire des appel du type :
Code HTML :
Donc perso je vous conseillerais de recommencer à zéro au niveau des modifications template et de faire étape par étape car là il y a beaucoup trop d'erreur pour qu'un débutant corrige le tout.
De plus je vous conseil de lire un tuto sur HTML5/CSS3 pour savoir comment procéder correctement, car là même une simple balise <a> pour faire un lien n'est pas bon dans votre thème.
Cordialement, janus57
ptiloup33 Membre non connecté
Booster Bazooka
- Booster Bazooka
- Voir le profil du membre ptiloup33
- Inscrit le : 29/01/2012
- Site internet
- Groupes :
un grand merci a vous tous
ptiloup33
janus57 Membre non connecté
- Booster Fusée
- Voir le profil du membre janus57
- Inscrit le : 07/12/2007
- Groupes :
- Equipe Assistance
là pour le coup c'est un peu de la mauvaise fois de mon point de vue :
<div class="formatter-container formatter-blockquote"><span class="formatter-title title-perso">babsolune :</span><div class="formatter-content"><div class="formatter-container formatter-blockquote"><span class="formatter-title">Citation :</span><div class="formatter-content">quand je le met il va se mettre tout en bas de la page et moi je le voudrait sous le header merci</div></div>
1. en html5 il n'y a plus besoin de la partie
type="text/javascript", qui plus est, son interprétation par pbt peut causer des problèmes
2. comme l'a dit Swan
<div class="formatter-container formatter-blockquote"><span class="formatter-title">Citation :</span><div class="formatter-content"> .. déjà séparer les données dans les fichiers appropriés.</div></div>
ce qui est confirmé et détaillé sur le site de l'auteur <a href="http://www.dynamicdrive.com/dynamicindex2/crosstick.htm">Pausing up-down Scroller</a>
Adapté à pbt, il faudra
<ul class="formatter-ul">
<li class="formatter-li">créer un dossier
jsdans ton thème
</li><li class="formatter-li">créer dans ce dossier
js, le fichier
pausingscroller.jsavec <a href="http://www.dynamicdrive.com/dynamicindex2/pausingscroller.js">ce contenu</a>
</li><li class="formatter-li">déclarer l'appel de ce fichier dans ton frame.tpl <span style="text-decoration: underline;">entre</span> la déclaration du js de pbt
# INCLUDE JS_TOP #et la balise fermante
</html>
<script src="{PATH_TO_ROOT}/templates/{THEME}/js/pausingscroller.js"></script>
</li></ul>
Idem pour le css
</div></div>
Donc non il faut pas faire un bête copier/coller du script que vous citer, il faut l’adapter à PHPBoost ( ce qui est dit depuis la page 1 de ce topic).
Il font donc oublier les appel de type :
Code HTML :
au profit de :
Code HTML :
Sans oublier de le mettre dans le cache CSS dans le frame.tpl
Cordialement, janus57
ptiloup33 Membre non connecté
Booster Bazooka
- Booster Bazooka
- Voir le profil du membre ptiloup33
- Inscrit le : 29/01/2012
- Site internet
- Groupes :
pour le dossier js dans mon thème il existe déjà car mon thème est :ASH_BlueAzur :dedans
j'ai: images
js
lang
modules
theme
body.tpl
config
frame.tpl
licence
j'ai mis le fichier pausingscroller.js et son contenu dans le dossier js. et le fichier pausingscroller.css je l'ai mis dans le dossier theme.
pour declarer l'appel pour le css je le met aussi dans le frame ?
ptiloup33 Membre non connecté
Booster Bazooka
- Booster Bazooka
- Voir le profil du membre ptiloup33
- Inscrit le : 29/01/2012
- Site internet
- Groupes :
Swan Membre non connecté
Booster Mortier
- Booster Mortier
- Voir le profil du membre Swan
- Inscrit le : 31/05/2013
- Site internet
Bon, j'ai testé en me basant sur une structure simple et moi tout fonctionne , comme vous pouvez le constater dans cet archive : pause-scrollers.zip.
J'ai repris l'arbortescence de PBT pour les dossiers.
1/ La partie <head>...<head/> de la page index.html,à placer dans le frame.tpl. ( remplacer le "href="./" par le "href="{PATH_TO_ROOT}/")
2/ J'ai implanter la partie code js ci-dessous directement dans le pausingscroller.js
Code JAVASCRIPT :
//======================================================== // PARTIE RAJOUTER DU HEAD DIRECTEMENT DANS LE SCRIPT. //======================================================== /*Example message arrays for the two demo scrollers*/ var pausecontent=new Array() pausecontent[0]='<a href="http://www.javascriptkit.com">JavaScript Kit</a><br />Comprehensive JavaScript tutorials and over 400+ free scripts!' pausecontent[1]='<a href="http://www.dynamicdrive.com">Dynamic Drive</a><br />Free, original JavaScript and CSS codes to instantly add interactive features to your site!' pausecontent[2]='<a href="http://www.cssdrive.com" target="_new">CSS Drive</a><br />Categorized CSS gallery and examples.' var pausecontent2=new Array() pausecontent2[0]='<a href="http://www.news.com">News.com: Technology and business reports</a>' pausecontent2[1]='<a href="http://www.cnn.com">CNN: Headline and breaking news 24/7</a>' pausecontent2[2]='<a href="http://news.bbc.co.uk">BBC News: UK and international news</a>'
3/ la partie css dans le dossier thème soit "pausingscroller.css" et bien entendu , j'ai placé la partie CSS ci-dessous dans le dit fichier CSS:
Code CSS :
/*==========================================================*/ #pscroller1{ width: 100%; max-width: 400px; height: 100px; border: 1px solid black; background-color: lightyellow; margin-bottom: 1em; } #pscroller1 > div.innerDiv{ padding: 8px; } #pscroller2{ width: 100%; max-width: 350px; height: 35px; border: 1px solid black; } #pscroller2 > div.innerDiv{ padding: 4px; } #pscroller2 a{ text-decoration: none; }
C'est comme cela qu'il faut procéder. Faire plus précis on ne peut pas. Mais SI une fois posé dans PBT ce code ne fonctionne pas correctement, c'est qu'un conflit est généré entre ce code et le CMS et faire du débogage de JS est très chiant surtout quand on s'y connait pas.
Note: Ne pas lire les réponses est une perte de temps pour plusieurs personnes. Il faut prendre le temps d'apprendre et surtout de lire, c'est la base.
A placer dans les Tutoriels /astuces non ?
Swan.
Édité par Swan Le 23/07/2017 à 13h45
Mipel Membre non connecté
- Administrateur
- Voir le profil du membre Mipel
- Inscrit le : 04/04/2016
- Site internet
- Groupes :
- Equipe Rédaction
- Equipe Modération
Tant mieux si ça finit par fonctionner mais effectivement, il faut prendre le temps de lire les docs et les réponses ...
Merci à Swan pour son aide et la proposition de tuto/astuce sur ce sujet. Je regarderai dans quelques jours comment intégrer ça au mieux dans notre documentation.
Merci de penser à joindre le rapport système de votre site, il peut nous aider à mieux répondre à vos questions.
ptiloup33 Membre non connecté
Booster Bazooka
- Booster Bazooka
- Voir le profil du membre ptiloup33
- Inscrit le : 29/01/2012
- Site internet
- Groupes :
ptiloup33
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie