The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Chatbox background the same as header

Go down

Solved Chatbox background the same as header

Post by Xanthis on June 24th 2012, 2:01 pm

For some reason the chatbox's default background is whatever the header background is set to. Any way to override this?
avatar
Xanthis
Forumember

Male Posts : 210
Reputation : 6
Language : English

Back to top Go down

Solved Re: Chatbox background the same as header

Post by Xanthis on June 27th 2012, 2:01 am

And then there was a bump.
avatar
Xanthis
Forumember

Male Posts : 210
Reputation : 6
Language : English

Back to top Go down

Solved Re: Chatbox background the same as header

Post by Naki on June 27th 2012, 2:45 am

Code:
body.chatbox {
  background-image: url('URL IMAGE');
  background-color: black;}
good luck just chose an image and put between (' ') also background-color. The above code copy and paste into your css style sheet and hit submit that's all. Try this and see changes if u dont like then remove Very Happy
avatar
Naki
Forumember

Male Posts : 175
Reputation : 16
Language : Albanian, English, Croatian, Polish
Location : Kosova

http://naki.newdiscussion.net

Back to top Go down

Solved Re: Chatbox background the same as header

Post by Xanthis on June 27th 2012, 3:18 am

No difference. You can look through my CSS if you want:

Code:
/*---General------*/


.pun .user-ident .username {
text-align: center;
position: relative;
margin-bottom: 10px;
}

body {
  background-image:url('http://i49.servimg.com/u/f49/17/29/37/87/backgr10.jpg'), url('http://i49.servimg.com/u/f49/17/29/37/87/tobere10.jpg');
  background-repeat: no-repeat, repeat-y;
  background-position: top, center bottom;
}

#page-body {
  background-color: #fbfbfb;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  width: 800px;
  position: relative;
  left: 50%;
  margin-left: -400px;
}


#pun-about {
  background-color: #fbfbfb;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  width: 800px;
  position: relative;
  left: 50%;
  margin-left: -400px;
}
 

#pun-intro {
  background-color: transparent;
  border: none;
  margin-top: 100px;
}

#pun-logo {
  background-repeat: no-repeat;
  margin-left: 50px;
  width: 700px;
  height: 387px;
}

#pun-visit,.main-box {
background-color: transparent;
border: none;
}

.main .main-head {
background-image: url('http://i49.servimg.com/u/f49/17/29/37/87/checke10.png');
background-color: transparent;
background-repeat: no-repeat;
}


/*---Navbar------*/

#pun-head #pun-navlinks {
background-image:url('http://i49.servimg.com/u/f49/17/29/37/87/navbac11.png');
width: 950px;
height: 200px;
position: relative;
left: 50%;
background-repeat: no-repeat;
background-color: transparent;
margin-bottom: -50px;
margin-left: -475px;
}

#pun-navlinks ul {
margin-top: 55px;
}

#pun-navlinks li a {
margin-left: -10px;
}










#i_icon_mini_index {
background-image:url('http://i49.servimg.com/u/f49/17/29/37/87/forum10.png');
background-repeat: no-repeat;
width: 160px;
height: 50px;
background-position: top;
}





#i_icon_mini_profile {
background-image:url('http://i49.servimg.com/u/f49/17/29/37/87/ucp10.png');
background-repeat: no-repeat;
width: 160px;
height: 50px;
margin-left: -30px;
background-position: top;
}





#i_icon_mini_message {
background-image:url('http://i49.servimg.com/u/f49/17/29/37/87/inbox10.png');
background-repeat: no-repeat;
width: 160px;
height: 50px;
 margin-left: -30px;
background-position: top;
}




#i_icon_mini_new_message {
background-image:url('http://i46.servimg.com/u/f46/13/26/04/18/new_me11.png');
background-repeat: no-repeat;
width: 160px;
height: 50px;
margin-left: -30px;
background-position: top;
}




#i_icon_mini_login {
background-image:url('http://i49.servimg.com/u/f49/17/29/37/87/login10.png');
background-repeat: no-repeat;
width: 160px;
height: 50px;
background-position: top;
}




#i_icon_mini_logout {
background-image:url('http://i46.servimg.com/u/f46/13/26/04/18/logout12.png');
background-repeat: no-repeat;
width: 160px;
height: 50px;
background-position: top;
}




#i_icon_mini_register {
background-image:url('http://i49.servimg.com/u/f49/17/29/37/87/signup10.png');
background-repeat: no-repeat;
width: 160px;
height: 50px;
background-position: top;
}


#i_icon_mini_members {
}

#i_icon_mini_portal {
background-image:url('http://i49.servimg.com/u/f49/17/29/37/87/home10.png');
background-repeat: no-repeat;
width: 160px;
height: 50px;
background-position: top;
}


/*---Links------*/



a:hover{
 text-decoration: none;
 }
a:active{
 text-decoration: none;
 }
a:visited{
 text-decoration: none;
 }
a.forumtitle {
text-decoration: none;
}
.pun a:hover {
 }

.i_icon_quote {
background: url(http://i20.servimg.com/u/f20/15/00/35/26/quote10.png) no-repeat;
width: 105px;
height: 38px;
}

.i_icon_edit {
background: url(http://i20.servimg.com/u/f20/15/00/35/26/edit10.png) no-repeat;
width: 105px;
height: 38px;
}

.i_icon_delete {
background: url(http://i20.servimg.com/u/f20/15/00/35/26/delete10.png) no-repeat;
width: 105px;
height: 38px;
}

.i_icon_thank {
background: url(http://i20.servimg.com/u/f20/15/00/35/26/thank10.png) no-repeat;
width: 105px;
height: 38px;
}

.i_icon_report {
background: url(http://i20.servimg.com/u/f20/15/00/35/26/report10.png) no-repeat;
width: 105px;
height: 38px;
}



.i_post {
background: url(http://i20.servimg.com/u/f20/15/00/35/26/topic10.png) no-repeat;
width: 163px;
height: 68px;
}

.i_reply {
background: url(http://i20.servimg.com/u/f20/15/00/35/26/reply10.png) no-repeat;
width: 163px;
height: 68px;
}

a:hover{
    text-decoration: none !important;
    }
    a{
    text-decoration: none !important;
    }

.pun .post .user {
text-align: center;
}

.pun .user-ident .username {
color:
#00569C;
display: block;
font-size: 1.2em;
font-weight: 700;
margin-top: -1px;
padding-bottom: 20px;
top: 0;
}

a[href="/g40-rank"] {
    text-shadow: 1px 2px 6px #000000;
}

a[href="/u2"] {
    text-shadow: 1px 2px 6px #FFFFFF;
}

a[href="/u95"] {
    text-shadow: 1px 2px 6px #FFFFFF;
}

a[href="/u565"] {
    text-shadow: 1px 2px 6px #FFFFFF;
}

a[href="/g2-suppression-squad"] {
    text-shadow: 1px 2px 6px ;
}

a[href="/u268"] {
    text-shadow: 1px 2px 6px #8F00BF;
}

a[href="/u15"] {
    text-shadow: 1px 2px 6px #8F00BF;
}

a[href="/g21-heroes"] {
    text-shadow: 1px 2px 6px #000000;
}

a[href="/g1-freedom-fighters"] {
    text-shadow: 1px 2px 6px ;
}

a[href="/u32"] {
    text-shadow: 1px 2px 6px #FF0000;
}

a[href="/u78"] {
    text-shadow: 1px 2px 6px #FF0000;
}

a[href="/u1"] {
    text-shadow: 1px 2px 6px #FF0000;
}

a[href="/u384"] {
    text-shadow: 1px 2px 6px #FF0000;
}

a[href="/g1-freedom-fighters"] {
    background: url("http://i.imgur.com/SZg93.png") no-repeat;
    padding-left: 19px;
    padding-top: 2px;
}

.pun .user-ident .username a[href="/u1"], a.gensmall[href="/u1"], #onlinelist [href="/u1"], .statused a[href="/u1"], #stats [href="/u1"], #chatbox_members a[href="/u1"], #chatbox a[href="/u1"],  #onlinechat a[href="/u1"], #profile-advanced-right div.h3 strong, .module a[href="/u1"] {
    background: url("http://i.imgur.com/SZg93.png") no-repeat;
    padding-left: 16px;
}

.expand, .contract {position: absolute; top: 6px; right: 10px; cursor: pointer; width: 9px; height: 9px; background: url(http://illiweb.com/fa/m/tabs_more1.gif);}
.contract {background: url(http://illiweb.com/fa/m/tabs_less1.gif);}

.vote {float: right;
width: 16px;
margin-left: 4px;}

.postmain blockquote {
background-color: #f4f4f4;
  border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-khtml-border-radius: 10px;
}

blockquote {
    background: url("http://cdn5.iconfinder.com/data/icons/bijou/10/Quote.png") no-repeat scroll 1px 5px #333333;
    border: 3px solid #DBDBCE;
    font-size: 0.95em;
    margin: 1em 5px 1em 15px;
    overflow: hidden;
    padding: 0px;
}

.signature_div img {
    max-height: 200px !important;
}

.signature_div img {
 max-width: 200px;
 }


a[href="/u1"] span{
color: #FF0000 !important;
}

#chatbox > p span.user > span strong, #chatbox_members ul a span:first-child strong {
  display: none;
}
#chatbox > p span.user > span:after, #chatbox_members ul a span:first-child:after {
 color: #105289!important;
  content: '';
  font-size: 10px;
}

h2.chatbox-title:after { content: "Piantabox"; }
a.chat-title { display: none; }


.info, .success, .warning, .error, .mes, .tips, .chat, .cnb {
    margin: 10px 0px;
    padding: 10px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    border-radius: 4px 4px 4px;
}

.info {
    background-color: #d1e4f3;
    background-image: url("http://cdn1.iconfinder.com/data/icons/musthave/24/Information.png");
    color: #00529B;
    border: 1px solid #4d8fcb;
}

.success {
    background-color: #effeb9;
    background-image: url("http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png");
    color: #4F8A10;
    border: 1px solid #9ac601;
}
.warning {
    background-color: #ffeaa9;
    background-image: url("http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0400/error.png");
    color: #9F6000;
    border: 1px solid #f9b516;
}
.error {
    background-color: #fccac3;
    background-image: url("http://cdn1.iconfinder.com/data/icons/CrystalClear/32x32/actions/messagebox_critical.png");
    color: #D8000C;
    border: 1px solid #db3f23;
}

.mes {
    background-color: #F2F2F2;
    background-image: url("http://cdn2.iconfinder.com/data/icons/fugue/bonus/icons-32/mail.png");
    border: 1px solid #AAAAAA;
    color: #545454;
}

.tips {
    background-color: #FEEAC9;
    background-image: url("http://cdn5.iconfinder.com/data/icons/woocons1/Light%20Bulb%20On.png");
    border: 1px solid #D38E49;
    color: #bb640c;
}

.chat {
    background-color: #daecfb;
    background-image: url("http://cdn2.iconfinder.com/data/icons/drf/PNG/iChat.png");
    border: 1px solid #2078c9;
    color: #066ac4;
}

a.forumlink:hover {
letter-spacing: 1px;

a { text-decoration: none; }
}
.forumline .row1.over:hover {background:url('') right bottom no-repeat;}
.forumline .row1.over:hover {
background-color #FF0000;
}

a[href="/u1135"] {
    text-shadow: 1px 2px 6px #0000FF;
}
  a[href="/u1135"] span{
color: #0000FF !important;
}

body.chatbox {
  background-image: url('http://farm4.static.flickr.com/3025/2627239517_f2408da505_o.jpg');
  background-color: black;}

It's at the bottom. I don't see any other code that could be contradicting it.
avatar
Xanthis
Forumember

Male Posts : 210
Reputation : 6
Language : English

Back to top Go down

Solved Re: Chatbox background the same as header

Post by Xanthis on June 27th 2012, 8:52 pm

Then another bumpy bump.
avatar
Xanthis
Forumember

Male Posts : 210
Reputation : 6
Language : English

Back to top Go down

Solved Re: Chatbox background the same as header

Post by Xanthis on June 28th 2012, 7:31 pm

Bump blimp.
avatar
Xanthis
Forumember

Male Posts : 210
Reputation : 6
Language : English

Back to top Go down

Solved Re: Chatbox background the same as header

Post by Xanthis on July 5th 2012, 6:48 pm

Okay then.
avatar
Xanthis
Forumember

Male Posts : 210
Reputation : 6
Language : English

Back to top Go down

Solved Re: Chatbox background the same as header

Post by Xanthis on July 5th 2012, 8:54 pm

The background is still the header image, when I edited the hex code in it only changed the color of the timestamps.
avatar
Xanthis
Forumember

Male Posts : 210
Reputation : 6
Language : English

Back to top Go down

Solved Re: Chatbox background the same as header

Post by Xanthis on July 5th 2012, 9:17 pm

Yes, finally! It worked! Thank you, Rideem.
avatar
Xanthis
Forumember

Male Posts : 210
Reputation : 6
Language : English

Back to top Go down

Solved Re: Chatbox background the same as header

Post by Sanket on July 6th 2012, 5:21 am

Topic Solved & Locked
avatar
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2828
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum