الأن : كود الدردشه الاجتماعيه الجديدch.2 تطوير YASIR

كود css
كود الدردشه الاجتماعيه الجديدch.2

من تطوير الغالي
YASIR
YASIR
YASIR
صورة إستخدام عدم تسجيل الدخول :هنــــــــــــــــــــــا صورة إستخدام عند تسجيل دخولك الدردشه:هنــــــــــــــــــــــا
YASIR
الكود :- التومبلايت
اذهب الى overall_footer_end
ضع الكود بين

هنا ضع الكود التومبلايت

==========

كود التومبلايت
الكود :-

الرمز:

var cbvis = false;
var cbload = false;

function togglecbox () {
var Cbox = document.getElementById("hunghsmn_Cbox");
var nutlenh = document.getElementById("nut_dong_mo");

if (!cbvis) {
if (!cbload) {
Cbox.innerHTML
= '

style=" float: right;display: inline-block;padding-right:5px"> src="https://i.servimg.com/u/f48/14/28/30/23/untitl91.png"
onclick="togglecbox()" style="cursor: pointer" title="Ẩn
xuống">

src="https://i.servimg.com/u/f48/14/28/30/23/dao15.png"> onclick="togglecbox()" style="cursor: pointer"
class="abc123">

';
cbload = true;
}
Cbox.style.display = "block";
nutlenh.innerHTML = "";
}
else {
Cbox.style.display = "none";
nutlenh.innerHTML = "";
}
cbvis = !cbvis;
}

style="position: fixed; bottom: 0px; right: 350px; width: 150px;
background: url(https://i.servimg.com/u/f48/14/28/30/23/untitl78.png);
border:#666666 1px solid; font-family: Tahoma, sans-serif; font-size:
16px;border: 1px solid
#c8d1d9;height:17px;padding-top:8px;padding-right:5px;padding-left:5px;cursor:
pointer " align="right" onclick="togglecbox()">src="https://i.servimg.com/u/f48/14/28/30/23/dao14.png"
>src="https://i.servimg.com/u/f48/14/28/30/23/dao12.png">

"display:
none; position: fixed; bottom: 25px;right: 350px; width: 270px;
background: #ffffff; padding: 0px; line-height: 0;border: 1px solid
#2e6d96;height:285px">

انتهينا من كود التومبلايت

الان اذهب الى صفحه الــ css
لوحة الإدارة --> مظهر المنتدى --> الوان --> ورقة تصميم CSS

الكــود؛"

الرمز:

#chatbox_messenger .catBottom{border:0px;
background:#ffffff url(https://i.servimg.com/u/f28/14/28/30/23/spacer10.gif) !important;border:0px;
}
#chatbox{left:1px;line-height:10px;overflow:auto;position:absolute;height:74%;
border:0px;width:260px;background: #ffffff;padding-left:4px;padding-right:4px;padding-bottom:10px;right:0;top:30px}
.date-and-time{background:
url(https://i.servimg.com/u/f48/14/28/30/23/dao18.png)no-repeat right
bottom;width:30px;height:12px;overflow: hidden;display:
inline-block;font-size:8px;color:#1542ab;float:right;}
#divitalic,#divstrike,#divunderline,#divbold,.cattitle,#chatbox_option_without_archives,#divitalic{display:none}
.chatbox_row_1,.chatbox_row_2{border-bottom: 1px solid #E3E3E3;background: #ffffff}
#chatbox_header
td.catBottom{align-text:right;background:#ffffff
url(https://i.servimg.com/u/f45/14/65/87/00/untitl11.png)no-repeat;
padding:0px;border:0px;padding-left:5px;border-bottom:1px solid #ffffff;
}.user-msg{font-size:11px;font-family:Verdana}
#divsmilies {width:15px;height:15px;background: url(https://i.servimg.com/u/f48/16/18/15/10/untitl80.png) no-repeat}
#divsmilies img,#divcolor img{display:none}
#divcolor {width:15px;height:15px;background: url(https://i.servimg.com/u/f48/16/18/15/10/untitl79.png) no-repeat}
.fontbutton{
cursor: pointer;
text-align: left;background: none;
border: 0px solid #A9B8C2 !important;
font-size: 12px;
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;background: #fffff;
}
.fontbutton_normal {
background: #ffffff ;
}
.fontbutton_selected {
border: 1px solid #00C6D4 !important;
color: #00C6D4;background: #fffff;
}
.fontbutton_clicked {
background: #ffffff;
border: 1px solid #22229C;
}
#chatbox_messenger_form{padding-top:1px;padding-bottom:2px;border-top: 0px solid #000}
.chatbox-options a:hover,#chatbox_main_options a:hover{text-decoration: none!important;}
#chatbox_option_co:hover,#chatbox_option_disco:hover{border:
1px solid #66cc66;;color:#66cc66;background:#ededed
url(https://i.servimg.com/u/f48/16/18/15/10/untitl82.png)no-repeat 0px
2px;}
.user-msg img{max-width:15px;height-max:15px}
#chatbox_main_options span{
font-family:Courier New;font-size:11px}
#chatbox_main_options {float: left;border: 0px;
margin-right: 50px;
margin-top: 10px;
padding: 0px
}
#chatbox_option_co,#chatbox_option_disco{padding-top:1px;padding-bottom:1px;color:#8fd633;background:#ffffff
url(https://i.servimg.com/u/f48/16/18/15/10/untitl82.png)no-repeat 0px
2px;border: 1px solid #8fd633;padding-right:5px;padding-left:18px}
#chatbox_main_options,.gen label{font-size:0px}
.gen label input#message {width:182px;
height: 15px;
font-size: 12px;
border: 1px solid #c9c9c9;padding-right:15px;
background: #ffffff url(https://i.servimg.com/u/f48/14/28/30/23/untitl94.png)no-repeat right;
}
.gen label input#message:focus,.gen label input#message:hover {
border: 1px solid #b2b2b2;
background-color: #f5f5f5;
}

ملاحظة: عليك تفعيل الدردشه لكي تعمل
كيفية التشغيل:
الأن : كود الدردشه الاجتماعيه الجديدch.2 تطوير YASIR 189266

لوحة الادارة>عناصر اضافية>علبة الدردشة>تشكيل>تشغيل علبه الدردشه >نعم
Shocked

» الأن : كود الدردشه الاجتماعيه الجديدch.2 تطوير YASIR
» أول كتاب تطوير منتديات - تقنيات خاصة - برمجة
» كود لجعل الدردشه احترافيه
» اته كود css كود توهج النص والتاريخ واسماء الاعضاء في علبه الدردشه
» كود علبة الدردشه الحديث مثل الفيس بوك مع اضافات مميزه فقط و حصريا على احلى حكاية