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

View previous topic View next topic 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?

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.

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

Naki
Forumember

Male Posts : 174
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.

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.

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.

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.

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.

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.

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

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


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