Good art is a taste, good design is an opinion.


Come as guest, stay as family.
Board Index

Come as guest, stay as family.


You are not connected. Please login or register

Foto

[Solved] Need to hide line in chat online user



View previous topic View next topic Go down Message [Page 1 of 1]

1
Offline

  pps_pps

avatar
Punbb Rookie
Punbb Rookie
Details:
i need to hide the line in online list look the picture and there is bottom border missing in online user list please give the solution



my css code for chat box

Code:

/*chatbox*/
    #chatbox_header.main-head {
    background: #2C5687 url(http://community.invisionpower.com/filestore/public/style_images/master/maintitle.png) repeat-x top;
    padding: 2px;
    font-weight: 300;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -webkit-box-shadow: inset 0px 1px 0 #528CBC;
    -moz-box-shadow: inset 0px 1px 0 #528cbc;
    box-shadow: inset 0px 0px 0 #528CBC;
    border-width: 1px 1px 0 1px;
    border-color: #316897;
    border-style: solid;
    }
    #chatbox_messenger_form, #chatbox_messenger_form .gen, #chatbox_messenger_form .text-field {
    float: none;
    }
    .chatbox-title, .chatbox-title a.chat-title {
      color: white;
    font-size: 15px;
    font-weight: bold;
    }
    .chatbox-options li, .chatbox-options li a, .chatbox-options li label {
    color: white;
    }
    #chatbox_members .member-title {
    background: transparent;
    background-color: white;      
    background-image: url(http://i.imgur.com/TnqiGgU.gif);
    border-bottom: 1px solid red;
    color: #A30000;
    font-family: Times New Roman;
    text-transform:uppercase;
    font-size: 16px;
    padding: .5em .25em;
    text-align: center;
    text-shadow: 4px 3px 3px red;
    }
    #chatbox_members {
    bottom: 0px !important;
    }
    div.main-content.chatbox.clearfix {
    border: 1px solid #EAEAEA;
    border-radius: 4px;
    }
    #chatbox p {
    border-bottom: #DDD;
    border-top: 1px none;
    line-height: 1.2em;
  word-wrap: break-word !important;
    }
    #chatbox_footer {
      background: transparent;
      clear:both;
      position: relative;
      height: 150px !important;
      margin-top: 100px;
    }
    .right {
    clear: both;
    float: right;
    }
    input#message.post {
    height: 50px;
    width: 200px;
    padding: 6px;
    border: 2px solid #FB244B;
    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: 0px;
    margin-bottom: 1px;
    }
    #message, #submit_button {
      background: #323232 url('http://i.imgur.com/KWmlnAO.gif') repeat-x 0 0;
    border-color: #2B2B2B;
   font-family: Times New Roman;
    color: white;
    text-shadow: #2B2B2B 2px -1px 1px;
    -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;
    }
    #message, #submit_button:hover {
      opacity: 0.9;
    }
    .fontbutton {
    cursor: pointer;
    float: left;
    margin: 3px;
    padding: 3px;
    margin-right: 10px;
    text-align: left;
    color: #464646;
    width: 20px;
    height: 40px;
    }
    #chatbox_messenger_form {
    margin: -73px 0 0;
    }
    #divsmilies img + img{visibility:visible!important}
    #chatbox_messenger_form div.right img{
    visibility:hidden
    }
    #simple-wrap {
      background:white;
    }
    #divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline {
    background-position: center;
    background-repeat: no-repeat;
    }
    #divbold {
    background-image: url(http://illiweb.com/fa/subsilver/wysiwyg/bold.gif);
    position: absolute;
    right: 138px;
    bottom: 40px;
    }
    #divitalic {
    background-image: url(http://illiweb.com/fa/subsilver/wysiwyg/italic.gif);
    position: absolute;
    right: 111px;
    bottom: 40px;
    }
    #divunderline {
    background-image: url(http://illiweb.com/fa/subsilver/wysiwyg/underline.gif);
    position: absolute;
    right: 84px;
    bottom: 40px;
    }
    #divstrike {
    background-image: url(http://illiweb.com/fa/subsilver/wysiwyg/strike.gif);
    position: absolute;
    right: 57px;
    bottom: 40px;
    }
    #divcolor {
    background-image: url(http://illiweb.com/fa/subsilver/wysiwyg/color.gif);
    position: absolute;
    right: 30px;
    bottom: 40px;
    }
    #divsmilies {
    background-image: url(http://illiweb.com/fa/subsilver/wysiwyg/smilie.gif);
    position: absolute;
    right: 3px;
    bottom: 40px;
    }
    #chatbox{
    background: transparent;
    border: 1px solid #06023C;
    border-bottom: 1px solid #06023C;
    margin-top: 5px;
    left:16.5%;
    width: 725px;
    height: 86.6%;
    }
    .attach {
    float: right;
    }
    div.main-content.chatbox.clearfix {
    border: 0px;
    border-radius: 4px;
    padding: 0px;
    }
    #chatbox_footer #chatbox_messenger td.catBottom {
    background: transparent !important;
    background-image: none !important;
    border-width: 0;
    }
    #chatbox_top {
    height: 370px !important;
    }
    img[src="http://illiweb.com/fa/subsilver/wysiwyg/menupop.gif"], img[src="http://illiweb.com/fa/subsilver/wysiwyg/smilie.gif"], img[src="http://illiweb.com/fa/subsilver/wysiwyg/color.gif"], img[src="http://illiweb.com/fa/subsilver/wysiwyg/strike.gif"], img[src="http://illiweb.com/fa/subsilver/wysiwyg/underline.gif"], img[src="http://illiweb.com/fa/subsilver/wysiwyg/italic.gif"], img[src="http://illiweb.com/fa/subsilver/wysiwyg/bold.gif"] {
    display: none;
    }

Your Forum Address:
http://kongu.boardonly.com/

Forum Version:
PunBB

Powered by PunBB
Currently 0 users have thanked pps_pps for this post:

2
Offline

  Shadow

avatar
Administrator
Administrator
Edit
Code:
[panda=css]  #chatbox_footer {
      background: transparent;
      clear:both;
      height: 150px !important;
border-top: 1px !important;
      margin-top: 100px;
    }

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

3
Offline

  pps_pps

avatar
Punbb Rookie
Punbb Rookie
yeah now this perfect view thank you very much

here is result



Is possible to get black border in online list like chat box window?

Any way thank you very much for your kind help

Powered by PunBB
Currently 0 users have thanked pps_pps for this post:

4
Offline

  Shadow

avatar
Administrator
Administrator
If you get back, when you have more than 4 users in chat names of people in chat will go under that line, so it's not a good idea.

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

5
Offline

  pps_pps

avatar
Punbb Rookie
Punbb Rookie
ok thank you very much, problem solved close the thread.

Powered by PunBB
Currently 0 users have thanked pps_pps for this post:

6
Offline

  Shadow

avatar
Administrator
Administrator
As requested, Solved ^ Locked.

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

View previous topic View next topic Back to top Message [Page 1 of 1]


Topic URL's

URL
BBcode
HTML

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