Mise en place Slider [Réglé]
Hiryue Membre non connecté
Booster Fronde
- Booster Fronde
- Voir le profil du membre Hiryue
- Inscrit le : 08/06/2014
- Site internet
Avant tout, je tiens à préciser que j'ai longuement cherché sur le forum des réponses à mes questions, mais les sujets étaient soit trop vieux, soit ne correspondaient pas à ce que recherche, je viens donc faire une demande plus "jeune".
Si ce n'était que pour intégrer un simple Slider, je ne serais pas venu déranger qui que ce soit sur le forum.
Ce que je cherche, c'est d'intégrer un Slider qui fonctionne avec le système de news. Je ne vois pas l'intérêt d'avoir un slider s'il faut à chaque fois le modifier manuellement à la moindre news sortie.
Donc c'est simple, lorsque l'on rédige une news, celle-ci serait directement intégrée au slider.
Par exemple, sur mon site : Sweet Symphony, j'aurais aimé qu'au moment de la sortie de la dernière news, la bannière de celle-ci soit utilisée dans le slider, avec un lien vers ladite news.
Ha aussi, ça me parait normal mais je préfère le préciser, l'emplacement du slider serait juste au dessus des news.
J'ai trouvé différents sujets, certains parlent d'un module codé par ReidLos, ou de la façon de l'intégrer : Intégr Slider.
Seulement, vu la date, il semble que les fichiers actuels sont différents, et je ne suis même pas sûr que ce soit réellement le type de Slider que je cherche.
Je n'ai peut être pas été très précis, et j'apporterai les réponses qu'il vous faudra pour m'aider.
Merci d'avance.
Hiryue.
janus57 Membre non connecté
- Booster Fusée
- Voir le profil du membre janus57
- Inscrit le : 07/12/2007
- Groupes :
- Equipe Assistance
en théorie avec un simple slider qui fonctionne avec prototype, les variables du module news et la modification du template du module news il est possible de faire ce que vous demandez.
Mais avec ce que j'ai dit cela implique que le slider se trouve au dessus des news et que les news continue de s'afficher en bas normalement, ce qui au final n'est pas vraiment utile.
Cordialement, janus57
Hiryue Membre non connecté
Booster Fronde
- Booster Fronde
- Voir le profil du membre Hiryue
- Inscrit le : 08/06/2014
- Site internet
C'est toujours agréable de voir des éléments qui bougent, etc.. Ca rend le site moins "plat".
Et puis pour les feignants du scroll, ça aide, un peu
Tu pourrais m'expliquer un peu ce dont tu parlais sinon ? Si tu sais quels fichiers j'ai à modifier, etc..
Merci !
babsolune Membre non connecté
Administrateur
- Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
tu peux essayer ça
homeslide.zip
slider en css3 donc non supportée par les vieille version de navigateur
pas de contrôle du slider
défilement sur les 4 dernières news , change toutes les 8 secondes (modifiable dans le css)
le seul avantage de ce slider, mais non des moindres, est l'adaptation css à ton thème
il faut desactiver la compression des pages: admin > config avancée
Edit: c'est un dérivé du module HomeCustom, donc les appels des autres modules sont aussi possible, histoire d’étoffer la page
par exemple les 5 dernieres entrées de la categorie 0 (racine) du module Galerie
Code TPL :
${Feed::get_parsed('gallery', 'master', 0, false, 5)}
Édité par babsolune Le 15/07/2014 à 22h34
Hiryue Membre non connecté
Booster Fronde
- Booster Fronde
- Voir le profil du membre Hiryue
- Inscrit le : 08/06/2014
- Site internet
Tout d'abord merci.
J'ai essayé le module que tu m'as partagé, mais quelques points ne vont pas, je m'explique.
Déjà, si j'utilise ce module, ma page d'accueil ne comporte plus ma page de news, or j'ai besoin d'avoir les deux, le slider et les news.
J'aimerais savoir s'il est possible d'intégrer le slider dans l'édito par exemple, tout en conservant les news.
Ensuite, même si ça n'avait pas été le problème, il semblerait que l'affichage ne fasse pas correctement :
Caché:
Merci d'avance !
babsolune Membre non connecté
Administrateur
- Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
pense à rajouter des news, il en faut au moins 4 pour voir le défilement, sinon la news par défaut n'apparait que sur le dernier cycle (=attendre 24s avant de voir apparaitre quelque chose)
Tu peux tout à fait transposer le slider dans l'édito mais pas par l'administration, l’éditeur de texte n’interprète pas les {VARIABLES}. Il va falloir l’intégrer en dur dans le news_block.tpl et porter les css dans le module news. Par contre il faut utiliser les variables du module news et non celles du HomeSlide
sinon tu peux aussi reprendre le code que tu ajoutes après le slider dans un agencement plus statique
demo en HomeSlide
Édité par babsolune Le 16/07/2014 à 08h33
Hiryue Membre non connecté
Booster Fronde
- Booster Fronde
- Voir le profil du membre Hiryue
- Inscrit le : 08/06/2014
- Site internet
<span class="text-blockquote">babsolune:</span><div class="blockquote">pense à rajouter des news, il en faut au moins 4 pour voir le défilement, sinon la news par défaut n'apparait que sur le dernier cycle (=attendre 24s avant de voir apparaitre quelque chose)</div>
A la base, il y avait déjà des news, cinq pour être précis, mais lorsque par l'administration je passe le démarrage du site par "page d'accueil+slidebox", les news ne sont plus affichées puisque ce n'est plus le même module du démarrage.
Mais peu importe, la suite de tes réponses m'a encore mieux aiguillé.
J'suis allé intégrer le home.tpl du slider dans news_block.tpl en lieu et place du contenu de l'édito et ai rajouté le *.css du slider dans le même dossier, ça ne fonctionne pas encore, mais c'est intégré au bon endroit en tout cas, à part les liens des différentes news, le slider en lui même ne s'affiche pas.
Du coup j'ai regardé cette histoire de variables (Malgré que je ne m'y connaisse que très peu), et j'ai remarqué, je crois, que la majorité des variables était déjà la même, donc pas besoin de les changer.
Voici ça que ça donne pour ma part :
<span class="text-hide">Caché:</span><div class="hide" onclick="bb_hide(this)"><div class="hide2">
Code PHP :
</div></div><script type="text/javascript"> <!-- function Confirm() { return confirm("{L_ALERT_DELETE_NEWS}"); } --> </script> # IF C_ADD_OR_WRITER # <div class="module_actions"> # IF C_ADD # <a href="{U_ADD}" title="{L_ADD}" class="img_link"> <img src="{PATH_TO_ROOT}/templates/{THEME}/images/{LANG}/add.png" class="valign_middle" alt="{L_ADD}" /> </a> # ENDIF # # IF C_WRITER # <a href="{PATH_TO_ROOT}/news/news.php?user=1" title="{L_NEWS_WAITING}"> <img src="{PATH_TO_ROOT}/news/news_mini.png" class="valign_middle" alt="{L_NEWS_WAITING}" /> </a> # ENDIF # </div> <div class="spacer"></div> # ENDIF # # IF C_EDITO # <div class="module_position edito"> <div class="module_top_l"></div> <div class="module_top_r"></div> <div class="module_top"> <div class="module_top_title"> <a href="{U_SYNDICATION}" title="{L_SYNDICATION}" class="img_link"> <img class="valign_middle" src="{PATH_TO_ROOT}/templates/{THEME}/images/rss.png" alt="{L_SYNDICATION}" /> </a> {EDITO_NAME} </div> <div class="module_top_com"> # IF C_ADMIN # <a href="{U_ADMIN}" title="{L_ADMIN}" class="img_link"> <img class="valign_middle" src="{PATH_TO_ROOT}/templates/{THEME}/images/{LANG}/edit.png" alt="{L_ADMIN}" /> </a> # ENDIF # </div> <div class="spacer"></div> </div> # IF EDITO_CONTENTS # <div class="module_contents"> {EDITO_CONTENTS} <div id="wrap"> # START news # <div class="article"> <div class="deadline"></div> <span class="detail_article_next">{news.DATE} <a href="{news.U_LINK}"><i class="icon-hand-right"></i></a></span> <h1 class="detail_article"><a href="{news.U_LINK}">{news.TITLE}</a></h1> <div class="spacer"></div> <p> <a href="{news.U_LINK}"><img class="illustration_article" src="{news.IMG}" alt="{news.TITLE}" /></a> {news.CONTENT} </p> </div> # END news # </div> <div class="spacer"></div> </div> # ENDIF # <div class="module_bottom_l"></div> <div class="module_bottom_r"></div> <div class="module_bottom"></div> </div> # ENDIF # # IF C_NEWS_NO_AVAILABLE # <div class="module_position edito"> <div class="module_top_l"></div> <div class="module_top_r"></div> <div class="module_top"> <div class="module_top_title"> <a href="{U_SYNDICATION}" title="{L_SYNDICATION}" class="img_link"> <img class="valign_middle" src="{PATH_TO_ROOT}/templates/{THEME}/images/rss.png" alt="{L_SYNDICATION}" /> </a> {L_LAST_NEWS} </div> <div class="module_top_com"> # IF C_ADMIN # <a href="{U_ADMIN}" title="{L_ADMIN}" class="img_link"> <img class="valign_middle" src="{PATH_TO_ROOT}/templates/{THEME}/images/{LANG}/edit.png" alt="{L_ADMIN}" /> </a> # ENDIF # </div> <div class="spacer"></div> </div> <div class="module_contents" style="text-align:center;"> {L_NO_NEWS_AVAILABLE} </div> <div class="module_bottom_l"></div> <div class="module_bottom_r"></div> <div class="module_bottom"></div> </div> # ELSE # <div style="overflow:hidden;"> # START news # # IF news.C_NEWS_ROW # <div class="spacer"></div> # ENDIF # # IF C_NEWS_BLOCK_COLUMN # <div class="module_position" style="float:left;width:{COLUMN_WIDTH}%"># ELSE #<div class="module_position"> # ENDIF # <div class="module_top_l"></div> <div class="module_top_r"></div> <div class="module_top"> <div class="module_top_title"> <a href="{news.U_SYNDICATION}" title="{L_SYNDICATION}" class="img_link"> <img class="valign_middle" src="{PATH_TO_ROOT}/templates/{THEME}/images/rss.png" alt="{L_SYNDICATION}" /> </a> <a href="{news.U_LINK}">{news.TITLE}</a> </div> <div class="module_top_com"> # IF news.C_COM # <img src="{PATH_TO_ROOT}/templates/{THEME}/images/com_mini.png" alt="" class="valign_middle" /> <a href="{news.U_COM}">{news.COM}</a> # ENDIF # # IF news.C_EDIT # <a href="{PATH_TO_ROOT}/news/management.php?edit={news.ID}" title="{L_EDIT}" class="img_link"> <img class="valign_middle" src="{PATH_TO_ROOT}/templates/{THEME}/images/{LANG}/edit.png" alt="{L_EDIT}" /> </a> # ENDIF # # IF news.C_DELETE # <a href="{PATH_TO_ROOT}/news/management.php?del={news.ID}&token={TOKEN}" title="{L_DELETE}" onclick="javascript:return Confirm();"> <img class="valign_middle" src="{PATH_TO_ROOT}/templates/{THEME}/images/{LANG}/delete.png" alt="{L_DELETE}" /> </a> # ENDIF # </div> <div class="spacer"></div> </div> <div class="module_contents"> # IF news.C_IMG #<img src="{news.IMG}" alt="{news.IMG_DESC}" title="{news.IMG_DESC}" class="img_right" /># ENDIF # # IF news.C_ICON #<a href="{news.U_CAT}"><img class="valign_middle" src="{news.ICON}" alt="" /></a># ENDIF # {news.CONTENTS} # IF news.C_EXTEND_CONTENTS # <br /><br /> {news.EXTEND_CONTENTS} # ENDIF # <br /><br /> <div class="spacer"></div> </div> <div class="module_bottom_l"></div> <div class="module_bottom_r"></div> <div class="module_bottom"> <div style="float:left"># IF news.PSEUDO #<a class="small_link {news.LEVEL}"# IF news.C_GROUP_COLOR # style="color:{news.GROUP_COLOR}" # ENDIF # href="{news.U_USER_ID}">{news.PSEUDO}</a>, # ENDIF # # IF news.C_DATE # {news.DATE} # ENDIF #</div> <div class="spacer"></div> </div> </div> # END news # </div> # IF PAGINATION #<div class="text_center">{PAGINATION}</div># ENDIF # # ENDIF #
J'en suis là, avec un point d'interrogation sur la tête. Je suis sur de ne pas avoir fait la manipulation de la bonne façon, j'ai essayé de faire avec mes petites connaissances.
Merci, une fois de plus.
babsolune Membre non connecté
Administrateur
- Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
donc si le slider ne fonctionne pas c'est que le css n'est pas bien appelé
<span class="text-blockquote">Citation:</span><div class="blockquote">et ai rajouté le *.css du slider dans le même dossier</div>
tu veux dire que tu as mis homeslide.css dans le dossier news ?
si oui alors ce n'est pas bon il faut copier le contenu de homeslide.css dans news.css
edit : il faut limiter le nombre de news par page à 4
admin > modules > news > configuration
demo
Édité par babsolune Le 16/07/2014 à 12h04
Hiryue Membre non connecté
Booster Fronde
- Booster Fronde
- Voir le profil du membre Hiryue
- Inscrit le : 08/06/2014
- Site internet
Donc, tout fonctionne bien.
Mais (Y'a toujours un "mais"), lorsque les news défilent, le titre précédent se n'efface pas et se superpose avec la news suivante, etc..
Ensuite, je suis obligé d'écrire quelque chose dans l'édito pour que le slider s'affiche et je ne vois pas du tout comment changer ça.
Désolé de ces questions/remarques, et merci de ton aide !
Édité par Hiryue Le 16/07/2014 à 13h51
babsolune Membre non connecté
Administrateur
- Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
Mais (Y'a toujours un "mais"), lorsque les news défilent, le titre précédent se n'efface pas et se superpose avec la news suivante, etc..
il faut limiter le nombre de news par page à 4
admin > modules > news > configuration
Citation:
Ensuite, je suis obligé d'écrire quelque chose dans l'édito pour que le slider s'affiche et je ne vois pas du tout comment changer ça.
il faut sortir ton code des conditions d'ecriture
Code TPL :
# IF EDITO_CONTENTS # ton code {EDITO_CONTENTS} # ENDIF #
=>ton code est limité par l'affichage obligatoire
Code TPL :
ton code # IF EDITO_CONTENTS # {EDITO_CONTENTS} # ENDIF #
=> ton code s'affiche tout le temps
Hiryue Membre non connecté
Booster Fronde
- Booster Fronde
- Voir le profil du membre Hiryue
- Inscrit le : 08/06/2014
- Site internet
babsolune Membre non connecté
Administrateur
- Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
pour l'image c'est mieux d'en mettre au moins une dans "interface image"
Hiryue Membre non connecté
Booster Fronde
- Booster Fronde
- Voir le profil du membre Hiryue
- Inscrit le : 08/06/2014
- Site internet
Du coup, tout est réglé, et tout fonctionne
Hm, sans vouloir t'embêter d'avantage, tu crois que c'est possible de supprimer les deux liens de la news, et que ce soit l'image qui fasse le lien ?
Par contre, au risque de paraitre un peu nœud-nœud, c'est quoi cette "interface image" ?
En tout cas, merci pour le temps que tu m'as consacré, très sympa.
babsolune Membre non connecté
Administrateur
- Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
interface image: dans le formulaire de création d'une news
cette image suit la news partout: news, pre-news, et flux rss.
c'est cette image qui est récupérée dans le slider
Hiryue Membre non connecté
Booster Fronde
- Booster Fronde
- Voir le profil du membre Hiryue
- Inscrit le : 08/06/2014
- Site internet
J'vais essayer de me dépatouiller avec les liens, je viendrai ici si ça merdouille.
Merci !
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie