animer une catégorie ou une section .

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 le 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

ptitegirafe54
***

Masculin
Messages : 163
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 le 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
+ Hyperactif +

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

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

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

Message par ptitegirafe54 le 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 ...

ptitegirafe54
***

Masculin
Messages : 163
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 le 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.


Neptunia
+ Hyperactif +

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

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

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

Message par Self le 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
+ Hyperactif +

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

Self a été remercié(e) par l'auteur de ce sujet.

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

Message par ptitegirafe54 le 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 ?

ptitegirafe54
***

Masculin
Messages : 163
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 le 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
+ Hyperactif +

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

Self a été remercié(e) par l'auteur de ce sujet.

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

Message par ptitegirafe54 le 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.


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

ptitegirafe54
***

Masculin
Messages : 163
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 le 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...



Cdt,

badibou
*****

Masculin
Messages : 544
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 le 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...



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

ptitegirafe54
***

Masculin
Messages : 163
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 le Sam 27 Sep 2014 - 19:07

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

cdt,

badibou
*****

Masculin
Messages : 544
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 le 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 ?

ptitegirafe54
***

Masculin
Messages : 163
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 le Sam 27 Sep 2014 - 20:15

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

badibou
*****

Masculin
Messages : 544
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 le Sam 27 Sep 2014 - 20:21

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

ptitegirafe54
***

Masculin
Messages : 163
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


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