[Réglé] Modification de la nav bar

Pour les recherches et les demandes de modifications de styles concernant votre forum phpBB 3.1

Modérateur: Equipe

Règles du forum
A lire impérativement : Règlement de phpBB-fr.com - Conditions générales de support graphique

Attention : pour éviter les bogues, votre style doit être mis à jour en même temps que votre forum, et ce, dans la dernière version disponible de phpBB !

[Réglé] Modification de la nav bar

Messagepar AustinFlorkiz » 03 Mai 2015 à 10:41

Bonjour,

Je me présente je suis Austin( Quentin)
Je suis sur le projet d'un site (communauté)

J'aimerais modifier ma nav bar qui ce présente comme ceci :
http://www.noelshack.com/2015-18-143064 ... -36-20.png

j'aimerais juste rajouter au dessus de mon forum une nav bar plus pousser :
http://www.noelshack.com/2015-18-1430645999-forum.png

Si vous pouvez m'aider /m'indiquer le chemin a suivre sa serait cool :)
Merci
ps: je suis nouveau j'espère que je suis dans la bonne section :a:

Austin.
AustinFlorkiz
Posteur néophyte
Posteur néophyte
 
Messages: 42
Enregistré le: 03 Mai 2015 à 10:31

Re: Modification de la nav bar

Messagepar Skouat » 03 Mai 2015 à 12:28

Bonjour,

Et bienvenue sur nos forums.

AustinFlorkiz a écrit:ps: je suis nouveau j'espère que je suis dans la bonne section :a:

Perdu :mrgreen:

Votre sujet a été déplacé par un membre de l'équipe.
Origine : Index du forum ‹ phpBB 3.1.x (Ascraeus) ‹ Support phpBB 3.1.x ‹ Utilisation
Motif : Concerne une demande de modification de style.


Par contre, va falloir être un peu plus exhaustif sur les infos.

AustinFlorkiz a écrit:j'aimerais juste rajouter au dessus de mon forum une nav bar plus pousser :

Ajouter ou déplacer la nav bar ?
La modifier pour qu'elle contienne plus d'infos ? Oui, mais Lesquels exactement ?
J'entend par là, qui y a-t'il comme information dernière chaque nouvel élément ?
Car pour certains, ca sera faisable, pour d'autres peut-être pas.

Pour l'instant je déplace dans les forums "Modifications de styles" pour voir ce qu'en penses l'équipe des graphs.

Cordialement.
Skouat
Traducteur
Traducteur
 
Messages: 13939
Enregistré le: 02 Avr 2008 à 19:47

Re: Modification de la nav bar

Messagepar AustinFlorkiz » 03 Mai 2015 à 12:49

Hello

Merci ^^"

Je pense plutôt la déplacer en haut est remplacer celle actuel par l'exemple que j'ai montrer

dernière chaque boutons:
-1 (avion) accueil du site
-2 (forum) accueil du forum
-3 (aide) une page d'aire (pourquoi pas la page FAQ)
-4 (groupes) liste des groupes
-5 (membres) liste les membre
-6 (reglement) page de règlement
-7 (connexion ) page pour ce connecter (si on est déjà connecter on a alors le bouton déconnexion)
-8 (inscription) page pour s'inscrire (si on est conencté le bouton là ne s'affiche pas)
-9 (profil) page pour aller a son profil (si on est connecté)
-10 (MP) page pour aller a sa messagerie (si on a reçu 1 ou plusieurs message le bouton MP et remplalcer par MP NEWS)
-11 (communauté) page pour aller a la page de communauté il y aura des information (du genre fansite / concours etc..)

je voudrais que l'on puisse naviguer sur mon site grace a cette bar de navigation (un peux dans le style de blablaland.com)

Merci :)
Austin.
AustinFlorkiz
Posteur néophyte
Posteur néophyte
 
Messages: 42
Enregistré le: 03 Mai 2015 à 10:31

Re: Modification de la nav bar

Messagepar Manard » 03 Mai 2015 à 15:56

Bonjour Austin,


Sur mon forum de test j'ai installé une barre de navigation supplémentaire qui semble correspondre à ta recherche, regarde cette extension : https://www.phpbb.com/community/viewtop ... &t=2270121

Attention elle est au stade de développement, chez moi elle semble fonctionnelle mais tant qu'elle n'est pas validée, faut être prudent...

Bonne journée

Bernard
Manard
Roi des posts
Roi des posts
 
Messages: 951
Enregistré le: 31 Mar 2012 à 08:24

Re: Modification de la nav bar

Messagepar cabot » 03 Mai 2015 à 16:19

Oui mais nan, ne serait-ce qu'au niveau du code HTML, c'est du nawak.

Utilisation de balises HTML obsolètes et absence de conditions, ce qui renvoie des propriétés sans valeur dans les attributs de style.

Bref, c'est vraiment à déconseiller en prod pour le moment. :mrgreen:

Je vais te préparer un petit quelque chose. ^^

/* Edit
****************/
Je viens de te faire un truc à la louche, il faudra peut-être peaufiner.

Ouvre le fichier overall_header.html, convertis-le en UTF-8 sans bom pour éviter les problème d'encodage.
Trouve :
Code: Tout sélectionner
		<div class="headerbar">

Ajoute avant :
Code: Tout sélectionner
		<div class="menuwrap">	
			<ul class="menunav">
				<li class="menu-home"><a href="#"><img src="{T_THEME_PATH}/images/avion.png" alt="Accueil"/></a></li>
				<li class="menu-forum"><a href="{U_INDEX}">Forum</a></li>
				<li class="menu-aide"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">Aide</a></li>
				<!-- IF not S_IS_BOT and (S_DISPLAY_MEMBERLIST or U_TEAM) -->
					<!-- IF U_TEAM --><li class="menu-groupes"><a href="{U_TEAM}">Groupes</a></li><!-- ENDIF -->
					<!-- IF S_DISPLAY_MEMBERLIST --><li class="menu-membres"><a href="{U_MEMBERLIST}">Membres</a></li><!-- ENDIF -->
				<!-- ENDIF -->
				<li class="menu-reglement"><a href="#">Règlement</a></li>
				<!-- IF S_REGISTERED_USER -->
					<li class="menu-profil"><a href="{U_PROFILE}" title="{L_PROFILE}">Profil</a></li>
					<!-- IF S_DISPLAY_PM --><li class="menu-mp"><a<!-- IF S_USER_NEW_PRIVMSG --> class="nouveauxmp"<!-- ENDIF --> href="{U_PRIVATEMSGS}">MP<!-- IF S_USER_UNREAD_PRIVMSG --><span>{PRIVATE_MESSAGE_COUNT}</span><!-- ENDIF --></a></li><!-- ENDIF -->
					<li class="menu-connexion"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}">Déconnexion</a></li>
				<!-- ELSE -->
				<li class="menu-connexion"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}">Connexion</a></li>
				<!-- IF S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><li class="menu-inscription"><a href="{U_REGISTER}">Inscription</a></li><!-- ENDIF -->
				<!-- ENDIF -->
				<li class="menu-communaute"><a href="#">Communauté</a></li>
			</ul>
		</div>

Ajoute à la fin de colours.css :
Code: Tout sélectionner
/* Barre de navigation
---------------------------------------- */
.menuwrap {
	text-align: center;
	margin-bottom: 15px;
}

.menunav {
	background-color: #FA199E;
	border: 3px solid #fff;
	border-radius: 10px;
	box-shadow: 0 2px 2px rgba(128, 128, 128, 0.72);
	display: inline-block;
}

.menunav li {
	display: inline;
}

.menunav a {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	display: inline-block;
	padding: 8px 8px 10px 10px;
	border-left: 1px solid #FFF;
	text-shadow: 0 2px 2px #323232;
	text-decoration: none;
	position: relative;
}

.menunav li:first-child a {
	border-left: 0;
	padding: 0 1px;
	vertical-align: middle;
}

a.nouveauxmp {
	color: #A3FF12;
}

.menu-mp span {
	color: #FFF;
	font-size: 9px;
	position: absolute;
	right: 0;
	top: 0;
}

Envoie l'image ci-dessous dans le dossier /theme/images/ du style sur le FTP.
avion.png
avion.png (1.03 Kio) Vu 564 fois
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26813
Enregistré le: 13 Fév 2011 à 19:42
Localisation: Rarement sur la plaque

Re: Modification de la nav bar

Messagepar AustinFlorkiz » 03 Mai 2015 à 21:19

Re coucou
Merci de vos réponses

@cabot j'ai essayer vos scripts mais l'image "avion" ne s'affiche pas une fois mis le tout en ligne ...

J'attend de voir la réaction d'autres personnes.
Si vous avez d'autres idées n'hésitez pas :)

Merci

Austin.
AustinFlorkiz
Posteur néophyte
Posteur néophyte
 
Messages: 42
Enregistré le: 03 Mai 2015 à 10:31

Re: Modification de la nav bar

Messagepar cabot » 03 Mai 2015 à 21:29

On va voir le problème en ligne, envoie l'adresse de ton forum stp.
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26813
Enregistré le: 13 Fév 2011 à 19:42
Localisation: Rarement sur la plaque

Re: Modification de la nav bar

Messagepar AustinFlorkiz » 04 Mai 2015 à 21:02

Re

Voici le lien de mon site: http://www.florkiz-dev.esy.es/forum
Merci.

Austin
AustinFlorkiz
Posteur néophyte
Posteur néophyte
 
Messages: 42
Enregistré le: 03 Mai 2015 à 10:31

Re: Modification de la nav bar

Messagepar cabot » 04 Mai 2015 à 21:28

Tu n'as pas fait les modifs, ça va être compliqué de trouver la raison pour laquelle l'image n'est pas affichée.
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26813
Enregistré le: 13 Fév 2011 à 19:42
Localisation: Rarement sur la plaque

Re: Modification de la nav bar

Messagepar AustinFlorkiz » 05 Mai 2015 à 00:30

Re Bonsoir
Je viens de faire les modifications que vous avez indiqué
L'image ne s'affiche toujour pas

merci

Austin.
AustinFlorkiz
Posteur néophyte
Posteur néophyte
 
Messages: 42
Enregistré le: 03 Mai 2015 à 10:31

Re: Modification de la nav bar

Messagepar cabot » 05 Mai 2015 à 07:33

Nan mais ce n'est pas un problème avec l'image puisque c'est l'intégralité du menu qui n'est pas affiché.
De plus même s'il y avait un souci avec l'image, le texte Accueil contenu dans l'attribut alt s'afficherait à la place.

Il faut vider le cache du forum.

Pendant toute la période de développement du style, je te conseille de sélectionner l'option "Recompiler les différents éléments du style" dans les paramètres de charge d'éviter le vidage du cache à chaque modif.
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26813
Enregistré le: 13 Fév 2011 à 19:42
Localisation: Rarement sur la plaque

Re: Modification de la nav bar

Messagepar AustinFlorkiz » 05 Mai 2015 à 12:14

Re je vais faire sa se soir j'éditerais mon post pour vous donner d'autres informations supplémentaires

EDIT:
Bonsoir, merci pour votre aide, j'y suis arrivé :)
Je pense que le topic peut être fermé

Merci :)

Austin.
AustinFlorkiz
Posteur néophyte
Posteur néophyte
 
Messages: 42
Enregistré le: 03 Mai 2015 à 10:31

Re: Modification de la nav bar

Messagepar cabot » 05 Mai 2015 à 19:24

AustinFlorkiz a écrit:Je pense que le topic peut être fermé

C'est toi qui t'en occupe en sélectionnant l'attribut de sujet Réglé dans la liste d'options située sous ce message. :wink:
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26813
Enregistré le: 13 Fév 2011 à 19:42
Localisation: Rarement sur la plaque


Retourner vers [3.1.x] Modifications et recherche de styles

 


  • Articles en relation
    Réponses
    Vues
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 2 invités