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

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

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

Message par Alexlerouche le Jeu 18 Déc 2014 - 6:36

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.


Dernière édition par Alexlerouche le Sam 20 Déc 2014 - 11:27, édité 1 fois

Alexlerouche
***

Masculin
Messages : 160
Inscrit(e) le : 25/04/2014

http://footmania.forumgratuit.be/
Alexlerouche a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Installer des nouveaux boutons pour ma barre de navigation via un générateur

Message par Alexlerouche le Jeu 18 Déc 2014 - 20:39

Up cheers

Alexlerouche
***

Masculin
Messages : 160
Inscrit(e) le : 25/04/2014

http://footmania.forumgratuit.be/
Alexlerouche a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Installer des nouveaux boutons pour ma barre de navigation via un générateur

Message par f le Jeu 18 Déc 2014 - 22:48

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

f
***

Masculin
Messages : 116
Inscrit(e) le : 26/09/2009

http://echecfaitmain.forumactif.com/
f a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Installer des nouveaux boutons pour ma barre de navigation via un générateur

Message par Alexlerouche le Ven 19 Déc 2014 - 6:26

Bonjour,

@f a écrit:Salut tu veut quoi comme bouton ? tu parle bien de (Accueil, Membres, connexion)?

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

@f a écrit: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
***

Masculin
Messages : 160
Inscrit(e) le : 25/04/2014

http://footmania.forumgratuit.be/
Alexlerouche a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Installer des nouveaux boutons pour ma barre de navigation via un générateur

Message par Alexlerouche le Ven 19 Déc 2014 - 6:45

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

Masculin
Messages : 160
Inscrit(e) le : 25/04/2014

http://footmania.forumgratuit.be/
Alexlerouche a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Installer des nouveaux boutons pour ma barre de navigation via un générateur

Message par Alexlerouche le Ven 19 Déc 2014 - 13:59

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


Alexlerouche
***

Masculin
Messages : 160
Inscrit(e) le : 25/04/2014

http://footmania.forumgratuit.be/
Alexlerouche a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Installer des nouveaux boutons pour ma barre de navigation via un générateur

Message par f le Ven 19 Déc 2014 - 20:33

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

f
***

Masculin
Messages : 116
Inscrit(e) le : 26/09/2009

http://echecfaitmain.forumactif.com/
f a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Installer des nouveaux boutons pour ma barre de navigation via un générateur

Message par Alexlerouche le Sam 20 Déc 2014 - 10:07

@f a écrit: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 .. Neutral

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 .. Wink

Alexlerouche
***

Masculin
Messages : 160
Inscrit(e) le : 25/04/2014

http://footmania.forumgratuit.be/
Alexlerouche a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Installer des nouveaux boutons pour ma barre de navigation via un générateur

Message par Excidius le Sam 20 Déc 2014 - 10:33

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.



Excidius
**

Messages : 69
Inscrit(e) le : 30/01/2014

http://excidius-rpg.forumactif.org
Excidius a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Installer des nouveaux boutons pour ma barre de navigation via un générateur

Message par Alexlerouche le Sam 20 Déc 2014 - 11:06

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 ! Smile

Alexlerouche
***

Masculin
Messages : 160
Inscrit(e) le : 25/04/2014

http://footmania.forumgratuit.be/
Alexlerouche a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Installer des nouveaux boutons pour ma barre de navigation via un générateur

Message par Excidius le Sam 20 Déc 2014 - 11:20

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 ! Smile

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"

Excidius
**

Messages : 69
Inscrit(e) le : 30/01/2014

http://excidius-rpg.forumactif.org
Excidius a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Installer des nouveaux boutons pour ma barre de navigation via un générateur

Message par Alexlerouche le Sam 20 Déc 2014 - 11:27

Aaaahhhh victoire !! cheers cheers cheers

Un énorme merci , Excidius ! Yes

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 .. Wink

Alex.

Alexlerouche
***

Masculin
Messages : 160
Inscrit(e) le : 25/04/2014

http://footmania.forumgratuit.be/
Alexlerouche a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Installer des nouveaux boutons pour ma barre de navigation via un générateur

Message par Excidius le Sam 20 Déc 2014 - 11:29

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

Excidius
**

Messages : 69
Inscrit(e) le : 30/01/2014

http://excidius-rpg.forumactif.org
Excidius 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