Problème affichage chatbox
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
Re: Problème affichage chatbox
Bonsoir,
Je me suis inscrite sur votre forum pour tester directement ^^
Apparemment le problème vient de votre CSS. Puis je avoir le code ? (Affichage > Images et couleurs > Couleurs > Feuille CSS)
Cordialement.
Re: Problème affichage chatbox
Yep, c'est ce que je disais justement dans la chatlbox, que j'allais voir la feuille css. J'ai vu plusieurs choses mais comme pour moi c'est relativement nouveau j'ai préféré ne rien toucher (enfin si j'ai tenté en vain quelques trucs).
J'ai modifié quelques petites choses pour fixer l'image de fond et rendre transparent le forum, mais sinon rien. Voici l'intégralité du code :*
body { background-attachment: fixed; background-repeat: no-repeat; background-position: top center;}
body{
alpha(opacity=90);
-moz-opacity:0.90;
opacity: 0.90;
background-position: top center;
background-repeat: repeat-x;
}
#submenu ul li a {
padding: 0px;
padding-top: 20px;
/padding-top: 0px;
margin: 0px;
border-bottom: none;
text-decoration: none;
background-color: transparent;
}
#submenu {
padding: 0px;
margin: 0px;
margin-left: 11px;
margin-top: 8px;
}
div#logostrip #main-title h1{
background-color:'transparent';
padding: 0px;
margin: 0px;
}
#site-desc{
padding: 0px;
margin: 0px;
}
#userlinks{
background-color: transparent !important;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/cadre_16.png');
background-repeat: no-repeat;
width: 818px !important;
background-repeat: no-repeat;
padding: 0px 30px 0px 30px !important;
padding-top: 50px !important;
margin: 0px;
font-size : 0.8em;
color: #000;
border-bottom: none;
}
#userlinks.not-connected{
background-color: transparent !important;
border-bottom: 0px;
}
#userlinks ul{
margin-right: 50px;
}
#fa_ticker_block{
background-color: transparent !important;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/cadre_18.png');
min-height: 10px;
background-repeat: repeat-y;
border: none;
padding: 5px 30px 5px 30px;
margin-top : 0px !important;
margin-bottom : 0px !important;
}
#fa_ticker_container{
padding: 2px;
}
#fa_ticker{
background-image: none !important;
}
div.newslink{
background-color: transparent;
}
#outer-wrapper{
background-color: transparent !important;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/cadre_18.png');
width: 818px !important;
min-height: 10px;
padding:0px !important;
margin: 0px !important;
}
#wrapper{
background-color: transparent !important;
margin: 0px ;
padding-top: 25px;
margin: 0px 30px;
}
#gfooter{
background-color: transparent;
color: #000;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/cadre_20.png');
background-position: bottom ;
background-repeat: no-repeat;
height: 184px;
width: 818px;
margin:0px;
padding: 0px;
/margin-top: -16px;
}
#gfooter
.footer-links{
float: left;
padding-left: 0px;
margin-top: 25px !important;
font-size : 1.0em;
color: #000;
}
#gfooter a {
background-color: transparent;
color: #000 !important;
}
.current-time{
padding-right: 5px;
margin-right: 20px;
}
#qjump{
padding: 0px 0px 10px 30px;
}
table.ipbtable tfoot td{
background-color: transparent;
background-image: url('https://i.servimg.com/u/f10/13/40/88/33/52der10.png');
background-repeat: no-repeat;
padding: 0px;
height: 20px;
border: none;
}
#navstrip li {
float: left;
margin: 0 5px;
padding-left: 16px;
background: url('https://i.servimg.com/u/f15/11/95/30/70/1011.png') no-repeat left 50%;
}
#navstrip li.begin {
padding-left: 16px;
background: url('https://i.servimg.com/u/f15/11/95/30/70/1012.png') no-repeat left 50%;
}
div.maintitle .expand,div.maintitle .contract {
float: right;
width: 30px;
height: 20px;
background: url('https://i.servimg.com/u/f15/11/95/30/70/215.png') no-repeat 50% 50%;
cursor: pointer;
}
div.maintitle .expand {
background: url('https://i.servimg.com/u/f15/11/95/30/70/315.png') no-repeat 50% 50%;
}
.popmenubutton a {
padding: 1px 21px 2px 7px;
border-top: 1px dotted #00485E;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/115.png');
}
.box-content{
border-bottom: 0px;
}
div.maintitle{
padding-bottom: 4px;
padding-top: -4px;
margin: 0px;
}
.post-footer ul.posting-icons li{
padding-left: 3px;
}
td.row1, td.row2{
border: 1px dotted #00485E;
}
div.borderwrap{
padding: 0px;
margin: 0px;
}
#i_icon_mini_calendar:hover{
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/214.png');
}
#i_icon_mini_portal:hover{
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/711.png');
}
#i_icon_mini_groups:hover{
background-image: url('https://i.servimg.com/u/f10/13/40/88/33/gro10.png');
}
#i_icon_mini_profile:hover{
background-image: url('https://i.servimg.com/u/f10/13/40/88/33/416.png');
}
#i_icon_mini_members:hover{
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/314.png');
}
#i_icon_mini_gallery:hover{
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/514.png');
}
#i_icon_mini_faq:hover{
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/613.png');
}
#i_icon_mini_search:hover{
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/812.png');
}
#i_icon_mini_logout:hover{
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/910.png');
}
#i_icon_mini_login:hover{
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/114.png');
}
#i_icon_mini_index:hover{
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/acc10.png');
}
#i_icon_mini_message:hover{
background-image: url('https://i.servimg.com/u/f10/13/40/88/33/messag10.png');
}
#i_icon_mini_register{
background-image:url('https://i.servimg.com/u/f15/11/95/30/70/s_enre10.png');
width: 95px;
height: 35px;
}
#i_icon_mini_register:hover{
background-image:url('https://i.servimg.com/u/f15/11/95/30/70/1013.png');
width: 95px;
height: 35px;
}
#i_icon_mini_new_message{
background-image:url('https://i.servimg.com/u/f15/11/95/30/70/mp_new10.png');
width: 80px;
height: 35px;
}
#i_icon_mini_new_message:hover{
background-image:url('https://i.servimg.com/u/f15/11/95/30/70/1112.png');
width: 80px;
height: 35px;
}
.tfooter{
margin: 0px;
padding: 0px;
}
.post{
background-image: url('https://i.servimg.com/u/f17/13/37/59/52/b310.jpg');
background-repeat: repeat-x;
background-position: bottom;
padding: 0px;
padding-bottom: 25px;
border-bottom: none !important;
border-left: 1px dotted #00485E;
border-right: 1px dotted #00485E;
}
.search-footer-box { display: none; }
#search-box { display: none; }
.darkrow{
background-color: transparent;
background-image: url('https://i.servimg.com/u/f10/13/40/88/33/52der10.png');
background-repeat: no-repeat;
padding: 0px;
height: 20px;
border: none;
}
.topic-footer{
background-color: transparent;
background-image: url('https://i.servimg.com/u/f10/13/40/88/33/52der10.png');
background-repeat: no-repeat;
padding: 0px;
height: 20px;
border: none;
margin-top: 0px;
}
div.newslink{
background-color: transparent;
}
.box-content{
border-bottom: 0px;
}
div.borderwrap{
border: none;
-moz-box-shadow: 2px 2px 3px#888888;
-webkit-box-shadow: 2px 2px 3px #888888;
box-shadow: 2px 2px 3px #004707;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#848282', Direction=140, Strength=3);
zoom: 1;
}
.bar{
background-color: #FFF;
border: 1px dotted #00485E;
text-decoration: none;
}
.formsubtitle{
background-image: url('https://i.servimg.com/u/f17/13/37/59/52/b310.jpg');
background-repeat: repeat-x;
background-position: bottom;
}
.posting-options .posting-buttons li{
margin-left : 4px;
margin-bottom: 0px;
padding-bottom: 0px;
}
.posting-options .posting-buttons{
margin-bottom: -7px;
padding-bottom: 0px;
}
.next-prev{
margin-right: 25px;
}
ul.privmsg li {
color: #000;
background-repeat: repeat;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: bottom;
overflow: visible;
vertical-align:middle;
border: 2px inset #fff;
}
ul.privmsg li a {
color: #000;
background-repeat: repeat;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: top;
overflow: visible;
vertical-align:middle;
border: 2px ridge #fff;
}
ul.privmsg li a:hover{
color: #35000c;
background-repeat: repeat;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: top;
border: 2px outset #fff;
}
ul.privmsg li a a:hover{
color: #35000c;
background-repeat: repeat;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: bottom;
border: 2px inset #fff;
}
button.button2, input.button2 {
color: #000000;
background-repeat: repeat-x;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: top;
overflow: visible;
vertical-align:middle;
border: 2px outset #fff;
}
button.button2:hover, input.button2:hover {
color: #000 ;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
color: #000000;
background-position: bottom;
border: 2px inset #fff;
}
.button, .mainoption{
color: #000 ;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: top;
border: 2px outset #fff;
}
.button:hover, .mainoption:hover{
color: #000 ;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: bottom;
border: 2px inset #fff;
}
.module .maintitle{
background-color: transparent !important;
color: #002832;
background-image: url('https://i.servimg.com/u/f10/13/40/88/33/b410.jpg');
background-repeat: repeat-x;
height: 27px;
padding-top: 4px;
margin-bottom: -9px;
}
.module .box-content{
border-style: dotted;
border-width: 1px;
border-color: #535353 #6b6b6b #433f3f #212326;
}
#profile-advanced-layout{
float:none;
margin: 0px;
padding: 0px;
width: 818px;
}
#profile-advanced-left{
float : none;
margin: 5px;
padding: 3px;
width: 750px;
}
#profile-advanced-right{
float: none;
margin: 5px;
padding: 3px;
margin-bottom: 0px;
width: 750px;
}
J'ai modifié quelques petites choses pour fixer l'image de fond et rendre transparent le forum, mais sinon rien. Voici l'intégralité du code :*
body { background-attachment: fixed; background-repeat: no-repeat; background-position: top center;}
body{
alpha(opacity=90);
-moz-opacity:0.90;
opacity: 0.90;
background-position: top center;
background-repeat: repeat-x;
}
#submenu ul li a {
padding: 0px;
padding-top: 20px;
/padding-top: 0px;
margin: 0px;
border-bottom: none;
text-decoration: none;
background-color: transparent;
}
#submenu {
padding: 0px;
margin: 0px;
margin-left: 11px;
margin-top: 8px;
}
div#logostrip #main-title h1{
background-color:'transparent';
padding: 0px;
margin: 0px;
}
#site-desc{
padding: 0px;
margin: 0px;
}
#userlinks{
background-color: transparent !important;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/cadre_16.png');
background-repeat: no-repeat;
width: 818px !important;
background-repeat: no-repeat;
padding: 0px 30px 0px 30px !important;
padding-top: 50px !important;
margin: 0px;
font-size : 0.8em;
color: #000;
border-bottom: none;
}
#userlinks.not-connected{
background-color: transparent !important;
border-bottom: 0px;
}
#userlinks ul{
margin-right: 50px;
}
#fa_ticker_block{
background-color: transparent !important;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/cadre_18.png');
min-height: 10px;
background-repeat: repeat-y;
border: none;
padding: 5px 30px 5px 30px;
margin-top : 0px !important;
margin-bottom : 0px !important;
}
#fa_ticker_container{
padding: 2px;
}
#fa_ticker{
background-image: none !important;
}
div.newslink{
background-color: transparent;
}
#outer-wrapper{
background-color: transparent !important;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/cadre_18.png');
width: 818px !important;
min-height: 10px;
padding:0px !important;
margin: 0px !important;
}
#wrapper{
background-color: transparent !important;
margin: 0px ;
padding-top: 25px;
margin: 0px 30px;
}
#gfooter{
background-color: transparent;
color: #000;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/cadre_20.png');
background-position: bottom ;
background-repeat: no-repeat;
height: 184px;
width: 818px;
margin:0px;
padding: 0px;
/margin-top: -16px;
}
#gfooter
.footer-links{
float: left;
padding-left: 0px;
margin-top: 25px !important;
font-size : 1.0em;
color: #000;
}
#gfooter a {
background-color: transparent;
color: #000 !important;
}
.current-time{
padding-right: 5px;
margin-right: 20px;
}
#qjump{
padding: 0px 0px 10px 30px;
}
table.ipbtable tfoot td{
background-color: transparent;
background-image: url('https://i.servimg.com/u/f10/13/40/88/33/52der10.png');
background-repeat: no-repeat;
padding: 0px;
height: 20px;
border: none;
}
#navstrip li {
float: left;
margin: 0 5px;
padding-left: 16px;
background: url('https://i.servimg.com/u/f15/11/95/30/70/1011.png') no-repeat left 50%;
}
#navstrip li.begin {
padding-left: 16px;
background: url('https://i.servimg.com/u/f15/11/95/30/70/1012.png') no-repeat left 50%;
}
div.maintitle .expand,div.maintitle .contract {
float: right;
width: 30px;
height: 20px;
background: url('https://i.servimg.com/u/f15/11/95/30/70/215.png') no-repeat 50% 50%;
cursor: pointer;
}
div.maintitle .expand {
background: url('https://i.servimg.com/u/f15/11/95/30/70/315.png') no-repeat 50% 50%;
}
.popmenubutton a {
padding: 1px 21px 2px 7px;
border-top: 1px dotted #00485E;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/115.png');
}
.box-content{
border-bottom: 0px;
}
div.maintitle{
padding-bottom: 4px;
padding-top: -4px;
margin: 0px;
}
.post-footer ul.posting-icons li{
padding-left: 3px;
}
td.row1, td.row2{
border: 1px dotted #00485E;
}
div.borderwrap{
padding: 0px;
margin: 0px;
}
#i_icon_mini_calendar:hover{
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/214.png');
}
#i_icon_mini_portal:hover{
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/711.png');
}
#i_icon_mini_groups:hover{
background-image: url('https://i.servimg.com/u/f10/13/40/88/33/gro10.png');
}
#i_icon_mini_profile:hover{
background-image: url('https://i.servimg.com/u/f10/13/40/88/33/416.png');
}
#i_icon_mini_members:hover{
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/314.png');
}
#i_icon_mini_gallery:hover{
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/514.png');
}
#i_icon_mini_faq:hover{
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/613.png');
}
#i_icon_mini_search:hover{
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/812.png');
}
#i_icon_mini_logout:hover{
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/910.png');
}
#i_icon_mini_login:hover{
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/114.png');
}
#i_icon_mini_index:hover{
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/acc10.png');
}
#i_icon_mini_message:hover{
background-image: url('https://i.servimg.com/u/f10/13/40/88/33/messag10.png');
}
#i_icon_mini_register{
background-image:url('https://i.servimg.com/u/f15/11/95/30/70/s_enre10.png');
width: 95px;
height: 35px;
}
#i_icon_mini_register:hover{
background-image:url('https://i.servimg.com/u/f15/11/95/30/70/1013.png');
width: 95px;
height: 35px;
}
#i_icon_mini_new_message{
background-image:url('https://i.servimg.com/u/f15/11/95/30/70/mp_new10.png');
width: 80px;
height: 35px;
}
#i_icon_mini_new_message:hover{
background-image:url('https://i.servimg.com/u/f15/11/95/30/70/1112.png');
width: 80px;
height: 35px;
}
.tfooter{
margin: 0px;
padding: 0px;
}
.post{
background-image: url('https://i.servimg.com/u/f17/13/37/59/52/b310.jpg');
background-repeat: repeat-x;
background-position: bottom;
padding: 0px;
padding-bottom: 25px;
border-bottom: none !important;
border-left: 1px dotted #00485E;
border-right: 1px dotted #00485E;
}
.search-footer-box { display: none; }
#search-box { display: none; }
.darkrow{
background-color: transparent;
background-image: url('https://i.servimg.com/u/f10/13/40/88/33/52der10.png');
background-repeat: no-repeat;
padding: 0px;
height: 20px;
border: none;
}
.topic-footer{
background-color: transparent;
background-image: url('https://i.servimg.com/u/f10/13/40/88/33/52der10.png');
background-repeat: no-repeat;
padding: 0px;
height: 20px;
border: none;
margin-top: 0px;
}
div.newslink{
background-color: transparent;
}
.box-content{
border-bottom: 0px;
}
div.borderwrap{
border: none;
-moz-box-shadow: 2px 2px 3px#888888;
-webkit-box-shadow: 2px 2px 3px #888888;
box-shadow: 2px 2px 3px #004707;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#848282', Direction=140, Strength=3);
zoom: 1;
}
.bar{
background-color: #FFF;
border: 1px dotted #00485E;
text-decoration: none;
}
.formsubtitle{
background-image: url('https://i.servimg.com/u/f17/13/37/59/52/b310.jpg');
background-repeat: repeat-x;
background-position: bottom;
}
.posting-options .posting-buttons li{
margin-left : 4px;
margin-bottom: 0px;
padding-bottom: 0px;
}
.posting-options .posting-buttons{
margin-bottom: -7px;
padding-bottom: 0px;
}
.next-prev{
margin-right: 25px;
}
ul.privmsg li {
color: #000;
background-repeat: repeat;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: bottom;
overflow: visible;
vertical-align:middle;
border: 2px inset #fff;
}
ul.privmsg li a {
color: #000;
background-repeat: repeat;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: top;
overflow: visible;
vertical-align:middle;
border: 2px ridge #fff;
}
ul.privmsg li a:hover{
color: #35000c;
background-repeat: repeat;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: top;
border: 2px outset #fff;
}
ul.privmsg li a a:hover{
color: #35000c;
background-repeat: repeat;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: bottom;
border: 2px inset #fff;
}
button.button2, input.button2 {
color: #000000;
background-repeat: repeat-x;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: top;
overflow: visible;
vertical-align:middle;
border: 2px outset #fff;
}
button.button2:hover, input.button2:hover {
color: #000 ;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
color: #000000;
background-position: bottom;
border: 2px inset #fff;
}
.button, .mainoption{
color: #000 ;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: top;
border: 2px outset #fff;
}
.button:hover, .mainoption:hover{
color: #000 ;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: bottom;
border: 2px inset #fff;
}
.module .maintitle{
background-color: transparent !important;
color: #002832;
background-image: url('https://i.servimg.com/u/f10/13/40/88/33/b410.jpg');
background-repeat: repeat-x;
height: 27px;
padding-top: 4px;
margin-bottom: -9px;
}
.module .box-content{
border-style: dotted;
border-width: 1px;
border-color: #535353 #6b6b6b #433f3f #212326;
}
#profile-advanced-layout{
float:none;
margin: 0px;
padding: 0px;
width: 818px;
}
#profile-advanced-left{
float : none;
margin: 5px;
padding: 3px;
width: 750px;
}
#profile-advanced-right{
float: none;
margin: 5px;
padding: 3px;
margin-bottom: 0px;
width: 750px;
}
Re: Problème affichage chatbox
Je suis connectée sur la chatbox =>
Vous avez modifié certains templates ?
Vous avez modifié certains templates ?
Re: Problème affichage chatbox
Non, je n'ai rien modifié d'autre que l'opacité et le fait de fixer le fond, j'ai pas touché à la mise en forme sinon. Tout est comme le style que j'ai choisi au départ.
Re: Problème affichage chatbox
problème résolu en supprimant et réinstallant le thème.
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