Enlever image en-tête chatbox via css
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
Enlever image en-tête chatbox via css
Bonjour, Bonsoir à tous
Voilà j'aimerai pouvoir enlever ceci par le css mais ne connaissant pas ou je pourrai procéder j'ai besoin d'un petit coup de pouce
Merci par avance de votre aide,
Ah ouij'allais oublié ^^, bonne fête de fin d'année à tous et à ForumActif
LoOiic
Voilà j'aimerai pouvoir enlever ceci par le css mais ne connaissant pas ou je pourrai procéder j'ai besoin d'un petit coup de pouce
Merci par avance de votre aide,
Ah oui
LoOiic
Dernière édition par LoOiic le Mer 28 Déc 2011 - 16:16, édité 1 fois
Re: Enlever image en-tête chatbox via css
Bonjour,dans ton css tu dois rajouter ceci:
- Code:
#chatbox{
background-color: #couleur;
background-image: url('adresse de l'image');
border: 1px solid #couleur;
}
#chatbox_header{
background-color: #couleur;
background-image: url('adresse de l'image');
border: 1px solid #couleur;
}
#chatbox_members{
background-color: #couleur;
background-image: url('adresse de l'image');
border: 1px solid #couleur;
}
#chatbox_footer{
background-color: #couleur;
background-image: url('adresse de l'image');
border: 1px solid #couleur;
}
Re: Enlever image en-tête chatbox via css
Bonjour,
Même après avoir essayer de modifier ceci l'image de mon header sur la chatbox reste
Même après avoir essayer de modifier ceci l'image de mon header sur la chatbox reste
Re: Enlever image en-tête chatbox via css
Bonjour,ton forum est en Phpbb2?
Si oui,il faudra changer ça:
Si oui,il faudra changer ça:
- Code:
body.chatbox {
background-image: none;
}
Re: Enlever image en-tête chatbox via css
Bonsoir StyleGraph' ,
Oui mon forum est en version phpbb2,
Cela me change le fond générale,
Mon code css (il est assez long et en bordel d'ailleurs faudra que je l'arrange pour voir mieux tout sa) :
Voilà se que cela me donne actuellement :
Merci, LoOiic
EDIT : Je laisse comme sa finalement merci de votre aide tout de même
Oui mon forum est en version phpbb2,
Cela me change le fond générale,
Mon code css (il est assez long et en bordel d'ailleurs faudra que je l'arrange pour voir mieux tout sa) :
- Code:
body.chatbox {
background-image: none;
background-color: #F8F8F8;
}
.categoriefofo
{
color: #4EDE46;
font-size: 13px;
font-variant: small-caps;
text-shadow: 1px 1px 5px #008AE7;
letter-spacing: 3px;
}
.categoriefofo:hover
{
text-shadow: 1px 1px 5px #4EDE46;
cursor: default;
}
.cattitle3 a
{
font-size: 16px;
text-shadow: 1px 1px 5px #D686CC;
color: #C448B5;
border-bottom: 3px solid #C448B5;
box-shadow: 1px 1px 4px #D686CC;
margin-bottom: 5px;
padding: 6px;
font-variant: small-caps;
border-radius: 10px 10px 0px 0px;
}
.cattitle3 a:hover
{
background-color: #D686CC;
box-shadow: 1px 1px 4px white;
text-shadow: 1px 1px 5px white;
}
#messageqeel
{
float: right;
}
#titregroupe
{
margin-top: 5px;
text-align: center;
color: white;
border-left: 3px solid white;
border-right: 3px solid white;
text-shadow: 1px 1px 5px #BC14AB;
font-size: 18px;
padding: 5px;
text-align: center;
position: center;
width: 150px;
box-shadow: 0px 0px 10px white;
-moz-box-shadow: 0px 0px 10px white;
-webkit-box-shadow: 0px 0px 10px white;
font-family: Century Gothic;
font-weight: bold;
letter-spacing: 2px;
}
#groupe1
{
margin-top: 5px;
}
#groupe1 a
{
color: #C71E1E;
border-left: 3px solid #C71E1E;
border-right: 3px solid #C71E1E;
text-shadow: 1px 1px 5px red;
font-size: 16px;
padding: 5px;
text-align: center;
position: center;
width: 150px;
border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
box-shadow: 0px 0px 5px #E85353;
-moz-box-shadow: 0px 0px 5px #E85353;
-webkit-box-shadow: 0px 0px 5px #E85353;
font-family: Century Gothic;
font-weight: bold;
letter-spacing: 2px;
}
#groupe2
{
margin-top: 5px;
float: left;
}
#groupe2 a
{
color: #4EDE46;
border-left: 3px solid #4EDE46;
border-right: 3px solid #4EDE46;
text-shadow: 1px 1px 5px #79D18C;
font-size: 16px;
padding: 5px;
text-align: center;
position: center;
width: 150px;
border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
box-shadow: 0px 0px 5px #79D18C;
-moz-box-shadow: 0px 0px 5px #79D18C;
-webkit-box-shadow: 0px 0px 5px #79D18C;
font-family: Century Gothic;
font-weight: bold;
letter-spacing: 2px;
float: left;
}
#groupe3
{
margin-top: 5px;
float: right;
}
#groupe3 a
{
color: #5D65E2;
border-left: 3px solid #5D65E2;
border-right: 3px solid #5D65E2;
text-shadow: 1px 1px 5px #9AA0EA;
font-size: 16px;
padding: 5px;
text-align: center;
position: center;
width: 150px;
border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
box-shadow: 0px 0px 5px #9AA0EA;
-moz-box-shadow: 0px 0px 5px #9AA0EA;
-webkit-box-shadow: 0px 0px 5px #9AA0EA;
font-family: Century Gothic;
font-weight: bold;
letter-spacing: 2px;
float: right;
}
#groupe4
{
margin-top: 5px;
float: right;
}
#groupe4 a
{
color: #CEBA55;
border-left: 3px solid #CEBA55;
border-right: 3px solid #CEBA55;
text-shadow: 1px 1px 5px #E8D653;
font-size: 16px;
padding: 5px;
text-align: center;
position: center;
width: 150px;
border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
box-shadow: 0px 0px 5px #E8D653;
-moz-box-shadow: 0px 0px 5px #E8D653;
-webkit-box-shadow: 0px 0px 5px #E8D653;
font-family: Century Gothic;
font-weight: bold;
letter-spacing: 2px;
float: right;
}
#groupe5
{
margin-top: 5px;
float: left;
}
#groupe5 a
{
color: black;
border-left: 3px solid black;
border-right: 3px solid black;
text-shadow: 1px 1px 5px white;
font-size: 16px;
padding: 5px;
text-align: center;
position: center;
width: 200px;
border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
box-shadow: 0px 0px 5px white;
-moz-box-shadow: 0px 0px 5px white;
-webkit-box-shadow: 0px 0px 5px white;
font-family: Century Gothic;
font-weight: bold;
letter-spacing: 2px;
float: left;
}
#chatbox_header .cattitle strong {
display: none ;
}
#chatbox_header .cattitle:before {
content: "FilmAlaffiche - ChatBox";
color: black;
background-color: #9CDB63;
padding: 3px;
}
#message
{
color:#3b2705;
border:solid 1px #000000;
margin:3px !important;
padding:2px;
text-align:left;
font-size:9px !important;
}
#chatbox_members .member-title {
background-color: #9CDB63;
color: #3b2705;
border:solid 1px #000000;
margin:3px !important;
padding:3px;
text-align:center;
font-size:12px !important;
font-weight:bold;
font-variant :small-caps;
}
#chatbox_members {
position: absolute;
top: 30px;
bottom: 30px;
width: 180px;
overflow: auto;
border-right: solid 1px #000000;
}
#chatbox_header .chatbox-options .genmed,
#chatbox_header .chatbox-options {
color:#3b2705 !important;
font-size:11px !important;
font-weight:bold;
}
#chatbox_header .chatbox-options a
{
color:#3b2705;
border:solid 1px #000000;
margin-bottom:3px !important;
padding:3px;
text-align:center;
font-size:9px !important;
font-weight:bold;
}
#chatbox_header .catBottom .cattitle {
margin:3px !important;
padding:3px;
text-align:center;
font-size:13px !important;
font-weight:bold;
font-variant :small-caps;
}
#chatbox .catBottom
{
border: none;
}
#chatbox_footer {
background-image: url('http://i27.servimg.com/u/f27/11/07/38/09/chatbo10.jpg');
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 5px;
color:#3b2705;
border:solid 1px #000000;
margin:3px !important;
opacity:1;
text-align:left;
font-size:9px !important;
}
#chatbox_footer label {
color:#3b2705;
font-size:11px !important;
font-variant: small-caps;
font-weight:bold;
}
.geek .row1
{
background: transparent;
}
.forumline
{
-moz-box-shadow: 1px 1px 6px #008AE7;
-webkit-box-shadow: 1px 1px 6px #008AE7;
box-shadow: 1px 1px 6px #008AE7;
margin-top: 15px;
}
.gensmall ul
{
list-style-position: outside;
}
.gensmall li
{
text-align: left;
postion: left;
list-style-image: url("http://i49.servimg.com/u/f49/13/59/59/56/c9123010.png");
list-style-position: outside;
white-space: nowrap;
font-size: 13px;
}
#accueil
{
width: 900px;
height: 400px;
overflow: hidden;
background-color: #F8F8F8;
/*background: url(http://blogs.furman.edu/frenchlanguagehouse/files/2009/09/bobine-film.jpg) center no-repeat;
*/border: 3px solid white; /* #D0D0D0 */
box-shadow: 0px 0px 10px #BA62B1;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
}
#page1
{
width: 40px;
height: 400px;
float: left;
overflow: hidden;
background-color: #F8F8F8;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page1:hover
{
width: 80%;
height: 400px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page2
{
width: 40px;
height: 400px;
float: left;
overflow: hidden;
background-color: #EEF3F7;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page2:hover
{
width: 80%;
height: 400px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page3
{
width: 40px;
height: 400px;
float: left;
overflow: hidden;
background-color: #F8F8F8;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page3:hover
{
width: 80%;
height: 400px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page4
{
width: 40px;
height: 400px;
float: left;
overflow: hidden;
background-color: #EEF3F7;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page4:hover
{
width: 80%;
height: 400px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page5
{
width: 40px;
height: 400px;
float: left;
overflow: hidden;
background-color: #F8F8F8;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page5:hover
{
width: 80%;
height: 400px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
.contenu_page
{
width: 100%;
height: 400px;
}
.page_titre
{
display: inline-block;
height: 40px;
width: 400px;
color: #8CC8F1;
margin-left: -180px;
text-align: center;
font-size: 18px;
font-family: Comic Sans MS;
letter-spacing: 2px;
text-shadow: 1px 1px 0px #5f5f5f;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.contenu
{
width: 0px;
height: 0px;
background-color: #EEF3F7;
overflow: hidden;
padding: 7px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
#page1:hover .contenu, #page2:hover .contenu, #page3:hover .contenu, #page4:hover .contenu, #page5:hover .contenu
{
width: 650px;
padding: 5px;
height: 380px;
margin-left: -180px;
background-color: #EEF3F7;
overflow: none;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
font-size: 13px;
font-family: Comic Sans MS;
}
.credit
{
display: block;
text-align: right;
margin-right: 20px;
}
.credit a
{
font-size: 10px;
text-decoration: none !important;
}
.code
{
font-size: 13px;
font-family: 'Trebuchet MS';
color: white;
background-color: #F28C89;
-moz-border-radius: 0px 15px 0px 15px;
-webkit-border-radius: 0px 15px 0px 15px;
border-radius: 0px 15px 0px 15px;
padding: 5px;
border-color: #A24444;
border-left: 6px solid #A24444;
}
div.postbody {
padding:7px;
}
.quote
{
background-color: #CACACA;
background-image: url('http://bonniewright-bw.com/Photos/citation.png');
background-position: right top;
background-repeat: no-repeat;
color: black;
font-family: 'Trebuchet MS';
height: 52px;
width: auto;
padding: 5px;
padding-right: 50px;
font-size: 13px;
-moz-border-radius: 0px 15px;
-webkit-border-radius: 0px 15px;
border-radius: 0px 15px;
border-left: 6px solid white;
border-color: white;
}
.spoiler_closed
{
background-color:#86C5F0;
box-shadow: 0px 0px 6px black;
border-color: #86C5F0;
color: black;
padding: 5px;
}
.spoiler_content
{
background-color:#9CDB63;
box-shadow: 0px 0px 10px black;
border-color: #9CDB63;
color: black;
padding: 5px;
font-size: 13px;
}
.qeel1
{
border: 1px solid grey;
font-size: 13px;
font-family: Comic Sans MS;
width: 100%;
color: black;
}
.qeel td
{
background-color: #F8F8F8;
color: black;
}
.cattitle a
{
font-size: 15px;
font-family: Comic Sans MS;
}
.cattitle a:hover
{
color: #66CC00;
text-shadow: 0px 0px 10px #9AE2A7;
}
.gensmall
{
list-style-type: none;
list-style-image: url("http://img9.xooimage.com/files/c/9/1/c912308a8b54113e2...e513d8881-eb0223.png");
list-style-position: inside;
}
.gensmall ul
{
margin-right: 30px;
white-space: nowrap;
}
a.forumlink
{
text-transform: uppercase;
text-shadow: 0px 0px 4px #EAE9E8;
font-size: 12px;
}
.auteurr
{
font-size: 14px;
}
.auteurr:hover
{
text-shadow: 0px 0px 2px black;
text-decoration: none;
}
a:hover{
text-decoration: none !important;
}
a {
text-decoration: none !important;
}
a:link {
text-decoration: none;
}
/* SELECTEUR DE COULEUR MESSAGE */
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
.lastpost
{
padding: 2px;
font-family: Comic Sans MS;
font-size: 12px;
background: #D2E4F2;
color: #000;
border: 1px solid #EEF3F7;
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-o-border-radius: 5px;
}
bordure
{
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-o-border-radius: 5px;
}
Voilà se que cela me donne actuellement :
- Spoiler:
Merci, LoOiic
EDIT : Je laisse comme sa finalement merci de votre aide tout de même
Sujets similaires
» Enlever l'image autour de la chatbox
» Enlever un en-tête embêtant
» Enlever la bordure d'en-tête
» Enlever les boutons Rechercher & Calendrier sur l'en-tête !
» Problème pour enlever l'en-tête "Derniers messages"
» Enlever un en-tête embêtant
» Enlever la bordure d'en-tête
» Enlever les boutons Rechercher & Calendrier sur l'en-tête !
» Problème pour enlever l'en-tête "Derniers messages"
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