Installer des nouveaux boutons pour ma barre de navigation via un générateur

[Alexlerouche]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://footmania.forumgratuit.be/

Description du problème

Bonjour à toutes et tous ,

Désolé si je ne suis pas dans la bonne section pour vous exposer ma demande ..

Voilà , comme le titre l'indique , j'aimerais refaire ma barre de navigation via un générateur de bouton (ce que je n'ai jamais fait de cette manière) , dont voici l'adresse => http://www.bestcssbuttongenerator.com/#/zR8uusexhJ (si jamais vous en avez d'autre(s) à me suggérer , je suis preneur .. ^^) ..
Le souci est que une fois configuré le bouton comme je le souhaite , ben , je ne sais pas quoi faire du code .. Lequel prendre , css , HTML ou les 2 ? Va-t-il falloir copier un code pour chaque bouton ? Et comment faire en sorte que les boutons apparaissent dans ma barre de navigation , je suppose qu'il faut les modifier (en fait j'en sais rien .. lol) ?

J'espère avoir bien expliqué mon petit problème et d'avance vous remercie pour votre aide ..

@ +

Alex.

[Alexlerouche]

Up

[f]

Salut tu veut quoi comme bouton ? tu parle bien de (Accueil, Membres, connexion)?
J'ai fait ce de mon Forum moi même, c'est sa que tu veut ? vas voir

[Alexlerouche]

Bonjour,

Salut tu veut quoi comme bouton ? tu parle bien de (Accueil, Membres, connexion)?

Oui c'est bien cela , la barre de navigation ..

J'ai fait ce de mon Forum moi même, c'est sa que tu veut ? vas voir

En fait je souhaite plus le même genre de bouton que dans le lien du site de générateur que j'ai posté précédemment ..
Si tu vas voir mon forum , j'ai déjà changé toute la barre initiale , mais je l'ai remplacé par de simples images prises dans un des thèmes Hitskin .. Le souci est qu'elles n'ont aucune réactivité au passage de la souris , et aussi que la police est un peu trop petite , donc un manque de lisibilité qui gène un peu certains membres ..
Alors voilà , le problème est que je ne sais comment m'y prendre pour installer les boutons que propose ce type générateur .. Je vois bien qu'il faut inclure les codes css et html , et j'ai essayé , mais sans succès ..
A titre informatif , je n'ai jamais "joué" avec les codes HTML .. C'est p-ê pas mal que je le précise .. ^^

Encore merci d'avance pour votre précieuse aide ..

Alex.

[Alexlerouche]

Après quelques recherches , je suis tombé sur ceci :

http://www.supportduweb.com/generateur-menus-horizontaux-html-css-javascript-gratuit.html

Voilà c'est exactement le même type de barre de navigation que j'aimerais installer sur mon forum ..

[Alexlerouche]

Bon j'arrive à installer la barre de navigation proposée dans ce lien : http://www.supportduweb.com/generateur-menus-horizontaux-html-css-javascript-gratuit.html mais seulement en copiant le code dans généralité , ce qui n'est pas du tout l'effet que je recherche , à savoir qu'elle prenne place sous la bannière , comme celle de base ..
Bref , j'ai toujours besoin d'un coup de pouce ..

[f]

Tu sais que tu peut en trouvé facilement dans les thèmes que propose ton Forum, là ils clignote ^^

[Alexlerouche]

Tu sais que tu peut en trouvé facilement dans les thèmes que propose ton Forum, là ils clignote ^^

Mouais .. J'ai déjà passé en revue énormément de thème mais c'est loin d'être facile de tomber sur des boutons qui correspondent un tant soit peu à mon thème ou encore , que tous les boutons dont j'ai besoin soient présents , souvent il en manque un ou deux ..

Sinon pour ce qui est de la barre de menu déroulant que propose supportduweb.com et que j'ai essayé d'installer , je n'avais pas pensé aux problème avec certains boutons , comme celui de "messages privés" où il doit y en avoir un deuxième pour prévenir de la réception d'un message (bouton "1 message reçu") et ça je ne pense pas qu'il y a moyen de l'intégrer dans ce type de barre ..

Bref hier je me suis amusé à créer des boutons avec ce générateur => http://cooltext.com/ , et pas de souci pour copier les images sauf ... quand je veux les configurer pour qu'elles soient réactives au passage de la souris , là je reçois un code HTML mais je ne sais pas du tout quoi en faire ..

Merci tout de même de vouloir m'aider , f ..

[Excidius]

Bonjour, si tu veux qu'elle soit réactive au passage de la souris fais le au css, exemple tu trouves le code html de ta barre de navigation, la balise "class" contenant tout les liens et fais ça.

Code:


.classdebalise:hover{
 width: 100px;

}



Le ":hover" en css signifie que l'élément séléctionné devra être comme tu le mettra en-dessous exemple en largeur 100px uniquement au passage de la souris. Tu peux y mettre ce que tu veux bien entendu.

Après si tu aimerai que je t'aide un peu mieux, montre le code html et le code css de ta barre de navigation.

[Alexlerouche]

Bonjour Excidius ,

Le code HTML dans le css ? Ca se trouve où ? Car là je suis sur mon forum test (http://standardfoot.forumgratuit.be/ comme tu peux le voir , les boutons sont installés , mais je les ai simplement hébergés et collés les url dans image mode avancé) et la feuille de style css y est complètement vierge ..

En tout cas , merci de vouloir m'aider !

[Excidius]

Je vois, pas de problème j'ai déjà trouvé ce qu'il faut.

Essai de mettre dans ta fiche style Css ceci :

Code:


.mainmenu img{
 transition: all 0.3s ease-in; 
 
}

.mainmenu img:hover{
 height: 50px;
  transition: all 0.3s ease-in;
 
}


C'est du Css3, pour décider de l'animation, ce qui se passe au survol de la souris en gros, modifie les code css qui se trouvent uniquement dans la partie :

.mainmenu img:hover

A la place de modifier la hauteur de l'image (height) tu peux décider de sa transparence aussi avec opacity, à choisir avec une valeur entre 0.1 et 1 !

EDIT: Surtout ne pas toucher à : transition: all 0.3s ease-in;

Ou alors si tu veux le toucher, c'est pour changer la vitesse de l'animation, "0.3s"

[Alexlerouche]

Aaaahhhh victoire !!

Un énorme merci , Excidius !

Je mets comme résolu ..

En même temps je te souhaite , ainsi qu'à l'équipe FDF et tous ses forumeurs , un joyeux noël et de bonnes fêtes de fin d'année !

Encore merci et à la prochaine ..

Alex.

[Excidius]

Au plaisir de t'avoir aidé et merci et toi aussi bonnes fête ^^