animer une catégorie ou une section .

4 participants

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

Résolu animer une catégorie ou une section .

Message par ptitegirafe54 Jeu 25 Sep 2014 - 21:33

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Autre
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 25 / 09 / 2014
Lien du forum : http://majoretterailroute.forumactif.com

Description du problème

Bonjour , je voudrais animer un titre de section " edito de l'admin " qui sera amenée a changer régulièrement de texte pour les dernières nouvelles . je souhaiterais donc ajouter temporairement a côté ou dessous du titre un symbole " news " clignotant ou dans ce style pour attirer les membres .

Je compte utiliser ce système à chaque création de catégorie . merci de votre réponse Smile


Dernière édition par ptitegirafe54 le Sam 27 Sep 2014 - 20:21, édité 1 fois
avatar

ptitegirafe54
***

Masculin
Messages : 167
Inscrit(e) le : 11/09/2014

http://www.majorette-rail-route.com
ptitegirafe54 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: animer une catégorie ou une section .

Message par Neptunia Jeu 25 Sep 2014 - 22:35

Bonjour ^^


Vous pourriez glisser dans la description de votre catégorie un code comme celui-ci
Code:
<div class="mon-identifiant"><marquee behavior="alternate" scrolldelay="100" style="width: 100%;"><font color="red"> ►►► Nouveauté ◄◄◄</font></marquee></div>

Et comme j'ai attribué un identifiant à ma div, je pourrais même raccourcir le code et définir les propriétés via la feuille CSS
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: animer une catégorie ou une section .

Message par ptitegirafe54 Ven 26 Sep 2014 - 19:10

Bonjour . ce n'est pas le résultat escompté . merci tout de même Smile mes espérances seraient de trouver un " new " clignotant accolé a la rubrique ...
avatar

ptitegirafe54
***

Masculin
Messages : 167
Inscrit(e) le : 11/09/2014

http://www.majorette-rail-route.com
ptitegirafe54 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: animer une catégorie ou une section .

Message par Neptunia Ven 26 Sep 2014 - 19:50

Et bien il suffit de remplacer mon code HTML par celui d'une image au format gif par exemple.

animer une catégorie ou une section . New-gif-032
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: animer une catégorie ou une section .

Message par Self Ven 26 Sep 2014 - 19:52

Bonjour,

On pourrait aussi utiliser le CSS suivant :
Code:
a.forumtitle[href="/f14-l-edito-de-l-admin"]{
   position: relative;
   padding-left: 2em;
}
   
a.forumtitle[href="/f14-l-edito-de-l-admin"]:before{
   content: "NEW ";
   position: absolute;
   left: 0;
   font-size: 0.6em;
   animation: new 1s linear infinite;
}
   
@-webkit-keyframes new{
   0%{ opacity: 1}
   50%{ opacity: 0}
   100%{ opacity: 1}
}
   
@keyframes new{
   0%{ opacity: 1}
   50%{ opacity: 0}
   100%{ opacity: 1}
}

Note : Si un jour vous désirez changer le "new" d'endroit il faudra changer les /f14-l-edito-de-l-admin par l'adresse du nouveau forum (exemple pour principe général : /f23-principe-general).
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: animer une catégorie ou une section .

Message par ptitegirafe54 Ven 26 Sep 2014 - 20:51

Merci pour vos réponses . étant nouveau dans la création de forum , pourriez vous m'indiquer comment utiliser ces codes ? Copié collé dans le titre au niveau de la gestion des rubriques ? Ou peut on trouver ces codes . et comment les garder de côté ? Merci pour vos réponses ?
avatar

ptitegirafe54
***

Masculin
Messages : 167
Inscrit(e) le : 11/09/2014

http://www.majorette-rail-route.com
ptitegirafe54 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: animer une catégorie ou une section .

Message par Self Ven 26 Sep 2014 - 21:56

Bonjour,

Il faut coller ce code dans la feuille de style CSS (Panneau d'administration > Affichage > Images et couleurs > Couleurs > Feuille de style CSS (onglet)).
Pour le garder de côté il vous suffit de l'enregistrer sur votre ordinateur avec l'extension .css et de l'ouvrir avec un éditeur de texte pour reprendre le code plus tard.
Ou dans la feuille de style de l'entourer avec /* et */ pour qu'il ne soit plus pris en compte, ce qui pour ce dernier cas donnerait :
Code:
/*a.forumtitle[href="/f14-l-edito-de-l-admin"]{
   position: relative;
   padding-left: 2em;
}
   
a.forumtitle[href="/f14-l-edito-de-l-admin"]:before{
   content: "NEW ";
   position: absolute;
   left: 0;
   font-size: 0.6em;
   animation: new 1s linear infinite;
}
   
@-webkit-keyframes new{
   0%{ opacity: 1}
   50%{ opacity: 0}
   100%{ opacity: 1}
}
   
@keyframes new{
   0%{ opacity: 1}
   50%{ opacity: 0}
   100%{ opacity: 1}
}*/
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: animer une catégorie ou une section .

Message par ptitegirafe54 Sam 27 Sep 2014 - 15:13

Neptune- a écrit:Et bien il suffit de remplacer mon code HTML par celui d'une image au format gif par exemple.

animer une catégorie ou une section . New-gif-032

pourriez vous m'expliquer , je debute en forum , et ses termes techniques cdlt
avatar

ptitegirafe54
***

Masculin
Messages : 167
Inscrit(e) le : 11/09/2014

http://www.majorette-rail-route.com
ptitegirafe54 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: animer une catégorie ou une section .

Message par badibou Sam 27 Sep 2014 - 16:48

Bonjour je sais pas s'il est trop tard mais voici le NEW que j'ai mis sur mon forum...

animer une catégorie ou une section . Gifs_a12

Cdt,
badibou

badibou
*****

Masculin
Messages : 609
Inscrit(e) le : 14/02/2013

http://www.forumdessports.com
badibou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: animer une catégorie ou une section .

Message par ptitegirafe54 Sam 27 Sep 2014 - 18:38

badibou a écrit:Bonjour je sais pas s'il est trop tard mais voici le NEW que j'ai mis sur mon forum...

animer une catégorie ou une section . Gifs_a12

Cdt,
jamais trop tard pour bien faire ! Un lien un code ?
Merci en attendant Smile
avatar

ptitegirafe54
***

Masculin
Messages : 167
Inscrit(e) le : 11/09/2014

http://www.majorette-rail-route.com
ptitegirafe54 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: animer une catégorie ou une section .

Message par badibou Sam 27 Sep 2014 - 19:07

c'est juste une image gif suffit de faire clic-droit dessus et tu l’enregistre...

cdt,
badibou

badibou
*****

Masculin
Messages : 609
Inscrit(e) le : 14/02/2013

http://www.forumdessports.com
badibou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: animer une catégorie ou une section .

Message par ptitegirafe54 Sam 27 Sep 2014 - 20:04

badibou a écrit:c'est juste une image gif suffit de faire clic-droit dessus et tu l’enregistre...

cdt,

ben merci Smile ca coresspond à mes recherches , l'essai est concluant . peut tu me dire ou on peut trouver ce genre d'images ?
avatar

ptitegirafe54
***

Masculin
Messages : 167
Inscrit(e) le : 11/09/2014

http://www.majorette-rail-route.com
ptitegirafe54 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: animer une catégorie ou une section .

Message par badibou Sam 27 Sep 2014 - 20:15

Sur google image ensuite je l'ai redimensionnée... sur ce SITE
badibou

badibou
*****

Masculin
Messages : 609
Inscrit(e) le : 14/02/2013

http://www.forumdessports.com
badibou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: animer une catégorie ou une section .

Message par ptitegirafe54 Sam 27 Sep 2014 - 20:21

merci beaucoup pour ta rapidité et ton lien . affaire résolue pour moi Wink
avatar

ptitegirafe54
***

Masculin
Messages : 167
Inscrit(e) le : 11/09/2014

http://www.majorette-rail-route.com
ptitegirafe54 a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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