مشكلة بسيطة ف الشات !

اذهب الى الأسفل

مشكلة بسيطة ف الشات !

مُساهمة من طرف nosiy-cat في الإثنين 25 أغسطس 2014 - 13:12

بسم الله الرحمان الر
دولقتى انا عندى مشكلة ان الخيارات اللى ف الشات نزلة تحت الفئة مثل الصورة

وده كود ال CSS الخاص بال شات ونسخة المنتدى punbb


الكود:

/* Chatbox-------------------------------------------------------------*/
body.chatbox {
   background-image: none;
   padding: 0;
   margin: 0;
   background-color: #ffffff;
   }
#chatbox_header {
   height: 30px;
   }
#chatbox_header.main-head {
   padding: 0 1.3em;
   color: #dedfdf;
   background-color: #333333;
   }
.chatbox-title,.chatbox-title a.chat-title {
   color: #dedfdf;
   text-decoration: none;
   }
.chatbox-title {
   float: right;
   margin: 0;
   padding: 2px 5px 0 5px;
   width: 15em;
   }
.chatbox-options {
   float: left;
   list-style: none;
   font-size: 11px;
   margin: 0.7em 0.5em 0.5em 0.5em;
   }
.chatbox-options li {
   display:inline;
   }
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
   color: #dedfdf;
   }
#chatbox_members {
   position: absolute;
   top: 30px;
   bottom: 30px;
   width: 180px;
   overflow: auto;
   border-left: 1px dashed #ccc;
   }
#chatbox_messenger_form {
   margin: 10px 0 0 0;
   }
#chatbox_members .member-title {
   text-align: center;
   padding: 0.5em 0.25em;
   background-image: none;
   font-size: 12px;
   background-color: #ededed;
   color : #009fb8;
   font-family: Helvetica, Arial, sans-serif;
   }
#chatbox_members ul {
   list-style: none;
   margin: 0 1em 0 0;
   }
#chatbox_members ul li {
   margin: 0.5em 0 0.5em 0.5em;
   }
#chatbox {
   position: absolute;
   top: 30px;
   right: 181px;
   left: 0;
   bottom: 30px;
   overflow: auto;
   line-height: 10px;
   }
#chatbox .user-msg {
   direction: rtl;
   unicode-bidi: embed;
   }
#chatbox .user {
   direction: rtl;
   unicode-bidi: normal !important;
   }
#chatbox .msg {
   direction:rtl;
   unicode-bidi: embed;
   }
#chatbox p {
   line-height: 1.2em;
   }
.chatbox_row_1 {
   padding: 4px;
   background-color: #ffffff;
   }
.chatbox_row_2 {
   padding: 4px;
   background-color: #f4f4f4;
   }
.chatbox_row_3 {
   padding: 4px;
   background-color: #ededed;
   }
#chatbox .user {
   font-weight: bold;
   }
.memberlist_row_1 {
   background-color: #ffffff;
   }
#chatbox_footer {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   border-top: 1px dashed #ccc;
   }
#message,#submit_button{
   border-width: 1px;
   }
.fontbutton {
   padding: 1px;
   cursor: pointer;
   text-align: left;
   }
.fontbutton_normal {
   background: #E1E1E2;
   }
.fontbutton_selected {
   background: #BBC7CE;
   border: 1px solid #22229C;
   }
.fontbutton_clicked {
   background: #959595;
   border: 1px solid #22229C;
   }
.fontbutton_hover {
   background: #E1E1E2;
   border: 1px solid #22229C;
   }
.fontbutton {
   background:#E1E1E2 none repeat scroll 0%;
   border:medium none;
   color:#000000;
   float:left;
   margin-right:10px;
   padding:1px;
   }

/*Internet Explorer fixers and hacks*
/* html #chatbox-members {
   
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
   }
* html #chatbox {
   
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
   width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0.1) ) + "px");
   }
* html #chatbox_footer {
   
/* IE expressions helping IE work in Standards mode */
width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
   }
#chatbox_contextmenu {
   border: 2px solid black;
   background-color: #ededed;
   }
#chatbox_contextmenu p {
   margin:0;
   padding: 1px 4px;
   font-family: verdana, arial, sans-serif;
   background: #ffffff;
   border-bottom:1px solid #777;
   }
#chatbox_contextmenu p.hover {
   background: #f4f4f4;
   }
#chatbox_contextmenu p.close {
   background: #ddd;
   padding: 1px;
   font-size: 95%;
   color:#fff;
   background: url('');
   }
#chatbox_contextmenu p.close img {
   vertical-align: middle;
   }
#chatbox_contextmenu a {
   color: #009fb8;
    text-decoration: none;
    font-size: 95%;
   }
#chatbox_contextmenu a:hover {
   color: ;
   }
avatar
nosiy-cat
 
 

انثى
عدد المساهمات : 3398
معدل النشاط : 8046
السُمعة : 9

http://montadamido.yoo7.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: مشكلة بسيطة ف الشات !

مُساهمة من طرف stones في الإثنين 25 أغسطس 2014 - 13:45

تفضلي جربي الكود هذا
الكود:
/* Chatbox-------------------------------------------------------------*/
body.chatbox {
  background-image: none;
  padding: 0;
  margin: 0;
  background-color: #ffffff;
  }
#chatbox_header {
  height: 30px;
  }
#chatbox_header.main-head {
  padding: 0 1.3em;
  color: #dedfdf;
  background-color: #333333;
  }
.chatbox-title,.chatbox-title a.chat-title {
  color: #dedfdf;
  text-decoration: none;
  }
.chatbox-title {
  float: right;
  margin: 0;
  padding: 2px 5px 0 5px;
  width: 15em;
  }
.chatbox-options {
  float: left;
  list-style: none;
  font-size: 11px;
  margin: 0.20em 0.5em 0.5em 0.5em;
  }
.chatbox-options li {
  display:inline;
  }
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
  color: #dedfdf;
  }
#chatbox_members {
  position: absolute;
  top: 30px;
  bottom: 30px;
  width: 180px;
  overflow: auto;
  border-left: 1px dashed #ccc;
  }
#chatbox_messenger_form {
  margin: 10px 0 0 0;
  }
#chatbox_members .member-title {
  text-align: center;
  padding: 0.5em 0.25em;
  background-image: none;
  font-size: 12px;
  background-color: #ededed;
  color : #009fb8;
  font-family: Helvetica, Arial, sans-serif;
  }
#chatbox_members ul {
  list-style: none;
  margin: 0 1em 0 0;
  }
#chatbox_members ul li {
  margin: 0.5em 0 0.5em 0.5em;
  }
#chatbox {
  position: absolute;
  top: 30px;
  right: 181px;
  left: 0;
  bottom: 30px;
  overflow: auto;
  line-height: 10px;
  }
#chatbox .user-msg {
  direction: rtl;
  unicode-bidi: embed;
  }
#chatbox .user {
  direction: rtl;
  unicode-bidi: normal !important;
  }
#chatbox .msg {
  direction:rtl;
  unicode-bidi: embed;
  }
#chatbox p {
  line-height: 1.2em;
  }
.chatbox_row_1 {
  padding: 4px;
  background-color: #ffffff;
  }
.chatbox_row_2 {
  padding: 4px;
  background-color: #f4f4f4;
  }
.chatbox_row_3 {
  padding: 4px;
  background-color: #ededed;
  }
#chatbox .user {
  font-weight: bold;
  }
.memberlist_row_1 {
  background-color: #ffffff;
  }
#chatbox_footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px dashed #ccc;
  }
#message,#submit_button{
  border-width: 1px;
  }
.fontbutton {
  padding: 1px;
  cursor: pointer;
  text-align: left;
  }
.fontbutton_normal {
  background: #E1E1E2;
  }
.fontbutton_selected {
  background: #BBC7CE;
  border: 1px solid #22229C;
  }
.fontbutton_clicked {
  background: #959595;
  border: 1px solid #22229C;
  }
.fontbutton_hover {
  background: #E1E1E2;
  border: 1px solid #22229C;
  }
.fontbutton {
  background:#E1E1E2 none repeat scroll 0%;
  border:medium none;
  color:#000000;
  float:left;
  margin-right:10px;
  padding:1px;
  }
 
/*Internet Explorer fixers and hacks*
/* html #chatbox-members {
 
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
  }
* html #chatbox {
 
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
  width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0.1) ) + "px");
  }
* html #chatbox_footer {
 
/* IE expressions helping IE work in Standards mode */
width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
  }
#chatbox_contextmenu {
  border: 2px solid black;
  background-color: #ededed;
  }
#chatbox_contextmenu p {
  margin:0;
  padding: 1px 4px;
  font-family: verdana, arial, sans-serif;
  background: #ffffff;
  border-bottom:1px solid #777;
  }
#chatbox_contextmenu p.hover {
  background: #f4f4f4;
  }
#chatbox_contextmenu p.close {
  background: #ddd;
  padding: 1px;
  font-size: 95%;
  color:#fff;
  background: url('');
  }
#chatbox_contextmenu p.close img {
  vertical-align: middle;
  }
#chatbox_contextmenu a {
  color: #009fb8;
    text-decoration: none;
    font-size: 95%;
  }
#chatbox_contextmenu a:hover {
  color: ;
  }
avatar
stones
 
 

ذكر
عدد المساهمات : 11057
معدل النشاط : 13946
السُمعة : 414

http://stones.arab.st/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: مشكلة بسيطة ف الشات !

مُساهمة من طرف nosiy-cat في الإثنين 25 أغسطس 2014 - 14:23

شكرا Cool Cool Cool

تم الحل
avatar
nosiy-cat
 
 

انثى
عدد المساهمات : 3398
معدل النشاط : 8046
السُمعة : 9

http://montadamido.yoo7.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى