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◦
Créactif
Créactif

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

http://www.forum-can-am.com/forum
◦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