Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

2 petits problème avec ma barre de navigation

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

Résolu 2 petits problème avec ma barre de navigation

Message par Neffa le Mer 28 Juin 2017 - 17:40

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Opera
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : depuis que j'ai mis ce code
Lien du forum : http://hbsfifa.boum.tv

Description du problème

Bonjour, j'aimerai faire une barre de navigation de ce style:

Voici la mienne: (je ne sais pas quoi ajouter pour avoir un rendu comme sur l'image 1)


Voici le css actuel:
Code:
.bodyline {
border-top: 0px solid #fff;
  border-right: 4px solid #47898F;
  border-left: 4px solid #47898F;
  border-bottom: 0px solid #fff;
  box-shadow: 0px 0px 3px #000;
}

/* GENERAL ET CORPS DE PAGE */


body
{
  margin: 0;
  padding: 0px;
}

.navigation
{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.navigation div
{
  box-sizing: border-box;
  width: 60%;
  margin: auto;
        min-width: 60%;
  border-bottom: 2px solid #A7D94A;
  border-top: 2px solid #;
  text-align: center;
  box-shadow: 0px 0px 3px #000;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
  background-color: #47898F;
}

a.mainmenu {
    padding-top: 10px;
font-family: Lato;
font-size: 12px;
color: #FFF;
    text-shadow: 0px 1px 0px #757575;
  font-weight : normal;
  text-transform: uppercase;
}


J'ai aussi un autre petit problème avec le etxte de la barre de navigation, depuis que j'ai mis ce code javascript pour enlever le pseudo après "Déconnexion"
Code:
$(function() {
$('a.mainmenu[href^="/login?logout=1&tid="]').text('Déconnexion');
});
Le Déconnexion ne se met pas comme les autres, il est trop collé à "Profil"
https://www.noelshack.com/2017-26-3-1498664313-yy.png


Dernière édition par Neffa le Sam 1 Juil 2017 - 1:31, édité 1 fois

Neffa
**

Messages : 70
Inscrit(e) le : 31/03/2013

http://hbsfifa.boum.tv
Neffa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: 2 petits problème avec ma barre de navigation

Message par Neffa le Ven 30 Juin 2017 - 2:16

up

Neffa
**

Messages : 70
Inscrit(e) le : 31/03/2013

http://hbsfifa.boum.tv
Neffa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: 2 petits problème avec ma barre de navigation

Message par Tawn62 le Ven 30 Juin 2017 - 5:40

Code:
.navigation div {width:100%}
avatar

Tawn62
**

Masculin
Messages : 90
Inscrit(e) le : 04/09/2013

http://www.syras.net/
Tawn62 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: 2 petits problème avec ma barre de navigation

Message par Neffa le Ven 30 Juin 2017 - 17:49

Non je ne veux pas la mettre à 100%, je veux la garder à 60%, regarde mon forum hbsfifa.boum.tv, je veux juste que la barre verte fluo s'accorde proprement avec les contours comme l'image 1, merci quand meme

Neffa
**

Messages : 70
Inscrit(e) le : 31/03/2013

http://hbsfifa.boum.tv
Neffa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: 2 petits problème avec ma barre de navigation

Message par ◦Jay◦ le Ven 30 Juin 2017 - 20:02

Bonjour Neffa, votre code actuellement est comme ceci :


Code:
.navigation div
{
  box-sizing: border-box;
  width: 60%;
  margin: auto;
        min-width: 60%;
  border-bottom: 2px solid #A7D94A;
  border-top: 2px solid #;
  text-align: center;
  box-shadow: 0px 0px 3px #000;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
  background-color: #47898F;
}

Remplacez-le par :

Code:
.navigation div
{
  width: 59.5%;
  margin:auto;
  border-bottom: 2px solid #A7D94A;
  text-align: center;
  background-color: #47898F;
}

Pour votre problème d'espace avant le bouton déconnexion, essayez ceci, réglez l'espace(20px) comme bon vous semble :

Code:
a#logout.mainmenu{padding-left:20px !important;}



Bien à vous.


avatar

◦Jay◦
Membre actif

Masculin
Messages : 4191
Inscrit(e) le : 24/12/2014

https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: 2 petits problème avec ma barre de navigation

Message par Neffa le Sam 1 Juil 2017 - 1:30

Salut tes deux codes focntionnent très bien, merci beaucoup  :youopi:

résolu

Neffa
**

Messages : 70
Inscrit(e) le : 31/03/2013

http://hbsfifa.boum.tv
Neffa 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