منتديات الحوت hoot
كود css لتطوير صندوق الدردشة لجعله اكثر احترافية Ouuo_u10


منتديات الحوت hoot
كود css لتطوير صندوق الدردشة لجعله اكثر احترافية Ouuo_u10

منتديات الحوت hoot
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

منتديات الحوت hootدخول


descriptionكود css لتطوير صندوق الدردشة لجعله اكثر احترافية Emptyكود css لتطوير صندوق الدردشة لجعله اكثر احترافية

more_horiz
| ₪|سلامٌ عليكم و رحمةٌ من اللهِ و بركاته | ₪| ..

مرحباً بكم أيها الكرام من أعضاء و زوار

الكود يركب بورقة css


النسخة الثانية Css For Phpbb 2 l

الكود:


#chatbox_main_options, #chatbox_main_options a, #chatbox_main_options span{
color: #9a9a9a;
text-shadow: 1px 1px 1px #ffffff;
text-decoration:none;
font-family: Arial Black;
text-transform: uppercase;
}
#chatbox_main_options a:hover{
color: grey;
text-shadow: 1px 1px 1px #b8b8b8;
text-decoration:none !important;
font-family: Arial Black;
text-transform: uppercase;
}

#chatbox_main_options {
background: url(http://i25.servimg.com/u/f25/14/45/99/41/untitl21.jpg) repeat-x;
float: right;
border: 1px solid #c9c9c9;
margin-right: 50px;
margin-top: -17px;
padding: 2px 3px 1px 5px;
border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-box-shadow: 0px 0px 4px #c6c6c6;
box-shadow: 0px 0px 4px #c6c6c6;
-moz-box-shadow: 0px 0px 4px #c6c6c6;
}
#chatbox_main_options:hover {
margin-top: -7px;
}
/*----------------Members----------------*/
#chatbox_members {
background: url(http://i25.servimg.com/u/f25/14/45/99/41/50347510.png);
margin-bottom: -30px;
border-right: 1px solid #c9c9c9;
background-color: #ffffff;
}
#chatbox_members:hover {
border-right: 1px solid #b7b7b7;
background-color: #fcfcfc;
}
h4.member-title{
background: url(http://i25.servimg.com/u/f25/14/45/99/41/untitl23.jpg) repeat-x !important;
font-family: Arial Black;
text-transform: uppercase;
color: #ffffff !important;
text-shadow: 0px 0px 3px black;
margin-top: -1px;
cursor: default;
letter-spacing: 0.5em;
}

#chatbox_members ul {
list-style: none;
margin: 0px;
}
#chatbox_members ul li {
background: url(http://i25.servimg.com/u/f25/14/45/99/41/115.png);
font-family: Arial Black;
font-weight: bold;
font-size: 14px;
color: #393939;
padding-left: 10px;
border-bottom: 1px solid #e2e2e2;
margin: 0px;
}

#chatbox_members ul li:hover {
background-color: #f4f4f4;
background-image:url('http://i25.servimg.com/u/f25/14/45/99/41/114.png');
background-repeat: no-repeat;
background-position: center left;
}
#chatbox_members ul li:active {
background-image:url('http://i25.servimg.com/u/f25/14/45/99/41/213.png');
}
#chatbox_members ul li a {
text-shadow: 1px 1px 1px #ffffff;
font-size: 12px;
color: #909090;
text-decoration: none;
}
#chatbox_members ul li a:hover {
color: #393939;
text-decoration: none !important;
}



























/*----------------Footer----------------*/
#chatbox_messenger .catBottom{
background: none !important;
}
#chatbox_messenger_form {
width: 550px;
background: none !important;
float: none !important;
bottom: 0px ;
position: fixed;
z-index: 999;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}
.chatfootertable {
-webkit-box-shadow: 0px 0px 4px #d4d4d4;
box-shadow: 0px -0px 4px #d4d4d4;
-moz-box-shadow: 0px 0px 4px #d4d4d4;
box-shadow: 0px 0px 4px #c6c6c6;
-moz-box-shadow: 0px 0px 4px #c6c6c6;
border-top: 1px solid #c9c9c9;
border-left: 1px solid #c9c9c9;
border-right: 1px solid #c9c9c9;
border-bottom: 0px;
height: 30px;
border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
background-color: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9f9f9));
background: -moz-linear-gradient(top, #ffffff, #e2e2e2);
}
.chatfootertable:hover {
border-top: 1px solid #a7a7a7;
border-left: 1px solid #a7a7a7;
border-right: 1px solid #a7a7a7;
}
.text-styles {
color: grey;
}
#divbold, #divitalic, #divunderline, #divstrike, #divcolor, #divsmilies {
background: url(http://i25.servimg.com/u/f25/14/45/99/41/110.jpg) repeat-x;
border: 1px solid #c9c9c9;
background-color: #ffffff;
border-radius: 3px;
-moz-border-radius: 3px;
}
#divbold:hover, #divitalic:hover, #divunderline:hover, #divstrike:hover, #divcolor:hover, #divsmilies:hover {
background: url(http://i25.servimg.com/u/f25/14/45/99/41/hover10.jpg) repeat-x;
border: 1px solid #a2a2a2;
}
#divbold:active, #divitalic:active, #divunderline:active, #divstrike:active, #divcolor:active, #divsmilies:active {
background: url(http://i25.servimg.com/u/f25/14/45/99/41/active10.jpg) repeat-x;
}
.gen label input#message {
height: 17px;
font-size: 12px;
border: 1px solid #c9c9c9;
background-color: #ffffff;
border-radius: 3px;
-moz-border-radius: 3px;
}
.gen label input#message:hover {
border: 1px solid #b2b2b2;
background-color: #f5f5f5;
}
.gen label input#message:focus {
border: 1px solid #a4a4a4;
background-color: #e0fdff;
}
.gen input#submit_button {
cursor: pointer;
color: #929292;
font-family: Arial Black;
text-transform: uppercase;
font-size: 12px;
padding-left: 2px;
padding-right: 2px;
background: url(http://i25.servimg.com/u/f25/14/45/99/41/110.jpg) repeat-x;
border: 1px solid #c9c9c9;
background-color: #ffffff;
border-radius: 3px;
-moz-border-radius: 3px;
}
.gen input#submit_button:hover {
color: #2c2c2c;
background: url(http://i25.servimg.com/u/f25/14/45/99/41/hover10.jpg) repeat-x;
border: 1px solid #a2a2a2;
}
.gen input#submit_button:active {
background: url(http://i25.servimg.com/u/f25/14/45/99/41/active10.jpg) repeat-x;
}


صورة للكود

كود css لتطوير صندوق الدردشة لجعله اكثر احترافية 1316609842841


http://im17.gulfup.com/2011-09-21/1316609842841.jpg

طريقة الوضع : لوحة الادارة/مظهر

المنتدي/الصور والالوان /الوان/ورقة تصميم css

تظهر مكان عبة الدردشة فهي مثلها ولاكن مطورة

بالتوفيق لكم

كود css لتطوير صندوق الدردشة لجعله اكثر احترافية 1346713251

descriptionكود css لتطوير صندوق الدردشة لجعله اكثر احترافية Emptyرد: كود css لتطوير صندوق الدردشة لجعله اكثر احترافية

more_horiz
بارك الله فيك اخي الافضل و سلمت اناملك

descriptionكود css لتطوير صندوق الدردشة لجعله اكثر احترافية Emptyرد: كود css لتطوير صندوق الدردشة لجعله اكثر احترافية

more_horiz
شششكرررا لكـ،ـ

كود جميل ،

descriptionكود css لتطوير صندوق الدردشة لجعله اكثر احترافية Emptyرد: كود css لتطوير صندوق الدردشة لجعله اكثر احترافية

more_horiz
مآ شآء آلله سلمت آيآديگ على موضوگ آلمميز و چعلهآ في ميزآن حسنآتگ

descriptionكود css لتطوير صندوق الدردشة لجعله اكثر احترافية Emptyرد: كود css لتطوير صندوق الدردشة لجعله اكثر احترافية

more_horiz
پآرگ آلله فيگ آخي آلآفضل و سلمت آنآملگ

descriptionكود css لتطوير صندوق الدردشة لجعله اكثر احترافية Emptyرد: كود css لتطوير صندوق الدردشة لجعله اكثر احترافية

more_horiz
سلمت آنآملگ آخي آلگريم شگرآ لگ لموضوعگ آلمميز

descriptionكود css لتطوير صندوق الدردشة لجعله اكثر احترافية Emptyرد: كود css لتطوير صندوق الدردشة لجعله اكثر احترافية

more_horiz
جزاك الله خيرا
موضوع في قمة الروعه

descriptionكود css لتطوير صندوق الدردشة لجعله اكثر احترافية Emptyرد: كود css لتطوير صندوق الدردشة لجعله اكثر احترافية

more_horiz
السسلآـم عليــك'ـم ~

جزآإـك الله خيـراً ع موضوع الجميــ'ل منـ'ك .!

يعطيـــك العآإفـ'ية ع الجهه'ـد المتعوـ'ب عليـ'ه .!

بإنتــظآر جديدــ'ك دآإئــماً .!

في آمـــآن الله ~

descriptionكود css لتطوير صندوق الدردشة لجعله اكثر احترافية Emptyرد: كود css لتطوير صندوق الدردشة لجعله اكثر احترافية

more_horiz
شكراا على هذا الكود الرائع~

descriptionكود css لتطوير صندوق الدردشة لجعله اكثر احترافية Emptyرد: كود css لتطوير صندوق الدردشة لجعله اكثر احترافية

more_horiz
سلمت اناملك اخي الكريم شكرا لك لموضوعك المميز
privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
power_settings_newقم بتسجيل الدخول للرد