Accueil
Créer un forumEspace entre bannière et page d'accueil.
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Espace entre bannière et page d'accueil.
par Eleniel Dim 23 Fév 2020 - 9:19
Détails techniques
Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://shinobi-no-seiki.forumactif.be/
Description du problème
Bonjour !
Suite à des codages, j'ai un énorme espace entre ma page d'accueil et ma bannière (qui normalement s'arrête à la pointe de la lampe sur la gauche).
La PA est sous la forme d'un bloc noir, juste en dessous, et j'aimerai qu'il n'y ait pas d'espace entre les deux, alors que pour le moment, il y en a un de quasi 180px...
Une idée de comment faire ? Même en essayant de réduire la taille de la lampe (que je pensais être le problème), rien n'y fait !
Voici mon css en spoiler.
Je rajouterais l'html si nécessaire.
Merci beaucoup !
- Spoiler:
- Code:
#i_logo {margin-top: -80px;}
a.forumtitle {font-family:"Open Sans Condensed";}
#preview .postbody table, #preview .postbody td, div[class*="post--"] .postbody table, div[class*="post--"] .postbody td {
border: 0 !important;
}
#chatbox_option_with_archives
{
display:none;
}
/* ********** FICHE DE PRESENTATION ********** */
.floatright{
float: right;
border:1px #dadab2 solid;
background-color: #f6f6f6;
padding: 5px;
margin: 0px 0px 10px 10px;
width:200px;
}
.titrepreso {
font-size:20px;
font-family: Trebuchet MS;
font-variant: small-caps;
font-weight:lighter;
border-bottom: 1px solid #dadab2;
color: #d6df9f;
padding-bottom: 10px;
padding-left:15px;
}
.menupreso {
border: 1px solid #dadab2;
background-color: #f6f6f6;
padding: 10px;
width: 120px;
margin-left:10px;
}
.soustitrepreso {
font-size:15px;
font-family: Trebuchet MS;
font-variant: small-caps;
font-weight:lighter;
border-bottom: 1px solid #bec68d;
color: #bec68d;
text-align:center;
padding: 3px 0px 3px 0px;
}
P1 {
color:#bec68d;
font-family: Trebuchet MS;
font-weight:bolder;
text-transform:uppercase !important;
font-size:12px;}
div#page-body {
width: 80%; /* valeur à modifier */
margin: 0 auto;
}
.forabg {
margin-bottom: 3px;
}
.panel {
border-radius: 0px !important;
box-shadow: none !important;
}
#chatbox {
bottom: 46px !important;
left: 0;
margin-left: 180px;
overflow: auto;
position: absolute;
right: 0;
top: 49px;
padding-bottom: 10px;
}
#chatbox_top {
height: 370px !important;
}
#chatbox_header {
background-color: black !important;
border-radius: 0px !important;
height: 26px !important;
line-height: 1;
padding: 5px !important;
font: 10px calibri;
text-transform: uppercase;
}
#chatbox_header a {
color: #d5d5d5 !important;
}
#chatbox_members {
border-color: black !important;
background: #d5d5d5;
border-style: solid;
border-width: 0 5px 0 0 !important;
bottom: 40px;
color: #000;
float: left;
left: 0;
overflow: auto;
position: absolute;
top: 26px !important;
width: 180px;
height: 298px;
text-transform: uppercase;
font: 13px Libre Caslon Display;
}
#chatbox_footer {
background-color: #d5d5d5;
border: none !important;
}
#chatbox .user-msg .cb-avatar {
background-color: transparent!important;
border: none!important;
box-shadow: none!important;
float: left;
margin-right: 0!important;
padding: 0 18px 0 0 !important;
width: 68px !important;
height: 50px !important;
overflow: hidden;
}
#chatbox .user-msg .cb-avatar img {
background-color: transparent !important;
border-color: #e5e2ba !important;
border-radius: 0px !important;
border-style: solid;
border-width: 2px;
box-shadow: none !important;
display: block;
width: 100% !important;
height: auto !important;
}
#chatbox .date-and-time {
font: 11px calibri;
color: #acad86;
}
.button1:active, .button1:hover, .button1:link, .button1:visited, .button2:active, .button2:hover, .button2:link, .button2:visited, .button:active, .button:hover, .button:link, .button:visited, input[type="submit"]:active, input[type="submit"]:hover, input[type="submit"]:link, input[type="submit"]:visited {
color: #ebebeb !important;
font: 16px Libre Caslon Display;
text-transform: uppercase;
background: black !important;
border-radius: 0px !important;
}
.button, .button1, .button2, input[type="submit"] {
background-color: black !important;
border-radius: 0px !important;
box-shadow: none !important;
color: #ebebeb !important;
display: inline-block;
font: 16px Libre Caslon Display !important;
text-transform: uppercase;
font-size: 1.2rem;
font-weight: 500;
overflow: hidden;
padding: 9px 18px;
position: relative;
text-decoration: none;
vertical-align: middle;
width: auto!important;
}
a{text-decoration:none;}
a:hover{text-decoration:none !important;}
::-webkit-scrollbar {
width: 8px;
height: 10px;
background:#ecebea;
}
::-webkit-scrollbar-thumb:vertical {
height: 30px;
background-color: #e5e2ba;
}
::-webkit-scrollbar-thumb:horizontal{
height: 30px;
background-color: #e5e2ba;
}
.particle.particle-1, .particle.particle-2, .particle.particle-3, .particle.particle-4 { margin-left: -320px; z-index: 9999999!important; position: relative;}
.line1 {
position:relative;
top:0;
height:20px;
background:black;
}
.line2 {
position: relative;
bottom: 0;
color: #ebebeb;
background: black;
font: 9px Libre Caslon Display;
text-align: right;
letter-spacing: 1px;
padding: 8px 20px 8px 0px;
}
#s-m-t-tooltip {
max-width:300px;
z-index: 999;
margin:24px 14px 7px 12px;
padding:3px 10px 3px 10px;
border-radius:5px;
background-color: #1e1e1e;
font-family:calibri;
text-transform: uppercase;
font-size:10px;
color:#ebeaea;
box-shadow: 0px 0px 3px rgba(78, 75, 73, 0.8);
}
body {
margin:0;
padding:0;
overflow-x: hidden;
}
.imgfond img {
width:100%;
}
.bloknameforum {
text-align: center;
position: relative;
margin-top: -370px;
height: 500px;
}
#titlefo a {
font: 125px Libre Caslon Display;
text-transform: uppercase;
color: black;
}
.subtitle {
color: black;
font: 16px calibri;
letter-spacing: 1px;
margin-top: -20px;
}
.lampe {
background: no-repeat top right url(https://imgur.com/ctkRSy5.png);
width: 96px;
height: 608px;
position: absolute;
-webkit-animation: balancier 3s ease-in-out infinite;
-moz-animation: balancier 3s ease-in-out infinite;
animation: balancier 3s ease-in-out infinite;
-moz-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
margin-right: 38px;
right: 0;
top: -100px;
}
@-moz-keyframes balancier {
0% { -moz-transform: rotate(-1deg); }
5% { -moz-transform: rotate(1deg); }
100% { -moz-transform: rotate(1deg); }
}
@-webkit-keyframes balancier {
0% { -webkit-transform: rotate(-1deg); }
50% { -webkit-transform: rotate(1deg); }
100% { -webkit-transform: rotate(-1deg); }
}
@keyframes balancier {
0% { -webkit-transform: rotate(-1deg); transform:rotate(-1deg); }
50% { -webkit-transform: rotate(1deg); transform:rotate(1deg); }
100% { -webkit-transform: rotate(-1deg); transform:rotate(-1deg); }
}
.navbarfo {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding-top: 50px;
list-style: none;
}
a.mainmenu {
padding: 0px 10px 0px 10px;
}
a.mainmenu img {
width: 50px;
}
.fondPA {
background-image: url(https://www.zupimages.net/up/20/05/00ol.png);
background-position: 50% 50%;
padding: 20px 0px 10px 0px;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.blok1 {
width:200px;
}
.linksut {
background: #eceaea;
padding: 8px;
text-align: center;
margin-bottom: 10px;
transition: all 800ms;
}
.linksut:hover {
border-left:solid #e5e2ba 15px;
transition:all 800ms;
}
.linksut a {
color:black;
font:10px calibri;
display:block;
text-transform:uppercase;
transition:all 800ms;
}
.contextePA {
width: 360px;
color: #eceaea;
height: 194px;
overflow: auto;
padding: 0px 10px 0px 20px;
text-align: justify;
font: 11px calibri;
}
.blok2 {
width: 340px;
padding-left: 10px;
transition: all 800ms;
}
.jambon {
margin: 5px;
display:inline-block;
}
.blok2 img {
width:100px;
height:55px;
filter:grayscale(80%);
}
.blok2 img:hover {
filter:grayscale(0%);
transition:all 800ms;
}
.parto {
padding-top: 20px;
text-align: center;
transition:all 800ms;
}
.parto span {
font-size: 20px;
color: #ebebeb;
padding:0px 10px 0px 10px;
transition:all 800ms;
}
.parto span:hover {
color:#e5e2ba;
transition:all 800ms;
}
_____
QEEL
.hautqeel {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.qeel {
margin: 30px auto 0px auto;
background-image: url(https://www.zupimages.net/up/20/05/i09w.png);
height: 510px;
}
.crownqeel img {
width: 120px;
}
.newmember {
font-size: 0px;
text-align: center;
padding: 46px 0px 0px 20px;
}
.newmember:before {
content: "welcome to";
text-transform: uppercase;
color: black;
font: 24px "Libre Caslon Display";
padding-right: 10px;
}
.newmember a {
text-transform: uppercase;
font: 24px "Libre Caslon Display";
font-style: italic;
border-bottom: solid 1px #e5e2ba;
}
.basqeel {
margin: 50px auto 0 auto;
width: 900px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.lastcomember {
width: 440px;
padding: 10px;
background: black;
color: #ebebeb;
margin-right: 10px;
height: 130px;
}
.titlelastco {
text-align: center;
margin: 0 auto;
font: 11px Libre Caslon Display;
letter-spacing: 1px;
text-transform: uppercase;
width: 400px;
border-bottom: solid 1px #d5d5d5;
padding-bottom: 10px;
}
#lastco {
text-align: justify;
padding-top: 10px;
height: 85px;
overflow: auto;
}
#lastco a {
font: 14px calibri;
text-transform: uppercase;
}
.onlinemember {
width: 440px;
padding: 10px;
background: black;
color: #ebebeb;
margin-right: 10px;
height: 130px;
}
.titleonline {
text-align: center;
margin: 0 auto;
font: 15px Libre Caslon Display;
letter-spacing: 1px;
text-transform: uppercase;
width: 400px;
border-bottom: solid 1px #d5d5d5;
padding-bottom: 10px;
}
#onlineu {
text-align: justify;
height: 80px;
overflow: auto;
padding-top: 10px;
}
#onlineu a {
font: 14px "Libre Caslon Display";
text-transform: uppercase;
font-style: italic;
letter-spacing: 2px;
}
#onlineu br {
display:none;
}
.nmbrmess {
margin: 10px auto;
width: 894px;
text-align: center;
padding: 5px;
letter-spacing: 2px;
color: #9c9c9c;
text-transform: uppercase;
font-size: 11px;
font-weight: lighter;
}
.groupstotal {
width: 900px;
height: 100px;
margin: -120px auto 0px auto;
text-align: center;
}
.group {
font: 10px arial;
text-transform: uppercase;
display: inline-block;
padding: 0px 10px 0px 10px;
width: 194px;
text-align: left;
margin: 0px 5px 5px 0px;
}
.group span {
padding-right:20px;
font-size:20px;
}
.group:nth-child(1) {color:#9E3C3C;}
.group:nth-child(2) {color:#AB8C55;}
.group:nth-child(3) {color:#5D90A3;}
.group:nth-child(4) {color:#58755A;}
#page-footer {
text-align: center;
background: #f7f7f7;
padding: 10px;
text-transform: uppercase;
margin: 0 auto;
font: 8px calibri;
color: black !important;
line-height: 0px;
}
#page-footer a{
color: black;
font: 9px calibri;
}
.footerbar-system {
padding: 8px 0 0 !important;
}
.copyright-body {
border-color: #e5e2ba !important;
border-style: solid;
border-width: 1px 0 0;
margin: 12px 0 0 !important;
padding: 10px 0 0 !important;
}
.footerbar-system .rightside {
margin: 0;
text-align: right;
color: black !important;
}
/* CATÉGORIES SIMPLES */
.f_mrandcookies a {
padding: 0 5px;
letter-spacing: 1px; }
.f_mrandcookies {
text-align: right;
width: 98%;
padding: 1%;
background-color: white;
margin-top: 5px; }
.f_lp_lastpost .last-post-icon {
width: 0;
height: 0;
background-color: #069;
border-left: 0px solid red;
border-top: 7px solid #069;
border-right: 7px solid #069;
border-bottom: 0px solid red;
display: inline-block;
vertical-align: middle;
position: relative;
top: -2px; }
.f_lp_lastpost .last-post-icon img {display: none; }
.f_lp_lastpost a[href^="/u"] {
font-size: 12px;
text-align: right; }
.f_lp_lastpost {
color: #555;
text-transform: uppercase; }
.f_lp_title {
text-align: right;
font-size: 12px;}
.f_lastpost {
position: absolute;
right: 10px;
letter-spacing: 1px;
text-align: right;
line-height: 16px;
top: 12px; }
.f_liens:empty {opacity: .4}
.f_liens:empty::before {
content: "Cette section n'a aucun sous-forum.";
font-size: 10px;
font-family: Arial;
opacity: .6; }
.f_liens a {
font-size: 9px;
font-family: Arial;
text-transform: uppercase;
padding: 0 5px 0 0;
letter-spacing: 1px; }
.f_liens {
font-size: 0;
position: absolute;
left: 0;
height: 12px;
line-height: 12px;
bottom: 0;
background-color: rgba(300,300,300,.6);
width: 98%;
padding: 1px 1%; }
.f_count {
font-size: 9px;
font-family: Calibri, Arial;
color: white;
margin-top: 2px;
background-color: #3A3A3A;
display: inline-block;
padding: 0 5px;
height: 11px;
line-height: 11px; }
/* La couleur du bloc si le forum est verrouillé */
.f_folder[data-state="Ce forum est verrouillé, vous ne pouvez pas poster, ni répondre, ni éditer les sujets."] { background-color: #222; }
/* La couleur du bloc s'il y a un nouveau message */
.f_folder[data-state="Nouveaux messages"] {background-color: #d8d3b3; }
.f_folder img {
display: none; }
.f_folder {
display: inline-block;
margin-right: 10px;
background-color: #eeeeee;
width: 20px;
height: 50px;
vertical-align: middle; }
.f_description {
font-family: Calibri, Arial;
font-size: 11px;
color: #3a3a3a;}
.f_name {
font-family: Arial;
font-size: 12px;
text-transform: uppercase;
color: #393939 !important;
font-weight: bold;
padding-bottom: 1px;
display: block;
letter-spacing: 1px; }
.f_infos {
display: inline-block;
position: relative;
top: 7px;
vertical-align: top}
.f_folder {
display: inline-block;
margin-right: 10px; }
.f_bloc {
background-color: rgba (0,0,0.1);
margin: 10px 0;
padding: 10px 10px 25px 10px;
position: relative; }
.f_categorie {
background-color: #d8d8d8;
position: absolute;
left: 0;
top: 0;
height: 20px;
width: 96%;
color: white;
text-transform: uppercase;
font-family: 'Open Sans Condensed', sans-serif;
letter-spacing: 1px;
font-size: 7px; }
.f_borderwrap {
background-color: #fefefe;
padding: 20px 20px 20px 20px;
position: relative; }
/* CATÉGORIES SIMPLES - FIN */
/********************************************************* MESSAGE PROFIL *********************************************************/
/* BOUTONS NOUVEAU REPONDRE */
.sub-header-buttons {
float: none;
}
.sub-header-buttons .button1 {
background: none!important;
border-radius: 0!important;
box-shadow: inherit;
display: inline-block;
margin: 0 0 0 1rem;
padding: 0;
}
.ion-reply:before, .ion-edit:before {
content: "" !important;
}
/* ARIANE */
.topic-actions {
margin: 1rem 2rem;
text-transform: uppercase;
font-family: Arial, sans-serif;
color: #8f8a9e;
display: flex;
justify-content: space-between;
}
.sub-header-path {
font-size: 0;
width: 80%;
}
.topic-actions a {
color: #8f8a9e;
font-size: 10px;
}
a[href="javascript:Pagination();"] {
width: 70px;
}
.pagination {
display: flex;
font-family: Arial, sans-serif;
color: #8f8a9e;
align-items: center;
}
.pagination span {
padding: .5rem 0 0;
display: flex;
}
.pagination span strong {
background: none;
border-radius: 0;
display: inline-block;
font-size: 10px;
font-weight: 700;
line-height: 0;
margin: 0 1rem;
padding: 0;
text-align: center;
text-decoration: none;
width: initial;
}
.pagination span a:link {
background: none;
border-radius: 0;
color: inherit;
display: inline-block;
float: right;
font-size: 10px;
font-weight: 400;
line-height: 0;
margin: 0;
padding: 0;
text-align: center;
text-decoration: none;
width: 0;
}
.pagination span a.pag-img {
display: none;
}
/* CONTENU */
.post {
border: 0;
border-radius: 0;
box-shadow: inherit;
margin-bottom: 24px;
width: 99%;
font-family: Arial, sans-serif;
color: #8f8a9e;
margin: auto;
}
.row2 {
background-color: #fdfdfd;
}
/* PROFIL */
.postprofile {
float: left;
font-size: 10px;
padding: 1rem;
width: 235px;
background: #f4f4f4;
border: 1px solid #ededed;
color: inherit;
margin: 1rem;
}
/* Bloc pseudo rang */
dt.bloc_pseudo {
background: #fdfdfd;
border: 1px solid #ededed;
padding: 1rem 0;
}
/* Bloc pseudo */
.postprofile-name a span strong {
text-transform: uppercase;
font-family: 'Arial', sans-serif;
font-size: 10px;
font-weight: normal;
}
.postprofile-name a span strong::after {
content: "";
border-bottom: 1px solid;
width: 90%;
display: block;
margin: .5rem auto;
}
/* Rang */
.postprofile-rank {
border: 0;
margin: 0;
padding: 0;
font-size: 10px;
}
/* Avatar */
dd.post_avatar {
background: #fdfdfd;
border: 1px solid #ededed;
padding: .5rem 0;
display: flex;
align-items: center;
justify-content: center;
margin: .5rem 0;
}
/* Informations profil */
.postprofile-info {
font-size: 10px;
line-height: 1.3333;
background: #fdfdfd;
border: 1px solid #ededed;
padding: 1rem;
text-transform: uppercase;
}
.postprofile-info .label span {
color: #d1daa7 !important;
font-weight: bold;
}
.postprofile-info .label span::before {
content: "• ";
font-weight: bold;
}
/* Liens */
.postprofile-contact {
display: flex;
justify-content: center;
}
.postprofile-contact a {
float: none;
}
.profile-icon:nth-child(1)::before, .profile-icon:nth-child(2)::before, .postprofile-contact a:nth-child(3)::before, .postprofile-contact a:nth-child(4)::before {
font-weight: bold;
text-transform: uppercase;
}
.profile-icon:nth-child(1)::before {
content: "Profil";
color: #b9c289;
}
.profile-icon:nth-child(2)::before {
content: "Messages";
color: #b9c289;
}
.postprofile-contact img {
display: none;
}
/* MESSAGE */
.postbody {
margin: 0 0 0 235px;
padding: 10px 18px 18px;
}
.row1, .row2 {
background-color: #fdfdfd;
margin: 0 auto 1rem;
}
.post-head {
background: none;
border: 0;
border-radius: 0;
padding: 0;
}
.head_message {
background: #f4f4f4;
border: 1px solid #ededed;
border-radius: 0;
color: #8f8a9e;
font-size: 10px;
padding: 1rem;
text-align: center;
text-transform: uppercase;
display: flex;
justify-content: center;
}
.post .post-head .topic-title {
display: inline-block;
text-overflow: initial;
white-space: inherit;
white-space: nowrap;
}
.post .post-head .topic-title {
color: #8f8a9e;
font-size: 10px;
text-overflow: initial;
text-transform: uppercase;
white-space: nowrap;
margin: 0;
}
.post h2.topic-title a {
color: #d1daa7;
display: initial;
font-weight: 700;
overflow: hidden;
padding: 0 .5rem 0 0;
}
/* Citer editer etc */
.options_message {
color: #2a2626;
text-transform: uppercase;
font-size: 10px;
text-align: right;
margin: .5rem 0 2rem;
}
.options_message a {
padding: 0 .3rem;
}
/* BAS DE PAGE */
.topic-actions.bottom {
display: flex;
margin: 1rem;
}
.pagination_footer img {
display: none;
}
.nouveau_repondre a {
background: none;
border: 0;
box-shadow: inherit;
padding: 0;
}
.nouveau_repondre a:hover {
background: none;
box-shadow: inherit;
}
/* Surveiller */
.surveiller_moderer {
margin: 2rem 1rem;
display: flex;
justify-content: center;
}
.surveiller_moderer a {
background: #d1daa7;
color: #f8f8f8;
font-size: 10px;
line-height: 4;
text-transform: uppercase;
min-width: 200px;
text-align: center;
}
.moderer .block, .moderer .h3 {
font-size: 0;
border: 0;
background: none;
box-shadow: inherit;
padding: 0;
margin: 0;
border-radius: 0;
}
.moderer {
background: #d1daa7;
margin: 0 0 0 1rem;
}
.moderer a {
min-width: 200px;
display: block;
}
.surveiller_moderer a:hover {
color: #f8f8f8 !important;
Eleniel- ***
-
Messages : 195
Inscrit(e) le : 10/10/2011 -
Re: Espace entre bannière et page d'accueil.
par Tite-May Dim 23 Fév 2020 - 9:51
Hello !
Le souci vient de la hauteur mise ici :
Réduis le 500px à 400px ou 350px et tu n'auras plus un si grand espace
A bientôt
Le souci vient de la hauteur mise ici :
- Code:
.bloknameforum {
height: 500px;
margin-top: -370px;
position: relative;
text-align: center;
}
Réduis le 500px à 400px ou 350px et tu n'auras plus un si grand espace
A bientôt
Tite-May- ****
-
Messages : 207
Inscrit(e) le : 13/08/2012 -
Re: Espace entre bannière et page d'accueil.
par Eleniel Dim 23 Fév 2020 - 9:59
Super !
Merci beaucoup à toi.
Sujet résolu.
Merci beaucoup à toi.
Sujet résolu.
Eleniel- ***
-
Messages : 195
Inscrit(e) le : 10/10/2011 -
Sujets similaires» Espace entre la bannière et les publicités
» Espace entre bannière et haut de page
» Espace entre bannière et menu
» L'espace entre la bannière et la navigation
» Espace entre bannière & forum.
» Espace entre bannière et haut de page
» Espace entre bannière et menu
» L'espace entre la bannière et la navigation
» Espace entre bannière & forum.
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum