كود لجعل الدردشه احترافيه

| ₪|سلآمٌ عليگم و رحمةٌ من آللهِ و پرگآته | ₪| ..

مرحپآً پگم أيهآ آلگرآم من أعضآء و زوآر

آلگود يرگپ پورقة 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(https://i.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(https://i.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(https://i.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(https://i.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('https://i.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('https://i.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(https://i.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(https://i.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(https://i.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(https://i.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(https://i.servimg.com/u/f25/14/45/99/41/hover10.jpg) repeat-x; border: 1px solid #a2a2a2; } .gen input#submit_button:active { background: url(https://i.servimg.com/u/f25/14/45/99/41/active10.jpg) repeat-x; }

طريقة آلوضع : لوحة آلآدآرة/مظهر
آلمنتدي/آلصور وآلآلوآن /آلوآن/ورقة تصميم css



تحيآتى

منقول : منتدى الدعم والمساعده

جزاك الله خير

موضوعك رائع وجميل
شكرا لك

منور حبيبي

شككرا

---

كل الشكر لك اخي الكريم على هذا الكود الفريد و المميز

لك خالص تقديري

شكراااااااااااااااااا

الله يـع’ـــطــيكم الع’ــاأإأفــيه ..
.. بنتظـأإأإأر ج’ـــديــــدكم الممـــيز ..
.. تقــبل ــو م’ـــروري ..
كل أإألــــ ود وباأإأإقــة ورد ...

مسائكم /صباحكم ...مفعم بعبير الورد الجوري
كم يسعدني ويشرفني ان اضع بصمتي على صفحاتكم التي تزهو بالجمال والروعه
فلقد توعدت منكم على كل ماهو ممتع ومفيد ومميز
دمتم مبديعن مضيئين سماء منتدانا الغالي
بانتظار كل ما هو جديد ومميز
الى ذلك الوقت
تقبلو مني
اجمل
وارق
التحايا

شكرا وبارك الله فيك اخى الكريم
ننتظر جديدك
بالتوفيق

مشكور

اهلا وسهلا
اشكرك ع الموضوع
بانتظار جديدك
موفق
~!

مشكوووووووووووووووووووووووووووووووووور

منورين وربي