Would you like to react to this message? Create an account in a few clicks or log in to continue.

You are not connected. Please login or register

New style of ChatBox

3 posters

Go down  Message [Page 1 of 1]

1New style of ChatBox Empty New style of ChatBox Mon Sep 30, 2013 12:18 pm

Sasori

Sasori
Administrator


Hello everyone, if you saw our old theme , there was and a simple chatbox , was the basic chatbox but with some edits with CSS .
If you want to have the same design like our , you need to go in Administration Panel -> Display -> Colors -> CSS Stylesheet and that code :

Code:
#chatbox_footer {
background: #FCFCFC;
border: 1px solid #DBE4EF;
border-bottom: 3px solid #DBE2EC;
border-top: 1px solid #dcdcdc;
clear: both;
float: right;
height: 206px;
left: -1px;
min-width: 230px;
position: relative;
top: -3px;
width: 290px;
}

#chatbox {
background: #FBFBFB;
border: 1px solid #DBE4EF;
border-bottom: 3px solid #DBE2EC;
left: 0;
margin-top: 5px;
padding: 8px;
width: 835px;
height: 190px;
}

#chatbox_members {
display: none;
}

#chatbox_header.main-head {
background: url(http://www.skinbox.net/community/public/style_images/skinbox32/highlight.png) #4d93aa;
background-repeat: repeat no-repeat;
border: 1px solid #4d93aa;
color: #dedfdf;
font-weight: 400;
padding: .7em 1.3em;
height: 16px;
z-index: 999;
}

img[src="http://2img.net/i/fa/resize.gif"]{display:none!important;}

#submit_button {
background: #323232 url('http://lifegames.in/forum/public/style_images/LifeGames_v2_0/highlight_faint.png') repeat-x 0 0;
border-color: #2B2B2B;
color: white;
text-shadow: #2B2B2B 0px -1px 0px;
-moz-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
-moz-border-radius: 2px;
padding: 5px;
-webkit-border-radius: 2px;
border-radius: 2px;
display: block;
margin: 10px;
margin-top: 0px;
margin-left: 20px;
}


input#message.post {
height: 45px;
width: 240px;
padding: 6px;
border: 1px solid #D4D4D4;
background: #FCFCFC;
color: black;
text-shadow: white 0px 1px 0px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
margin: 20px;
margin-bottom: 0px;
}
So , that's all .
Best regards,
DeluxeInk

2New style of ChatBox Empty Re: New style of ChatBox Mon Sep 30, 2013 2:15 pm

Mont!

Mont!
User


Could we get a screenshot of how the style looks?

3New style of ChatBox Empty Re: New style of ChatBox Wed Oct 02, 2013 1:54 am

Zyon

Zyon
manager


good tutorial

http://admins.forumotion.com

Sponsored content



Back to top  Message [Page 1 of 1]

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