Espace barre de navigation et description

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

Résolu Espace barre de navigation et description

Message par Invité Mer 24 Juil 2013 - 20:55

Bonsoir encore moi et oui Laughing,

Encore des histoires d'espace, cette fois ce serait pour modifier l'écart entre la barre de navigation et la description, ce qui est encadré en noir sur l'image :

Espace barre de navigation et description Probla10

Merci !
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace barre de navigation et description

Message par Matriochka Mer 24 Juil 2013 - 21:06

Bonsoir,

Ceci devrait convenir, à placer dans le CSS :
Code:
a.mainmenu {margin-bottom:15px!important;}
Tu peux augmenter la valeur si besoin.
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace barre de navigation et description

Message par Invité Mer 24 Juil 2013 - 21:16

Ça ne marche pas :/ j'ai mis jusqu'à 100px mais quand je compare avec l'original rien ne bouge, j'ai peut-être un autre code dans le CSS qui empêche la modification ?

Code:
#page-footer
{
  width: 800px;
  height: 137px;
  margin: auto;
  background:
  border-top: 3px solid #545454;
}
#page-footer a
{
  font-size: 10px;
  color: #545454 !important;
}
#page-footer a:hover
{
  color: #303030 !important
}

/*Mise en page catégories*/
.cate_titre
{
  width: 98%;
  margin: auto;
  text-align: center;
}
.categorie
{
  width: 98%;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 50px;
  background: #4F4545;
  border-top: 3px solid #4c4842;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  box-shadow: 0px 0px 5px #595959;
  -moz-box-shadow: 0px 0px 5px #595959;
  -o-box-shadow: 0px 0px 5px #595959;
  -htm-box-shadow: 0px 0px 5px #595959;
  -webkit-box-shadow: 0px 0px 5px #595959;
}
.forum
{
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  background: #4F4545;
  border: 1px dotted #c0c0c0;
  padding: 2px;
}
.forumlink
{
  display: block;
  width: 400px;
  font-variant: small-caps;
  letter-spacing: 2px;
  padding-left: 20px;
  text-shadow: 1px 1px 0px #ffffff;
}
.forumlink a
{
  font-size: 16px;
  border-bottom: 2px dotted #c0c0c0;
}
.description
{
  display: block;
  width: 400px;
  margin: auto;
  font-size: 11px;
  text-align: justify;
  color: #a6a6a6;
}
.illu
{
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
  border: 1px solid #c0c0c0;
  background: #786B6B;
  padding: 5px;
}

.stats_last
{
  display: block;
  width: 150px;
  margin: auto;
  background: #786B6B;
  padding: 10px;
  border: 1px dotted #c0c0c0;
}
.stats
{
  display: block;
  text-align: center;
  font-size: 10px;
  color: #a6a6a6;
  border-bottom: 1px solid #cacaca;
  padding-bottom: 4px;
  margin-bottom: 4px;
}
.last
{
  display: block;
  text-align: center;
  font-size: 11px;
}
.sous_forum
{
  display: block;
  width: 98%;
  margin: auto;
  background: #786B6B;
  padding: 2px;
  text-align: center;
}

/*Mise en page diverses*/.forumline
{
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #e9e9e6;
  border: 1px solid #000000;
  box-shadow: 0px 0px 5px #595959;
  -moz-box-shadow: 0px 0px 5px #595959;
  -o-box-shadow: 0px 0px 5px #595959;
  -htm-box-shadow: 0px 0px 5px #595959;
  -webkit-box-shadow: 0px 0px 5px #595959;
}

.forumline
{
  width: 98%;
  margin: auto;
}
table
{
  width:
  margin: auto;
}
/*fin du code*/
/*Code pour certains problèmes*/a:link, a:link hover
{
  text-decoration: none !important;
}
#navig a
{
  font-weight: bold;
  color: #b9b9b9 !important;
  text-shadow: 1px 1px 0px #000000;
}
#navig a:hover
{
  color: #efefef !important;
}

#i_logo
{
  margin-top: 22px;
}
/*Fin du code*/
/*Code de la navigation*/
#navigation
{
  position: fixed;
  z-index: 999;
  height: 30px;
  width: 100%;
  margin-left: -8px;
}
#navig
{
  width: 800px;
  margin: auto;
  text-align: center;
  background: #4c4842;
  border-bottom: 2px solid #939393;
  padding-bottom: 3px;
}
#navig a
{
  font-weight: bold;
}/*Fin du code*/

/*Code pour une petite ombre*/
.bodyline
{
  width: 950px;
  padding: 0;
  background: #c0c0c0;
  border-left: 5px solid #4c4842;
  border-right: 5px solid #4c4842;
  box-shadow: 0px 0px 10px #000000;
  -moz-box-shadow: 0px 0px 10px #000000;
  -o-box-shadow: 0px 0px 10px #000000;
  -htm-box-shadow: 0px 0px 10px #000000;
  -webkit-box-shadow: 0px 0px 10px #000000;
}
/*Fin de ce code*/
/*Début mise en page bannière*/
.bodylinewidth
{
  width: 800px;
}

.bodyline
{
  width: 800px;
  padding: 0;
  background: #;
}

.bodylinewidth
{
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  margin-bottom: 0px;
}
/*Fin code*/
/* début code slide vertical*/
#acordvert
{
width: 850px;
border-top-style: groove;
border-top-color: #1F1515;
border-right-color: #1F1515;
border-bottom-color: #1F1515;
border-left-color: #1F1515;
border-right-style: groove;
border-bottom-style: groove;
border-left-style: groove;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
}
#info1
{
width: 850px;
height: 30px;
overflow: hidden;
background-color:#362C2C;
border-bottom: 1px dashed #1F1515;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
#info2
{
width: 850px;
height: 30px;
overflow: hidden;
background-color:#362C2C;
border-bottom: 1px dashed #1F1515;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
#info3
{
width: 850px;
height: 30px;
overflow: hidden;
background-color:#362C2C;
border-bottom: 1px dashed #1F1515;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
#info4
{
width: 850px;
height: 30px;
overflow: hidden;
background-color:#362C2C;
border-bottom: 1px dashed #1F1515;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

#info6
{
width: 850px;
height: 30px;
overflow: hidden;
background-color:#362C2C;
border-bottom: 1px dashed #1F1515;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

#info1:hover
{
height: 250px;
overflow: hidden;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;

}

 #info2:hover
{
height: 600px;
overflow: hidden;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;

}



 #info3:hover
{
height: 1900px;
overflow: hidden;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;

}


#info4:hover
{
height: 1200px;
overflow: hidden;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;

}

#info6:hover
{
height: 500px;
overflow: hidden;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;

}

.titre
{
display: block;
text-align: center;
width: 850px;
height: 30px;
font-size: 20px;
letter-spacing: 2px;
font-family: verdana;
font-weight: italic;
padding-top: 2px;
color:#300
}
.contenu
{
width: 90%;
margin: auto;
background-color: #BBB;
padding: 4px;
color: #300;
font-size: 14px;
text-align: justify;
border-top-style: groove;
border-top-color: #088;
border-right-color: #088;
border-bottom-color: #088;
border-left-color: #088;
border-right-style: groove;
border-bottom-style: groove;
border-left-style: groove;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
}
/* Fin du code pour le slide vertical*/

.statistiques{
border:0px;
background-image: ;
background-repeat: no-repeat;
background-position: center;
height:300px;}

.groupes{
background-color:#4e3939;border: 1px;
-moz-border-radius : 15px 15px 15px 15px;
border-left: 6px solid #301313;
border-right: 6px solid #301313;
height:40px;padding-right:5px;padding-left:5px;padding-bottom:1px;
font-size:12px;font-weight: bold;text-align:center;
text-decoration: none !important;}





.box {
background-color:#1F1515;
color:#363642;
font-size:11px;
margin:0;
padding:3px 10px;
}

.main
{font-family:  serif;
text-transform : uppercase;
text-align: center;
font-size: 100%;
background-color: #363642;
border-bottom: 2px solid #A6A4A4;
color: #FCFCFC;
letter-spacing: 1px;
display: block;}

.main:hover
{background-color: #A6A4A4;
text-align: center;
display: block;
border-bottom: 2px solid #363642;
}


a.imginfo {
  position: relative;
  color: #7d7d7d;
  text-decoration: none;
  border-bottom: 0px #7d7d7d solid;
}

a.imginfo span {
  display: none;
}
a.imginfo:hover {
  background: none;
  z-index: 999;
  cursor: help;
}
a.imginfo:hover span {
  display: inline;
  position: absolute;
  white-space: nowrap;
  top: 5px;
  left: 15px;
  background: #363642;
  color: 7d7d7d;
  padding: 3px;
  border: 0px solid grey;
  border-left: 5px solid #b6b6b6;
  border-right: 3px solid #b6b6b6;
  border-top: 3px solid #b6b6b6;
  border-bottom: 5px solid #b6b6b6;
}

.abc {border-bottom: 5px solid #1A100F}
.def {
background-color: #1A100F;
-moz-border-radius:5px;
font-size: 10px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 3px;
}

.bodyline {-moz-border-radius:20px;}

.bodyline{border:7px solid #1F1515;
}

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px solid #1F1515;
}

-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }




th {
-moz-border-radius-topleft: 20%;
-moz-border-radius-topright: 20%;
border-top-left-radius: 20%;
border-top-right-radius: 20%;
}

.bodylinewidth {
width: 80%}

.mainmenu {font-size: 16px;}
.mainmenu {font-family: LeviReBrushed;}
.mainmenu { margin-left: 5px; margin-right: 5px; }

#i_logo{margin-bottom: 20px;}

        .mini_ava {
          float: left;
        }
        .mini_ava img {
          width: 32px;
          height: 32px;
          margin: 0 5px;
          border-radius: 20px;
          transition: all 2s;
          -moz-transition: all 2s;
          -webkit-transition: all 2s;
          -o-transition: all 2s;
        }
        .mini_ava img:hover
        {
          width: 80px;
          height: 80px;
        }

        a.mainmenu[href^="/calendar"] {margin-left:0px; margin-right:5px;}
        a.mainmenu[href^="/faq"] {margin-left:5px; margin-right:5px;}
        a.mainmenu[href^="/search"] {margin-left:5px; margin-right:15px;}
        a.mainmenu[href^="/memberlist"] {margin-left:15px; margin-right:15px;}
        a.mainmenu[href^="/groups"] {margin-left:15px; margin-right:5px;}
        a.mainmenu[href^="/profils?mode"] {margin-left:5px; margin-right:5px;}
        a.mainmenu[href^="/privmsg?folder"] {margin-left:5px; margin-right:15px;}
        a.mainmenu[href^="/login?logout"] {margin-left:15px; margin-right:0px;}

        #chatbox_header .cattitle strong {
        display : none;
        }
        #chatbox_header .cattitle:before {
        content : "Chat";
        }

        a.mainmenu {margin-bottom:100px !important;
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace barre de navigation et description

Message par Matriochka Mer 24 Juil 2013 - 21:18

Code:
a.mainmenu {margin-bottom:100px !important;
Tu n’as pas fermé l’accolade.

Si ça ne fonctionne toujours pas, ajoute un saut de ligne après {GENERATED_NAVBAR} dans le template overall_header Wink
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace barre de navigation et description

Message par Invité Mer 24 Juil 2013 - 21:27

J'ai vérifié et si l'accolade est fermé vu que j'avais copié/collé ton lien, bizarre que ce ne se soit pas affiché lors de la citation. scratch

J'ai utilisé l'autre méthode et ça fonctionne merci. Smile
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum