Annonce qui s'affiche dès que passe la souris
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Annonce qui s'affiche dès que passe la souris
Bonjour ,
je n'ai pas trouvée de messages de ce genre donc je poste
Voici ce que je voudrai :
Voilà le forum ou la capture a été prise : http://www.cocktail-graph.com
Voilà merci d'avance
je n'ai pas trouvée de messages de ce genre donc je poste
Voici ce que je voudrai :
- ceci...:
Voilà le forum ou la capture a été prise : http://www.cocktail-graph.com
Voilà merci d'avance
Dernière édition par NovemberGrW le Ven 22 Mar 2013 - 16:23, édité 1 fois
Re: Annonce qui s'affiche dès que passe la souris
Up
Dernière édition par NovemberGrW le Mer 20 Mar 2013 - 19:22, édité 1 fois
Re: Annonce qui s'affiche dès que passe la souris
Big rappel des règles :
Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné. Je vous invite à lire : A bientôt sur ForumActif |
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Annonce qui s'affiche dès que passe la souris
Bonjour,
désolée Matriochka...
désolée Matriochka...
Re: Annonce qui s'affiche dès que passe la souris
Si quelqu'un a une réponse, merci d'avance ^^
Re: Annonce qui s'affiche dès que passe la souris
Bonjour, désolé de l'incruste, j'essaye de t'apporter une aide si besoin ^^ Vérifie sur ce lien si tu trouves ton bonheur pour voir : https://forum.forumactif.com/t324078-gerer-le-contenu-d-un-panneau-lateral
Si oui, dit moi en des nouvelles! J'ai hâte.
Cdlt, Jayson
Si oui, dit moi en des nouvelles! J'ai hâte.
Cdlt, Jayson
Re: Annonce qui s'affiche dès que passe la souris
Bonjour,
Je voudrai le genre de code pour faire l'exemple car je n'ai pas tout à fait comprit ^^
Je voudrai le genre de code pour faire l'exemple car je n'ai pas tout à fait comprit ^^
Re: Annonce qui s'affiche dès que passe la souris
Bonjour November,
Il faut passer par les templates pour ça. Va dans Panneau d’admin > Affichage > Templates > Général. Ouvre le template overall_header, et trouves ceci :
Si on décortique le code :
En rouge : le lien de l’image de l’icône,
En vert : la class (le nom) de l’icône.
Une fois que tu as installé ton icône, va dans Panneau d’administration > Affichage > Couleurs > Feuille de styles CSS. Là, on pourra maintenant appliquer du style sur head_icone1, donc notre première icône amovible.
Voici une base que tu pourras utiliser et modifier à ton besoin :
Premier code, icône par défaut :
Dans le premier code, on déplace donc notre image de manière à ce qu’elle vienne se placer sur la gauche du forum et pour qu’elle soit partiellement cachée. Dans le second code, on lui permet, avec un effet de transition, de se déplacer lorsque le curseur de la souris passe dessus. Selon la largeur de l’image que tu utilises, il faudra évidemment régler les valeurs attribuées à left dans les deux codes.
Pour ajouter d’autres images, c’est simple, tu refais cette même manœuvre (modif template + ajout CSS) autant de fois que tu veux, en modifiant toujours la valeur attribuée à top pour éviter que les icônes ne se chevauchent.
Exemple. Mon icône 1 est à 50 pixels du haut, donc mon icônes 2 sera à 100 pixels, et ma troisième à 150, etc.
N’hésite pas si tu as des questions
Il faut passer par les templates pour ça. Va dans Panneau d’admin > Affichage > Templates > Général. Ouvre le template overall_header, et trouves ceci :
- Code:
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
- Code:
<a href="URL"><img src="URL" class="head_icone1" /></a>
Si on décortique le code :
En bleu : le lien où mène l’icône,<a href="URL"><img src="URL" class="head_icone1" /></a>
En rouge : le lien de l’image de l’icône,
En vert : la class (le nom) de l’icône.
Une fois que tu as installé ton icône, va dans Panneau d’administration > Affichage > Couleurs > Feuille de styles CSS. Là, on pourra maintenant appliquer du style sur head_icone1, donc notre première icône amovible.
Voici une base que tu pourras utiliser et modifier à ton besoin :
Premier code, icône par défaut :
- Code:
/* Icône 1 cachée, sans survol */
.head_icone1 {
top:50px; /* disposition par rapport au haut de page */
left:10px; /* disposition par rapport à la gauche de la page */
position:absolute; /* élément flottant */
-moz-transition:all 0.5s; /* transition Mozilla Firefox */
-webkit-transition:all 0.5s; /* transition Safari et Google Chrome */
-o-transition:all 0.5s; /* transition Opera */
transition:all 0.5s; /* transition défaut */}
- Code:
/* Icône 1 découverte, au survol */
.head_icone1:hover {
top:50px; /* disposition par rapport au haut de page */
left:100px; /* disposition par rapport à la gauche de la page */
position:absolute; /* élément flottant */}
Dans le premier code, on déplace donc notre image de manière à ce qu’elle vienne se placer sur la gauche du forum et pour qu’elle soit partiellement cachée. Dans le second code, on lui permet, avec un effet de transition, de se déplacer lorsque le curseur de la souris passe dessus. Selon la largeur de l’image que tu utilises, il faudra évidemment régler les valeurs attribuées à left dans les deux codes.
Pour ajouter d’autres images, c’est simple, tu refais cette même manœuvre (modif template + ajout CSS) autant de fois que tu veux, en modifiant toujours la valeur attribuée à top pour éviter que les icônes ne se chevauchent.
Exemple. Mon icône 1 est à 50 pixels du haut, donc mon icônes 2 sera à 100 pixels, et ma troisième à 150, etc.
N’hésite pas si tu as des questions
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Annonce qui s'affiche dès que passe la souris
Merci c'est exactement ce qu'il me fallait, merci encore
Sujets similaires
» Changement de couleur "Nom d'utilisateur" et le "Mot de passe" quand le souris passe au dessus
» Aggrandissement lorsqu'on passe la souris...
» ModernBB : Menu invisible sauf quand on passe la souris dessus
» Animé le texte quand on passe le curseur de la souris
» Changer une image de la barre de navigation quand la souris passe dessus (PHPBB2)
» Aggrandissement lorsqu'on passe la souris...
» ModernBB : Menu invisible sauf quand on passe la souris dessus
» Animé le texte quand on passe le curseur de la souris
» Changer une image de la barre de navigation quand la souris passe dessus (PHPBB2)
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum