Cadre du forum réticent (trop haut)
4 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
Cadre du forum réticent (trop haut)
Détails techniques
Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://swapenz.forumactif.org/
Description du problème
BonjourJe me bats depuis hier avec le cadre de mon forum en construction. Je souhaiterais que celui-ci atteigne le haut du forum, prenne "en charge" toute la page d'accueil mais s'arrête avant la barre de navigation et par conséquent, rende plus esthétiques les pages du forum.
A mon avis, le soucis se situe au niveau du CSS, alors le voici-le voilà :
- Code:
/* APPARENCE GENERALE DU FORUM */
#i_logo{
width: 00px;
height: 450px;
margin-top: -5px;}
body{
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;}
body{
background-image: url("http://img15.hostingpics.net/pics/927105Sanstitre1.png");
background-position: top-center;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: 50% 0%;}
pieddepage{
background-image: url("http://img15.hostingpics.net/pics/574749711.png");
background-position: top-center;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: 50% 0%;}
.bodyline{
padding: 0px;
box-shadow: 0px 0px 15px #97aacf;}
.bodylinewidth{
margin: -5px auto;}
.forumline{
border-spacing: 0;}
.catHead{
background-color: ##D1AA44!important;
box-shadow: inset 0px 0px 8px #a38128!important;}
/* scrollbar Chrome, Safari */
::-webkit-scrollbar{
width: 5px;
height: 5px;}
::-webkit-scrollbar-track-piece{
background-color: #d5e3ff;}
::-webkit-scrollbar-thumb:vertical{
height: 30px;
-webkit-border-radius: 10px;
background-color: #D1AA44;}
::-webkit-scrollbar-thumb:horizontal{
height: 30px;
-webkit-border-radius: 10px;
background-color: #D1AA44;}
/* texte */
i{
color: #888aa8;}
a span strong{
font-weight: normal !important;}
::selection{
background: #dcd3ba;
color: #;}
::-moz-selection{
background: #dcd3ba;
color: #;}
/* pas de soulignement de liens */
a:hover{
text-decoration: none !important;}
a{
text-decoration: none !important;
-moz-transition: all 1s; /* Mozilla Firefox */
-webkit-transition: all 1s; /* Safari et Google Chrome */
-o-transition: all 1s; /* Opera */
transition: all 1s;}
a:link{
text-decoration: none;}
a:visited{
text-decoration: none;}
/* colonnes widgets */
.three-col>tbody>tr>td:nth-child(1), .three-col>tbody>tr>td:nth-child(3){
display: none;}
textarea, .textarea.post, input.post{
box-shadow: inset 0px 0px 10px #a7a9c7;
text-shadow: 1px 1px 1px #fff;}
.liteoption, .mainoption, .button2{
-moz-border-radius: 7px; -webkit-border-radius: 7px;
box-shadow: inset 0px 0px 10px #a7a9c7;
text-shadow: 1px 1px 1px #fff;}
span.name strong{
color: #A582CC;
font-weight: normal !important;}
/* BARRE DE NAVIGATION */
a.mainmenu{
color: #6732A3;
font-family: courier new;
font-size: 10px;
letter-spacing: 0;
text-align: center;
text-transform: uppercase;
letter-spacing: 0px;
text-shadow: 1px 1px 1px #fff;
position: relative;}
a.mainmenu img{
display: none;}
.navigation{
line-height: 8px;
position: relative;
text-align: justify;}
div.navigation a.mainmenu{
}
/* APPARENCE DES MESSAGES */
tr.post span.gensmall{display:none}
.horloge{
font-size: 9px;
text-shadow: 1px 1px 1px #fff;
letter-spacing: 1px;
margin-left: 0px;}
.boutons{
font-size: 9px;
text-shadow: 1px 1px 1px #fff;
letter-spacing: 1px;
text-align: right;
margin-top: -15px;}
.postheader{
border-bottom: 1px solid #dadce9;
padding: 2px;
display: block;
margin-bottom: 0px;
margin-top:5px;}
.message{
background-color: #DEE6F7;
padding: 10px;
border: 3px solid #EDEEFA;
box-shadow: inset 0px 0px 10px #BFCEEB;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
margin-top: -5px;
display: block;
line-height: 12px;
text-shadow: 1px 1px 1px #fff;}
.postbody{
font-size: 11px;
text-align: justify;
line-height: 12px;}
.postbody a{
color: #c593e8 !important;
-moz-transition: all 1; /* Mozilla Firefox */
-webkit-transition: all 1s; /* Safari et Google Chrome */
-o-transition: all 1s; /* Opera */
transition: all 1s;
text-shadow: 1px 1px 1px #fff;}
.postbody a:hover{
color: #d0b3e9 !important;
-moz-transition: all 1s; /* Mozilla Firefox */
-webkit-transition: all 1s; /* Safari et Google Chrome */
-o-transition: all 1s; /* Opera */
transition: all 1s;
text-shadow: 1px 1px 1px #fff;}
.courier{
font-family: courier new;
font-size: 10px;
line-height: 12px;
text-transform: uppercase;
word-spacing: -2px;}
/* largeur de l'éditeur */
.sceditor-container{
width: 523px!important;}
/* partie texte area : fond */
.sceditor-container iframe, .sceditor-container textarea{
background-color: #dfe0ee !important;
text-align :justify;
margin: 0 !important;
line-height: 16px;
color: #6732A3 !important;
font-size:11px !important;
box-shadow: inset 0px 0px 10px #a7a9c7;
margin-left: 5px !important;
margin-right: 10px !important;
padding: 10px !important;
text-shadow: 1px 1px 1px #fff;}
/* groupe de boutons */
.sceditor-group{
background-color: #a582cc !important;
border-radius: 20px !important;
box-shadow: inset 0px 0px 10px #755b94;
text-shadow: 1px 1px 1px #fff;}
/* boutons sélectionnés */
a.sceditor-button.hover {
background-color: #a582cc !important;
border-radius: 20px!important;
box-shadow: inset 0px 0px 10px #755b94;
text-shadow: 1px 1px 1px #fff;}
.sceditor-button.hover, a.sceditor-button:hover {
background: #6732A3;
box-shadow: none;
border-radius: 20px !important;}
a.sceditor-button{
border-radius: 20px !important;
margin: 2px;}
/* bordure de l'éditeur */
div.sceditor-container{
border: none;}
/* bordure entre la barre d'outils et la zone de saisie de texte */
body div.sceditor-toolbar{
border-bottom: none;}
.selectCode{
float:right;
text-transform: uppercase;
font-size: 9px;
line-height: 12px;
cursor:pointer;}
div.cont_code{
clear: right;}
div.myself em textarea{
display: block;}
/* texte titre sujet */
td.t-title h1.cattitle{
color: #EDEEFA;
letter-spacing: 3px !important;
text-transform: uppercase;
text-shadow: 1px 1px 1px #465e8f;}
a.cattitle:hover{
text-decoration: none;}
input, textarea, select{
border: 1px solid #EDEEFA;
box-shadow: inset 0px 0px 10px #a7a9c7;
margin-bottom: 5px;
margin-top: 5px;
background-color: #dfe0ee;}
#sceditor_smilies{
background: #dfe0ee;
box-shadow: inset 0px 0px 10px #a7a9c7;}
.code{
font-size: 11px;
text-align: justify;
background-color: #EDEEFA;
padding: 10px;
border: 3px solid #a7a9c7;
box-shadow: inset 0px 0px 8px #a7a9c7;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 5px !important;
margin-top: 0px;
line-height: 12px;
color: #888aa8 !important;
font-family: courier new;
max-width: 490px;
text-shadow: 1px 1px 1px #fff;
max-height: 100px;
overflow: hidden;}
.spoiler{
font-size: 11px;
text-align: justify;
background-color: #EDEEFA;
padding: 10px;
border: 1px solid #ecedf9;
box-shadow: inset 0px 0px 8px #a7a9c7;
margin-left: 28px;
margin-right: 5px;
margin-bottom: 5px;
margin-top: 5px;
line-height: 12px;
width:487px;
text-shadow: 1px 1px 1px #fff;}
.quote{
font-size: 11px!important;
text-align: justify!important;
background-color: #EDEEFA!important;
padding: 10px!important;
border: 1px solid #ecedf9!important;
box-shadow: inset 0px 0px 8px #a7a9c7!important;
margin-left: 0px!important;
margin-right: 5px!important;
margin-bottom: 5px!important;
margin-top: 5px!important;
line-height: 12px!important;
width:487px;
color: #888aa8 !important;
text-shadow: 1px 1px 1px #fff;}
/* APPARENCE DU PROFIL */
.postdetails.poster-profile{
margin-top: 2px;
padding-left: 5px;
padding-right: 5px;
text-align : justify;
font-size: 10px;
font-style: normal !important;
line-height: 15px;
display: block;
text-align: justify;
word-spacing: -3px;
text-shadow: 1px 1px 1px #fff;}
.imgavatar{
width: 100px;
height: 100px;
margin-top: 5px;
border: 5px solid #ffffff;
box-shadow: 0px 0px 8px #afaaa5;
border-radius: 2px!important;}
.pseudo{
font-size:12px;
font-family: courier new;
color: #a6a9cc!important;
padding: 3px;
text-transform: uppercase;
margin-right: -5px;
margin-left: -5px;
margin-top: 8px;
align: center;
text-align: center;
background-color: #EDEEFA;
box-shadow: inset 0px 0px 10px #a7a9c7;
text-shadow: 1px 1px 1px #fff;}
.rang{
color: #b16dd0!important;
padding: 3px;
text-transform: uppercase;
margin-top: -1px;
margin-right: -5px;
margin-left: -5px;
align: center;
text-align: center;
background-color: #dfe0ee;
box-shadow: inset 0px 0px 10px #a7a9c7;
font-size: 10px;
font-family: courier new;
letter-spacing: 2px;
text-shadow: 1px 1px 1px #fff;}
.info{
font-size: 8px;
color: #a6a9cc;
margin-top: -20px;
font-style: normal !important;
text-align: justify;
line-height: 12px;
background-color: #EDEEFA;
width: 150px;
box-shadow: inset 0px 0px 10px #a7a9c7;
display: block;
text-transform: uppercase;
font-family: courier new;
padding: 5px;
word-spacing: -2px;
text-shadow: 1px 1px 1px #fff;}
.imgrang{
margin-top : -10px;
align: center;
text-align: center;}
.fond{
background-color: #dfe0ee;
width: 150px;
margin-top: 5px;
box-shadow: inset 0px 0px 10px #a7a9c7;
padding: 5px;
padding-bottom: 27px;}
/* APPARENCE DU QUI EST EN LIGNE */
img#i_whosonline{
box-shadow: 0 0 3px ;}
.qeeltitre{
font-weight: bold;
font-size: 11px;
background-color: #D1AA44;
padding: 6px;
box-shadow: inset 0px 0px 8px #a38128;
color: #edeefa;
letter-spacing: 1px;
text-transform: uppercase;
text-shadow: 1px 1px 1px #7c5894;}
.qeeldesc{
padding: 8px;
margin-bottom: -2px;
margin-right: 5px;
margin-left: 2px;
margin-top: 5px;
text-align: justify;
line-height: 12px;
height: 90px;
background-color: #d5e3ff;
box-shadow: inset 0px 0px 10px #b2c9ee;
text-shadow: 1px 1px 1px #fff;}
.qeeldesc2 td.row1 {
vertical-align: top;
padding: 8px;
line-height: 12px;
text-align: justify;
background-color: #d5e3ff;
box-shadow: inset 0px 0px 10px #b2c9ee;
height: 72px;
width: 352px;
max-height: 72px;
overflow: scroll;
overflow-x: hidden;
text-shadow: 1px 1px 1px #fff;
margin-top:5px;
margin-right: 10px;}
.qeellien1{
background-color: #dcd3ba;
box-shadow: inset 0 0 8px #a7a9c7;
color: #000000;
display: inline-block;
font-family: courier new;
font-size: 10px!important;
margin-left: 0;
margin-top: 7px;
padding: 3px;
text-align: center;
text-transform: uppercase;
width: 118px;
word-spacing: -2px;
text-shadow: 1px 1px 1px #fff;
background-image: url('http://img15.hostingpics.net/pics/527080Sanstitre4.png');
background-repeat: no-repeat;
background-color: transparent;}
.qeellien2{
background-color: #dcd3ba;
box-shadow: inset 0 0 8px #a7a9c7;
color: #888aa8;
display: inline-block;
font-family: courier new;
font-size: 10px!important;
margin-left:0px;
margin-top: 7px;
padding: 3px;
text-align: center;
text-transform: uppercase;
width: 118px;
word-spacing: -2px;
text-shadow: 1px 1px 1px #fff;
background-image: url('http://img15.hostingpics.net/pics/527080Sanstitre4.png');
background-repeat: no-repeat;
background-color: transparent;}
.qeellien3{
background-color: #dcd3ba;
box-shadow: inset 0 0 8px #a7a9c7;
color: #a775cd;
display: inline-block;
font-family: courier new;
font-size: 10px!important;
margin-left: 0px;
margin-top: 7px;
padding: 3px;
text-align: center;
text-transform: uppercase;
width: 118px;
word-spacing: -2px;
text-shadow: 1px 1px 1px #fff;
background-image: url('http://img15.hostingpics.net/pics/527080Sanstitre4.png');
background-repeat: no-repeat;
background-color: transparent;}
/* APPARENCE DE LA CHATBOX */
#chatbox > p{
border-bottom: 1px solid #a7a9c7 !important;}
#chatbox_header .chatbox-options .genmed, #chatbox_header .chatbox-options, #chatbox_header .chatbox-options a{
color: #EDEEFA;}
#chatbox_members ul li, #chatbox_members ul li a{
color: #EDEEFA;}
#chatbox_header .catBottom .cattitle{
box-shadow: inset 0px 0px 10px #8b6dad !important;
padding: 5px;}
body.chatbox{
background-color: #EDEEFA!important;}
.chatbox_row_1, .chatbox_row_2{
font-size: 11px !important;
box-shadow: inset 0px 0px 10px #a7a9c7 !important;}
#chatbox .cb-avatar{
background: transparent !important;
box-shadow: none !important;}
body #chatbox .cb-avatar{
border: none !important; /* retire la bordure */}
#chatbox .user-msg .user, #chatbox .user-msg .msg {
display: inline;}
/* APPARENCE DE LA PAGE D'ACCUEIL */
.imgpa{
opacity: 0.0;
transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
-o-transition-duration: 1;}
.imgpa:hover{
opacity: 1;}
.imgpaclass{
width: 80px;
height: 80px;
border: 5px solid #FFFFFF;
box-shadow: inset 0px 0px 20px #afaaa5;
margin-left: 2px;
margin-bottom: 2px;
margin-top: 2px;
align: center;
text-align: center;
border-radius: 2px !important;}
/* APPARENCE DES CATEGORIES */
td.frow1 br{
display: none;}
table.forumline td{
border-width: 0;}
table.forumline th{
box-shadow: inset 0 0 8px #a38128;
border-width: 0 0 5px 0;
margin-top: -5px;}
a.forumlink{
margin-top:3px;
height:24px;
font-family: courier new;
text-transform: uppercase;
font-size: 11px;
background-color: #D1AA44;
display: block;
font-weight: normal !important;
padding-top:10px;
align: center;
text-align: center;
box-shadow: inset 0px 0px 10px #a7a9c7;
margin-left: 2px;
margin-right: 2px;
margin-bottom: -7px;
letter-spacing: 3px;
text-shadow: 1px 1px 1px #fff;
background-image: url('http://img15.hostingpics.net/pics/526499Sanstitre6.png');
background-repeat: no-repeat;
background-color: transparent;}
.description{
font-size: 11px;
border-top: 3px double #a7a9c7;
padding: 5px;
text-align: justify;
line-height: 12px;
background-color: #d5e3ff;
margin-top: 5px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
box-shadow: inset 0px 0px 10px #b2c9ee;
font-weight: normal !important;
color: #526F99;}
.derniermessage{
background-color: #dfe0ee;
box-shadow: 0px 0px 10px #a7a9c7 inset;
font-size: 10px !important;
height: 86px;
line-height: 12px;
margin: 4px 5px 5px;
padding: 8px 5px;
text-align: center;
text-shadow: 1px 1px 1px #FFF;
background-image: url('http://img15.hostingpics.net/pics/527080Sanstitre4.png');
background-repeat: no-repeat;
background-color: transparent;}
.sousforum{
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: -14px;
font-size: 10px;
padding-bottom: 1px;
padding-top: 3px;
padding-left: 3px;
padding-right: 3px;
line-height: 12px;
background-color: #d5e3ff;
box-shadow: inset 0px 0px 10px #b2c9ee;
align: center;
text-align: center;
color: #D1AA44;
font-family: courier new;
text-transform: uppercase;
word-spacing: -2px;
text-shadow: 1px 1px 1px #fff;}
.secondarytitle{
letter-spacing:2px;
text-transform: uppercase;
text-shadow: 1px 1px 1px #465e8f;
background-color: #D1AA44;
margin-top: -5px;}
.ligne{
border-bottom: 1px solid #a7a9c7;
margin-top: 5px; !important;
margin-bottom: 5px !important;}
.bulle{
margin-left:-15px;
margin-right:5px;
}
.infosderniermes{
letter-spacing:1px;
text-align: center;
font-size: 8px !important;
margin-top: 2px;
padding: 2px;
background-color: #dcd3ba;
margin-left: -8px;
margin-right: -8px;
box-shadow: inset 0 0 8px #dabe72;}
/* APPARENCE DES SUJETS */
.derniermessage2{
font-size: 10px!important;
padding-top: 13px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
margin-bottom: 6px;
margin-top: 6px;
margin-right: 5px;
margin-left: 5px;
text-align: justify;
line-height: 12px;
background-color: #dfe0ee;
align: center;
text-align: center;
text-shadow: 1px 1px 1px #fff;
height: 30px;
background-color: transparent;
background-image: url(http://img15.hostingpics.net/pics/527080Sanstitre4.png);
background-repeat: no-repeat;
box-shadow: 0 0 10px #a7a9c7 inset;}
.titresujet{
font-family: courier new;
text-transform: uppercase;
font-weight: normal !important;
font-size: 8px !important;
background-color: #dfe0ee;
display: block;
width: 595px;
padding: 5px;
align: center;
text-align: center;
box-shadow: inset 0px 0px 10px #a7a9c7;
margin-top:-29px;
padding-left: 10px;
text-shadow: 1px 1px 1px #fff;
background-color: transparent;
background-image: url(http://img15.hostingpics.net/pics/526499Sanstitre6.png);
background-repeat: no-repeat;}
.auteur{
margin-top: 0px;
margin-bottom: -13px;
font-size: 9px;
padding: 3px;
line-height: 12px;
background-color: #d6d7e6;
font-weight: normal;
letter-spacing: 1px;
align: center;
text-align: center;
text-shadow: 1px 1px 1px #7c5894;
color: #a7a9c7;
border-top: 3px double #a7a9c7;
box-shadow: inset 0px 0px 10px #a7a9c7;
font-family: courier new;
width: 604px;
margin-top: 1px;
text-shadow: 1px 1px 1px #fff;
background-color: transparent;
background-image: url(http://img15.hostingpics.net/pics/526499Sanstitre6.png);
background-position: 0 100%;
background-repeat: no-repeat;}
/* APPARENCE DE LA PAGE D'ACCUEIL */
.cadrepa{
background-color: #d5e3ff;
box-shadow: inset 0px 0px 10px #b2c9ee;
text-align: justify;
font-size: 10px;
line-height: 12px;
word-spacing: 0px;
padding: 10px;
text-shadow: 1px 1px 1px #fff;}
.classementpa{
background-color : #d5e3ff;
box-shadow: inset 0px 0px 10px #b2c9ee;
text-align: justify;
font-family: Courier New;
font-size: 10px;
text-transform: uppercase;
line-height: 12px;
word-spacing: -2px;
padding: 10px;}
.classementpabis{
font-size : 10px;
max-height : 50px;
overflow : scroll;
overflow-x : hidden;
background-color : #d5e3ff;
box-shadow: inset 0px 0px 10px #b2c9ee;
line-height: 12px;
padding: 5px;
margin-top: 0px;
margin-bottom: 15px;}
.titrepa{
background-color: #dfe0ee;
box-shadow: inset 0px 0px 10px #6995bf;
text-align: center;
font-family: Courier New;
font-size: 10px;
text-transform: uppercase;
line-height: 12px;
margin: -10px -10px 5px -10px;
padding: 4px;
color: #D1AA44;
background-image: url('http://img15.hostingpics.net/pics/942846Sanstitre2.png');
background-repeat: no-repeat;
background-color: transparent;}
.titrepabis{
background-color: #D1AA44;
box-shadow: inset 0px 0px 10px #a38128;
text-align: center;
font-family: Courier New;
font-size: 10px;
text-transform: uppercase;
color: #edeefa;
text-shadow: 1px 1px 1px #465e8f;
line-height: 12px;
margin-bottom: -2px;
padding: 5px;}
.couleurpa{
color: #888aa8;
font-size: 15px;
text-transform: uppercase;}
.doubleligne{
border-bottom: 3px double #a7a9c7;
margin-top: 5px; !important;
margin-bottom: 10px !important;}
.mondepa{
font-size : 10px;
max-height :70px;
background-color : #d5e3ff;
box-shadow: inset 0px 0px 10px #b2c9ee;
line-height:12px;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 10px;
margin-top: 0px;
margin-bottom: 5px;
word-spacing: -2px;}
.imgpa{
opacity: 0.0;
transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
-o-transition-duration: 1;}
.imgpa:hover{
opacity: 1;}
.imgpabis{
width: 80px;
height: 80px;
border: 5px solid #FFFFFF;
box-shadow: inset 0px 0px 20px #a7a9c7;
margin-left: 2px;
margin-bottom: 2px;
margin-top: 2px;
align: center;
text-align: center;
border-radius: 2px !important;}
/* APPARENCE DES MESSAGES */
.titre{
background-color: #D1AA44;
box-shadow: inset 0 0 8px #6995bf;
font-family: courier new;
font-size: 11px;
margin: -10px -10px 10px;
padding: 10px;
text-align: center;
text-transform: uppercase;
background-image: url('http://img15.hostingpics.net/pics/942846Sanstitre2.png');
background-repeat: no-repeat;
background-color: transparent;}
.titrebis{
background-color: #D1AA44;
border-bottom: 5px solid #6732A3;
box-shadow: inset 0 0 8px #a7a9c7;
font-family: courier new;
font-size: 11px;
margin: -10px -10px 9px;
padding: 10px;
text-align: center;
text-transform: uppercase;}
.soustitre1{
background-color: #d6d7e6;
box-shadow: inset 0 0 10px #a7a9c7;
font-family: courier new;
font-size: 10px;
line-height: 12px;
margin: 0px -10px 10px -10px;
padding: 4px;
text-align: center;
text-transform: uppercase;
background-image: url('http://img15.hostingpics.net/pics/526499Sanstitre6.png');
background-repeat: no-repeat;
background-color: transparent;}
.soustitre2{
color: #526F99;
background-color: #d6d7e6;
box-shadow: inset 0 0 10px #a7a9c7;
font-family: courier new;
font-size: 10px;
line-height: 12px;
margin: -10px -10px 10px -10px;
padding: 4px;
text-align: center;
text-transform: uppercase;}
.soustitre3{
background-color:#d0d1e0;
box-shadow: inset 0 0 10px #a7a9c7;
font-family: Courier New;
font-size: 10px;
line-height: 12px;
margin: -10px -10px 5px;
padding: 8px;
text-align: center;
text-transform: uppercase;}
.i{
color: #526F99;}
.note{
background-color: #d6d7e6;
border-left: 2px solid #A582CC;
box-shadow: inset 0 0 10px #a7a9c7;
font-family: Courier New;
font-size: 10px;
line-height: 12px;
padding: 5px 10px;
text-transform: uppercase;
word-spacing: -2px;}
.couleur1{
color: #D1AA44;
font-family: courier new;
font-size: 10px;
text-transform: uppercase;}
.couleur2{
color: #99b4eb;
font-family: courier new;
font-size: 10px;
text-transform: uppercase;}
.couleur3{
color: #465E8F;
font-family: courier new;
font-size: 10px;
text-transform: uppercase;}
.imgmonde{
border: 5px solid #FFF;
box-shadow: inset 0 0 20px #54514D;
height: 120px;
margin-bottom: 10px;
margin-left: 0;
width: 240px;}
.cadre1{
background-color: #d6d7e6;
box-shadow: inset 0 0 10px #a7a9c7;
font-family: Courier New;
font-size: 10px;
line-height: 12px;
padding: 10px;
text-align: justify;
text-transform: uppercase;
word-spacing: -2px;}
.cadre3{
background-color: #d6d7e6;
box-shadow: inset 0 0 10px #a7a9c7;
font-size: 10px;
line-height: 12px;
padding: 10px;
text-align: justify;}
.infos{
background-color: #EDEEFA;
box-shadow: inset 0px 0px 10px #a7a9c7;
font-size: 10px;
line-height: 12px;
margin-bottom: 10px;
margin-top: 0;
max-height: 50px;
overflow: scroll;
overflow-x: hidden;
padding: 5px;}
.cadredescrip{
background-color: #d6d7e6;
box-shadow: inset 0 0 10px #a7a9c7;
font-family: Courier New;
font-size: 10px;
height: 180px;
line-height: 12px;
overflow: scroll;
overflow-x: hidden;
padding: 10px;
text-align: justify;
text-transform: uppercase;
word-spacing: -2px;}
.cadredescripbis{
background-color: #d6d7e6;
box-shadow: inset 0 0 10px #a7a9c7;
font-family: Courier New;
font-size: 10px;
height: 180px;
line-height: 12px;
overflow: scroll;
overflow-x: hidden;
padding: 10px;
text-align: justify;
word-spacing: -2px;}
/* Fiche équine */
.nom{
background-color: #d6d7e6;
border-bottom: 5px solid #6732A3;
box-shadow: inset 0 0 8px #a7a9c7;
font-family: courier new;
font-size: 15px;
margin: -10px -10px 9px;
padding: 10px;
text-align: center;
text-transform: uppercase;}
.cadre2{
background-color: #d6d7e6;
box-shadow: inset 0 0 10px #a7a9c7;
font-family: Courier New;
font-size: 10px;
line-height: 12px;
padding: 10px;
text-align: justify;
word-spacing: -2px;}
.soustitre4{
background-color: #A582CC;
box-shadow: inset 0 0 10px #8b6dad;
text-shadow: 1px 1px 1px #7c5894;
color: #EDEEFA;
font-family: Courier New;
font-size: 10px;
line-height: 12px;
margin-bottom: -2px;
padding: 5px;
text-align: center;
text-transform: uppercase;}
.soustitre5{
background-color: #d0d1e0;
box-shadow: inset 0 0 10px #a7a9c7;
font-family: Courier New;
font-size: 10px;
line-height: 12px;
margin: -10px -10px 5px;
padding: 4px;
text-align: center;
text-transform: uppercase;}
.imgcheval1{
border: 5px solid #FFF;
box-shadow: inset 0 0 20px #54514D;
height: 185px;
margin: 0 0 0 0px;
width: 320px;}
.imgcheval2{
border: 5px solid #FFF;
box-shadow: inset 0 0 20px #54514D;
height: 65px;
margin: -9px 0 0 0px;
width: 104px;}
.imgcheval3{
border: 5px solid #FFF;
box-shadow: inset 0 0 20px #54514D;
height: 65px;
margin: -9px 0 0 -10px;
width: 104px;}
.imgcheval4{
border: 5px solid #FFF;
box-shadow: inset 0 0 20px #54514D;
height: 65px;
margin: -9px 0 0 -10px;
width: 104px;}
.infobulle{
position : relative;
width: 0px;
height: 15px;}
.infobulle .infobullecontenu{
position: absolute;
margin-top: -20px;
margin-left: 121px;
text-align: center;
width: 43px;
font-family: courier new;
font-size: 10px;
display : none;
position: relative; z-index: 5;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
box-shadow: inset 0px 0px 5px #afaaa5;}
.infobulle:hover .infobullecontenu{
display : block;}
.barredeco{
position: relative; z-index: 4;
width: 175px;
height: 10px;
display: block;
border: solid 2px #ffffff;
box-shadow: inset 0px 0px 8px #8b6dad!important;}
.barrepoints{
height: 10px;
background: #A582CC;
position: absolute; z-index: 3;
border-right: 1px solid #ffffff;
box-shadow: inset 0px 0px 8px #8b6dad!important;}
.barremaximum{
height: 10px;
background: #d6d7e6;
position: absolute; z-index: 2;
border-right: 1px solid #ffffff;
box-shadow: inset 0px 0px 8px #a7a9c7!important;}
.barrebase{
width: 175px;
height: 10px;
background: #EDEEFA;
position: absolute; z-index: 1;
box-shadow: inset 0px 0px 8px #a7a9c7!important;}
/* Catalogue Equuskit */
.imgarticle{
align: center;
border: 5px solid #FFF;
box-shadow: inset 0 0 20px #54514D;
height: 149px;
margin-bottom: 20px;
margin-left: 0;
text-align: center;
width: 149px;}
.nomarticle{
background-color: #e0dcd7;
box-shadow: inset 0 0 8px #98938e;
color: #526F99;
font-family: courier new;
font-size: 10px;
margin: -50px 0 25px 5px;
padding: 2px;
text-align: center;
text-transform: uppercase;
width: 145px;}
/* Installations */
.imginstal{
align: center;
border: 5px solid #FFF;
box-shadow: inset 0 0 20px #54514D;
height: 100px;
margin-bottom: 20px;
margin-left: 0;
text-align: center;
width: 240px;}
.imginstalbis{
border: 5px solid #FFF;
box-shadow: inset 0 0 20px #54514D;
height: 65px;
margin: 0;
width: 104px;}
.nominstal{
background-color: #d6d7e6;
box-shadow: inset 0 0 8px #a7a9c7;
color: #6732A3;
font-family: courier new;
font-size: 10px;
margin: -50px 0 25px 5px;
padding: 2px;
text-align: center;
text-transform: uppercase;
width: 236px;}
.nominstalbis{
background-color: #d6d7e6;
box-shadow: inset 0 0 8px #a7a9c7;
color: #6732A3;
font-family: courier new;
font-size: 10px;
margin: -21px 0 0 5px;
padding: 2px;
text-align: center;
text-transform: uppercase;
width: 100px;}
.imgeven1{
border: 3px solid #FFF;
box-shadow: inset 0 0 20px #54514D;
height: 281px;
width: 200px;}
.imgeven2{
border: 3px solid #FFF;
box-shadow: inset 0 0 20px #54514D;
height: 100px;
width: 150px;}
Merci à ceux qui se pencheront sur mon problème !
Dernière édition par pinke le Ven 1 Avr 2016 - 15:22, édité 3 fois
Re: Cadre du forum réticent (trop haut)
Bonjour, le lien vers ton forum n'existe pas. Serait-il possible d'y accéder?
Merci
Merci
Re: Cadre du forum réticent (trop haut)
J'ai fait une erreur de frappe, un http:// de trop C'est http://swapenz.forumactif.org/
Re: Cadre du forum réticent (trop haut)
Tu aurais un compte test que je puisse utiliser sur ton forum?
Re: Cadre du forum réticent (trop haut)
Non je n'en ai pas, mais les inscriptions sont ouvertes si vous souhaitez vous en créer un
Re: Cadre du forum réticent (trop haut)
Désolée pour le DP mais est-ce que ça n'aurait rien à voir avec ma barre de navigation plutôt ? Je tente de la sortir du cadre du forum depuis tout à l'heure, et je vois que ça influence ce dernier (il s'agrandit vers le haut ) !
Voilà mon template overall_header :
Voilà mon template overall_header :
- Spoiler:
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head><link href='http://fonts.googleapis.com/css?family=Rouge+Script' rel='stylesheet' type='text/css'>
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
<!-- BEGIN switch_compat_meta -->
<meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
<!-- END switch_compat_meta -->
<!-- BEGIN switch_canonical_url -->
<link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
<!-- END switch_canonical_url -->
{META_FAVICO}
{META}
{META_FB_LIKE}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
{T_HEAD_STYLESHEET}
{CSS}
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
<link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
<script src="{JQUERY_PATH}" type="text/javascript"></script>
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
<!-- BEGIN switch_fb_login -->
<script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
<script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
<!-- END switch_fb_login -->
<!-- BEGIN switch_ticker -->
<link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
<script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
<!-- END switch_ticker -->
<!-- BEGIN switch_ticker_new -->
<script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
/* Definir le sens de direction en fonction du panneau admin */
var tickerDirParam = "{switch_ticker.DIRECTION}";
var slid_vert = false;
var auto_dir = 'next';
var h_perso = parseInt({switch_ticker.HEIGHT});
switch( tickerDirParam )
{
case 'top' :
slid_vert = true;
break;
case 'left':
break;
case 'bottom':
slid_vert = true;
auto_dir = 'prev';
break;
case 'right':
auto_dir = 'prev';
break;
default:
slid_vert = true;
}
$(document).ready(function() {
var w_cont = $('#fa_ticker_container').width();
if (w_cont > 0)
{
$('#fa_ticker_container').width(w_cont);
/* Affichage de la liste */
$('#fa_ticker_content').css('display','block');
/* Calcul des dimensions du conteneur et des elements */
var width_max = $('ul#fa_ticker_content').width();
var width_item = Math.floor(width_max / {switch_ticker.SIZE});
var height_max = h_perso;
/* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
$('ul#fa_ticker_content li').each( function () {
if ($(this).height() > height_max)
{
height_max = $(this).height();
}
} );
/* Redimensionnement des elements et des images trop larges */
$('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
if ($(this).width() > width_item)
{
var ratio = $(this).width() / width_item;
var new_height = Math.round($(this).height() / ratio);
$(this).height(new_height).width(width_item);
}
});
/* Redimensionnement et centrage du conteneur en mode vertical */
if (slid_vert)
{
$('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
}
/* Initialisation du caroussel */
$('#fa_ticker_content').jcarousel({
vertical: slid_vert,
wrap: 'circular',
auto: {switch_ticker.STOP_TIME},
auto_direction: auto_dir,
scroll: 1,
size: {switch_ticker.SIZE},
height_max: height_max,
animation: {switch_ticker.SPEED}
});
}
else
{
$('ul#fa_ticker_content li:not(:first)').css('display','none');
$('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
}
});
//]]>
</script>
<!-- END switch_ticker_new -->
<script type="text/javascript">//<![CDATA[
$(document).ready(function(){
<!-- BEGIN switch_enable_pm_popup -->
pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
if(pm != null) { pm.focus(); }
<!-- END switch_enable_pm_popup -->
<!-- BEGIN switch_report_popup -->
report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
if(report != null) { report.focus(); }
<!-- END switch_report_popup -->
<!-- BEGIN switch_ticker -->
$(document).ready(function() {
Ticker.start({
height : {switch_ticker.HEIGHT},
spacing : {switch_ticker.SPACING},
speed : {switch_ticker.SPEED},
direction : '{switch_ticker.DIRECTION}',
pause : {switch_ticker.STOP_TIME}
});
});
<!-- END switch_ticker -->
});
<!-- BEGIN switch_login_popup -->
var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
<!-- END switch_login_popup -->
<!-- BEGIN switch_login_popup -->
$(document).ready( function() {
$(window).resize(function() {
var windowWidth = document.documentElement.clientWidth;
var popupWidth = $("#login_popup").width();
var mypopup = $("#login_popup");
$("#login_popup").css({
"left": windowWidth/2 - popupWidth/2
});
});
});
<!-- END switch_login_popup -->
//]]>
</script>
{GREETING_POPUP}
<!-- BEGIN switch_ticker_new -->
<style>
.jcarousel-skin-tango .jcarousel-item {
text-align:center;
width: 10px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-right: {switch_ticker.SPACING}px;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom: {switch_ticker.SPACING}px;
}
</style>
<!-- END switch_ticker_new -->
{HOSTING_JS}
<!-- BEGIN google_analytics_code -->
<script type="text/javascript">
//<![CDATA[
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
_gaq.push(['_trackPageview']);
_gaq.push(['_trackPageLoadTime']);
<!-- BEGIN google_analytics_code_bis -->
_gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
_gaq.push(['b._trackPageview']);
<!-- END google_analytics_code_bis -->
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
//]]>
</script>
<!-- END google_analytics_code -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
<h1><img src="https://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
<div class="content">
<p>
{hitskin_preview.L_THEME_SITE_PREVIEW}
<br />
<span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
</p>
</div>
</div>
<!-- END hitskin_preview -->
<!-- BEGIN switch_login_popup -->
<div id="login_popup" style="z-index: 10000 !important;">
<table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
<tr height="25">
<td class="catLeft">
<span class="genmed module-title">{SITENAME}</span>
</td>
</tr>
<tr height="{LOGIN_POPUP_MSG_HEIGHT}">
<td class="row1" align="left" valign="top">
<div id="login_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input type="submit" class="mainoption" value="{L_LOGIN}" />
<input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
<input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
</form>
</div>
<span class="genmed">{LOGIN_POPUP_MSG}</span>
</td>
</tr>
</table>
</div>
<!-- END switch_login_popup -->
<a name="top"></a>
{JAVASCRIPT}
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<!-- BEGIN switch_logo_left -->
<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
<!-- END switch_logo_left -->
<td align="center" width="100%" valign="middle">
<!-- BEGIN switch_logo_center -->
<a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
<br />
<!-- END switch_logo_center -->
<!--<div class="maintitle">{MAIN_SITENAME}</div>
<br />
<span class="gen">{SITE_DESCRIPTION}<br /> </span>-->
</td>
<!-- BEGIN switch_logo_right -->
<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
<!-- END switch_logo_right -->
</tr>
</table><div class="navigation"><table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
</tr>
</table></div>
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
<td class="bodyline">
<div style="clear: both;"></div>
<!-- BEGIN switch_ticker_new -->
<div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
<tr>
<td align="left" class="row1">
<div id="fa_ticker_container">
<ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
<!-- BEGIN ticker_row -->
<li>{switch_ticker.ticker_row.ELEMENT}</li>
<!-- END ticker_row -->
</ul>
</div>
</td>
</tr>
</table>
</div>
<!-- END switch_ticker_new -->
<!-- BEGIN switch_ticker -->
<div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
<tr>
<td align="left" class="row1">
<div id="fa_ticker_container">
<div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
<div class="fa_ticker_content">
<!-- BEGIN ticker_row -->
<div>{switch_ticker.ticker_row.ELEMENT}</div>
<!-- END ticker_row -->
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
<!-- END switch_ticker -->
<div id="page-body">
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<table cellpadding="0" cellspacing="0" width="100%" class="three-col">
<tbody>
<tr>
<td valign="top" width="{C1SIZE}">
<div id="{ID_LEFT}">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</div>
</td>
<td valign="top" width="100%">
<!-- BEGIN html_validation -->
</td>
</tr>
</tbody>
</table>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
<!-- END html_validation -->
Re: Cadre du forum réticent (trop haut)
Salut,
Remplace ton
Par :
Remplace ton
- Code:
.navigation {
line-height: 8px;
position: relative;
text-align: justify;
}
Par :
- Code:
.navigation {
line-height: 8px;
position: relative;
text-align: justify;
padding-bottom: 10px;
}
Re: Cadre du forum réticent (trop haut)
Merci beaucoup, c'était tout simple mais c'est ce qu'il fallait pour passer la navig au dessus de la page d'accueil Par contre le problème du cadre reste le même. Mais je pense que l'espace indésirable est dû à l'emplacement des publicités de forumactif (j'utilise Adblock). Si j'utilise des crédits pour supprimer ces publicités, vous pensez que l'espace disparaîtra ?
Re: Cadre du forum réticent (trop haut)
Bonjour pinke, en effet, l'espace correspond à la publicité, si vous supprimez la publicité, l'espace disparaitra.
Bien à vous.
Bien à vous.
Re: Cadre du forum réticent (trop haut)
Très bien, merci pour votre réponse rapide ! Je pense que je vais faire ça.
Re: Cadre du forum réticent (trop haut)
pinke a écrit:Très bien, merci pour votre réponse rapide ! Je pense que je vais faire ça.
Afin de faciliter la gestion des problèmes, si le vôtre est résolu, pensez à :
|
Sujets similaires
» Cadre du forum trop haut
» Le forum est trop haut
» Fond de forum trop "haut"
» Haut et bas de cadre du forum
» Enlever un cadre de trop sur mon forum
» Le forum est trop haut
» Fond de forum trop "haut"
» Haut et bas de cadre du forum
» Enlever un cadre de trop sur mon 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