مجتمع حروف | عالم تعشقه الأقلام ®


 
الرئيسيةالرئيسية  المنشوراتالمنشورات  التسجيلالتسجيل  دخولدخول  



شاطر | 
 

 كود css لتطوير شكل الدردشة مثل منتديات مملكة ناروتو (من تعديلي)

اذهب الى الأسفل 
كاتب الموضوعرسالة
E7SAS DESIGN
عضو متألق
عضو  متألق
avatar

[ ڪِتـابَاتِيّ : 274
[ جِنسك : ذكر
- [ آلتًسجيلٍ » : 24/02/2014


مُساهمةموضوع: كود css لتطوير شكل الدردشة مثل منتديات مملكة ناروتو (من تعديلي)   الأربعاء 26 فبراير 2014 - 13:51

السلآم عليكم ورحمة الله وبركاته

اليوم جبت لكم تعديل على كود تطوير شكل الدردشة اللي بيعرفه اغلبنا

والتعديل حصري ومن برمجتي

والآن مع الكود

الكود:

        /*-----دردشة احترافية----*/
 .chatbox{background-color:#f3f3f3}#chatbox_members
 .online-users
li{background-image:url(http://cc0.upanh.com/26.518.33734589.oGY0/49.gif);background-position:left;background-repeat:no-repeat;background-size:13%;padding-left:20px}#chatbox_header{background:url(http://i25.servimg.com/u/f25/14/45/99/41/untitl20.jpg)
 repeat-x!important;border-bottom:1px solid
#c9c9c9;border-left:0;border-right:0;border-top:0;margin:0!important}h2.chatbox-title{margin-top:4px}#chatbox_header
 
.chat-title{background:url(http://i25.servimg.com/u/f25/14/45/99/41/112_co11.png)
 
no-repeat;color:transparent;cursor:default;font-size:14px;letter-spacing:-.4em;margin-bottom:-20px;margin-left:-20px}#chatbox_header
 
.chat-title:hover{background:url(http://i25.servimg.com/u/f25/14/45/99/41/112.png)
 
no-repeat;letter-spacing:2.1em}#chatbox_main_options,#chatbox_main_options
 a,#chatbox_main_options span{color:#9a9a9a !importat;font-family:Arial
#000;text-decoration:none;text-shadow:1px 1px 1px
#fff;text-transform:uppercase}#chatbox_main_options
a:hover{color:grey;font-family:Arial
#000;text-decoration:none!important;text-shadow:1px 1px 1px
#b8b8b8;text-transform:uppercase}#chatbox_main_options{-moz-border-radius:0
 0 5px 5px;-moz-box-shadow:0 0 4px #c6c6c6;-webkit-box-shadow:0 0 4px
#c6c6c6;background:url(http://i25.servimg.com/u/f25/14/45/99/41/untitl21.jpg)
 repeat-x;border:1px solid #c9c9c9;border-radius:0 0 5px
5px;box-shadow:0 0 4px
#c6c6c6;float:right;margin-right:50px;margin-top:-10px;padding:2px 3px
1px
5px}#chatbox_main_options:hover{margin-top:-1px}ul#chatbox_main_options
li,ul#chatbox_main_options li,ul#chatbox_main_options li
a,ul#chatbox_main_options li
label{color:#9a9a9a!important;text-shadow:1px 1px 1px
#fff}#chatbox_members{background:url(http://i25.servimg.com/u/f25/14/45/99/41/50347510.png);background-color:#fff;border-right:1px
 solid
#c9c9c9;margin-bottom:-30px}#chatbox_members:hover{background-color:#fcfcfc;border-right:1px
 solid
#b7b7b7}h4.member-title{background:url(http://i25.servimg.com/u/f25/14/45/99/41/untitl23.jpg)
 
repeat-x!important;color:#fff!important;cursor:default;font-family:Arial
 #000;letter-spacing:.5em;margin-top:0;text-shadow:0 0 3px
#000;text-transform:uppercase}#chatbox_members
ul{list-style:none;margin:0}#chatbox_members ul
li{background:url(http://i25.servimg.com/u/f25/14/45/99/41/115.png);border-bottom:1px
 solid #e2e2e2;color:#393939;font-family:Arial
#000;font-size:14px;font-weight:700;margin:0;padding-left:10px}#chatbox_members
 ul
li:hover{background-color:#f4f4f4;background-image:url(http://i25.servimg.com/u/f25/14/45/99/41/114.png);background-position:center
 left;background-repeat:no-repeat}#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{color:#909090;font-size:12px;text-decoration:none;text-shadow:1px 1px
1px #fff}#chatbox_members ul li
a:hover{color:#393939;text-decoration:none!important}#chatbox{background-image:url();background-position:center
 
center;background-repeat:no-repeat}.chatbox_row_1,.chatbox_row_2{background-color:transparent!important}.chatbox_row_1:hover,.chatbox_row_2:hover{-moz-border-radius:5px;-moz-box-shadow:0
 0 3px #dcdcdc;-webkit-box-shadow:0 0 4px
#dcdcdc;background:-moz-linear-gradient(top,#ffffff,#f9f9f9);background-color:#fff!important;border:1px
 solid #c9c9c9;border-radius:5px;box-shadow:0 0 3px
#dcdcdc;margin:5px}.date-and-time{color:#c3c3c3!important;font-size:9px!important;font-style:italic!important;letter-spacing:-.1em!important}.user-msg{color:#8c8c8c!important;font-family:Georgia!important}.user-msg
 
a:hover{color:#000!important;text-decoration:none!important}#chatbox_messenger_form{-moz-border-radius:5px
 5px 0 0;-moz-box-shadow:0 0 4px #c6c6c6;-webkit-box-shadow:0 0 4px
#d4d4d4;background:-moz-linear-gradient(top,#ffffff,#e2e2e2)!important;background-color:#fff;border-bottom:0;border-left:1px
 solid #c9c9c9;border-radius:5px 5px 0 0;border-right:1px solid
#c9c9c9;border-top:1px solid #c9c9c9;bottom:0;box-shadow:0 0 4px
#c6c6c6;float:none!important;height:30px;left:0;margin-left:auto;margin-right:auto;position:fixed;right:0;width:650px;z-index:999}#chatbox_messenger_form:hover{border-left:1px
 solid #a7a7a7;border-right:1px solid #a7a7a7;border-top:1px solid
#a7a7a7}#divbold,#divcolor,#divitalic,#divsmilies,#divstrike,#divunderline{-moz-border-radius:3px;background:url(http://i25.servimg.com/u/f25/14/45/99/41/110.jpg)
 repeat-x;background-color:#fff;border:1px solid
#c9c9c9;border-radius:3px}#divbold:hover,#divcolor:hover,#divitalic:hover,#divsmilies:hover,#divstrike:hover,#divunderline:hover{background:url(http://i25.servimg.com/u/f25/14/45/99/41/hover10.jpg)
 repeat-x;border:1px solid
#a2a2a2}#divbold:active,#divcolor:active,#divitalic:active,#divsmilies:active,#divstrike:active,#divunderline:active{background:url(http://i25.servimg.com/u/f25/14/45/99/41/active10.jpg)
 repeat-x}label
input#message{-moz-border-radius:3px;background-color:#fff;border:1px
solid #c9c9c9;border-radius:3px;font-size:12px;height:17px}label
input#message:hover{background-color:#f5f5f5;border:1px solid
#b2b2b2}label input#message:focus{background-color:#e0fdff;border:1px
solid
#a4a4a4}input#submit_button{-moz-border-radius:3px;background:url(http://i25.servimg.com/u/f25/14/45/99/41/110.jpg)
 repeat-x;background-color:#fff;border:1px solid
#c9c9c9;border-radius:3px;color:#929292;cursor:pointer;font-family:Arial
 
#000;font-size:12px;padding-left:2px;padding-right:2px;text-transform:uppercase}input#submit_button:hover{background:url(http://i25.servimg.com/u/f25/14/45/99/41/hover10.jpg)
 repeat-x;border:1px solid
#a2a2a2;color:#2c2c2c}input#submit_button:active{background:url(http://i25.servimg.com/u/f25/14/45/99/41/active10.jpg)
 
repeat-x}.right{padding-top:4px!important}#chatbox_footer{border:0!important}.score{padding-top:20px}.pnsmall{font-size:10px;font-style:italic;margin-top:-5px}.tipsy{font-size:10px;padding:5px;position:absolute;z-index:999}.tipsy-inner{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-radius:3px;color:#FFF;max-width:200px;padding:5px
 8px 4px;text-align:center}.tipsy-arrow{border:5px dashed
#000;height:0;line-height:0;position:absolute;width:0}.tipsy-arrow-n{border-bottom-color:#000}.tipsy-arrow-s{border-top-color:#000}.tipsy-arrow-e{border-left-color:#000}.tipsy-arrow-w{border-right-color:#000}.tipsy-n
 
.tipsy-arrow{border-bottom-style:solid;border-left-color:transparent;border-right-color:transparent;border-top:none;left:50%;margin-left:-5px;top:0}.tipsy-nw
 
.tipsy-arrow{border-bottom-style:solid;border-left-color:transparent;border-right-color:transparent;border-top:none;left:10px;top:0}.tipsy-ne
 
.tipsy-arrow{border-bottom-style:solid;border-left-color:transparent;border-right-color:transparent;border-top:none;right:10px;top:0}.tipsy-s
 
.tipsy-arrow{border-bottom:none;border-left-color:transparent;border-right-color:transparent;border-top-style:solid;bottom:0;left:50%;margin-left:-5px}.tipsy-sw
 
.tipsy-arrow{border-bottom:none;border-left-color:transparent;border-right-color:transparent;border-top-style:solid;bottom:0;left:10px}.tipsy-se
 
.tipsy-arrow{border-bottom:none;border-left-color:transparent;border-right-color:transparent;border-top-style:solid;bottom:0;right:10px}.tipsy-e
 
.tipsy-arrow{border-bottom-color:transparent;border-left-style:solid;border-right:none;border-top-color:transparent;margin-top:-5px;right:0;top:50%}.tipsy-w
 
.tipsy-arrow{border-bottom-color:transparent;border-left:none;border-right-style:solid;border-top-color:transparent;left:0;margin-top:-5px;top:50%}.warning2{-moz-border-radius:10px;-moz-box-shadow:1px
 1px 10px red;-webkit-border-radius:10px;-webkit-box-shadow:1px 1px 10px
 
red;background-color:transparent;background-image:url(http://i47.servimg.com/u/f47/16/97/26/79/error10.png);background-position:10px
 center;background-repeat:no-repeat;border:1px
solid;border-color:red;border-radius:10px;box-shadow:1px 1px 10px
red;color:red;font-family:Lobster;font-size:15px;font-style:normal;font-weight:400;margin:10px
 auto;padding:15px 10px 15px
70px;width:90%}.lock2{-moz-border-radius:10px;-moz-box-shadow:1px 1px
10px blue;-webkit-border-radius:10px;-webkit-box-shadow:1px 1px 10px
blue;background-color:transparent;background-image:url(http://i47.servimg.com/u/f47/16/97/26/79/lock10.png);background-position:10px
 center;background-repeat:no-repeat;border:1px
solid;border-color:blue;border-radius:10px;box-shadow:1px 1px 10px
blue;color:blue;font-family:Lobster;font-size:15px;font-style:normal;font-weight:400;margin:10px
 auto;padding:15px 10px 15px
70px;width:90%}.yes2{-moz-border-radius:10px;-moz-box-shadow:1px 1px
10px green;-webkit-border-radius:10px;-webkit-box-shadow:1px 1px 10px
green;background-color:transparent;background-image:url(http://i47.servimg.com/u/f47/16/97/26/79/accept11.png);background-position:10px
 center;background-repeat:no-repeat;border:1px
solid;border-color:green;border-radius:10px;box-shadow:1px 1px 10px
green;color:green;font-family:Lobster;font-size:15px;font-style:normal;font-weight:400;margin:10px
 auto;padding:15px 10px 15px
70px;width:90%}.tag2{-moz-border-radius:10px;-moz-box-shadow:1px 1px
10px orange;-webkit-border-radius:10px;-webkit-box-shadow:1px 1px 10px
orange;background-color:transparent;background-image:url(http://i47.servimg.com/u/f47/16/97/26/79/link_a10.png);background-position:10px
 center;background-repeat:no-repeat;border:1px
solid;border-color:orange;border-radius:10px;box-shadow:1px 1px 10px
orange;color:orange;font-family:Lobster;font-size:15px;font-style:normal;font-weight:400;margin:10px
 auto;padding:15px 10px 15px
70px;width:90%}.move2{-moz-border-radius:10px;-moz-box-shadow:1px 1px
10px #4b0082;-webkit-border-radius:10px;-webkit-box-shadow:1px 1px 10px
#4b0082;background-color:transparent;background-image:url(http://i47.servimg.com/u/f47/16/97/26/79/page_w10.png);background-position:10px
 center;background-repeat:no-repeat;border:1px
solid;border-color:#4b0082;border-radius:10px;box-shadow:1px 1px 10px
#4b0082;color:#4b0082;font-family:Lobster;font-size:15px;font-style:normal;font-weight:400;margin:10px
 auto;padding:15px 10px 15px
70px;width:90%}.ban2{-moz-border-radius:10px;-moz-box-shadow:1px 1px
10px #000;-webkit-border-radius:10px;-webkit-box-shadow:1px 1px 10px
#000;background-color:transparent;background-image:url(http://i47.servimg.com/u/f47/16/97/26/79/set_se10.png);background-position:10px
 center;background-repeat:no-repeat;border:1px
solid;border-color:#000;border-radius:10px;box-shadow:1px 1px 10px
#000;color:#000;font-family:Lobster;font-size:15px;font-style:normal;font-weight:400;margin:10px
 auto;padding:15px 10px 15px
70px;width:90%}.tum2{-moz-border-radius:10px;-moz-box-shadow:1px 1px
10px #a52a2a;-webkit-border-radius:10px;-webkit-box-shadow:1px 1px 10px
#a52a2a;background-color:transparent;background-image:url(http://i47.servimg.com/u/f47/16/97/26/79/thumb_10.png);background-position:10px
 center;background-repeat:no-repeat;border:1px
solid;border-color:#a52a2a;border-radius:10px;box-shadow:1px 1px 10px
#a52a2a;color:#a52a2a;font-family:Lobster;font-size:15px;font-style:normal;font-weight:400;margin:10px
 auto;padding:15px 10px 15px
70px;width:90%}.chienthan{background:#000;border-radius:0 0 2px
2px;height:4px}.chatbox_row_1{background-color:transparent;padding:4px}.chatbox_row_2{background-color:transparent;padding:4px}#chatbox_members
 
.member-title{background-color:#000;background-image:none;color:#FCD424;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;padding:.5em
 .25em;text-align:center}.options-button
a.small_textbutton,a.postbit:link,a.postbit:visited{-moz-border-radius:2px;-webkit-border-radius:2px;background:#EEE
 url(http://www.themefreak.net/themes/Delicate/tcat.png)
repeat-x;border:solid 1px
#CBCBCB;border-radius:2px;clear:left;color:#444;font-size:11px;margin-left:5px;padding:4px
 8px;text-shadow:1px 1px 0
#FAFAFA}.pairsColumns,.pairsJustified,.pairsRows{line-height:1.5}.pairsColumns
 dl,.pairsJustified
dl,dl.pairsColumns,dl.pairsJustified{overflow:hidden;zoom:1}.pairsJustified
 dt{float:left}.pairs dt,.pairsColumns dt,.pairsInline
dt,.pairsJustified dt,.pairsRows dt{color:#969696}.pairsJustified
dd{float:right;text-align:right}button.button2,input.button2{background-image:url();border-radius:4px
 4px 4px
4px;padding:4px!important}#mudimPanel{-moz-opacity:.2;-moz-transition:all
 2s ease;-webkit-transition:all 2s ease;background:#fff
url(http://i48.servimg.com/u/f48/13/58/60/43/go1010.jpg) no-repeat right
 
center!important;filter:alpha(opacity=20);font-family:Tahoma;font-size:10px!important;font-style:normal;font-variant:normal;font-weight:700!important;height:47px!important;left:-340px!important;opacity:.2;padding:4px
 26px 4px 10px
!important;top:604px!important;width:330px!important}#mudimPanel:hover{-moz-opacity:1;-moz-transition:all
 1s ease;-webkit-transition:all 1s
ease;filter:alpha(opacity=100);left:-5px!important;opacity:1}#smiley-box{width:100%}
 
        /*www.naruto-kingdom.0wn0.com*/

الكود يوضع في ورقة css

الكود من تعديلي ولا أسمح بنقله دون ذكر المصدر
الرجوع الى أعلى الصفحة اذهب الى الأسفل
عمرو المصرى
عضو متألق
عضو  متألق
avatar

[ ڪِتـابَاتِيّ : 1536
[ جِنسك : ذكر
- [ آلتًسجيلٍ » : 23/08/2013

مُساهمةموضوع: رد: كود css لتطوير شكل الدردشة مثل منتديات مملكة ناروتو (من تعديلي)   السبت 1 مارس 2014 - 9:31

شكرالك اخى بارك الله فيك


:24:  :24:  :24:  :24:  :24:  :24:  :24:  :24:

متى تاتى لى الجوراه واخبر من احب بحبى له

الرجوع الى أعلى الصفحة اذهب الى الأسفل
ĵɴΘΘɴ ɱßɖ3
المرشحون للدردشه
المرشحون  للدردشه
avatar

[ ڪِتـابَاتِيّ : 140
[ جِنسك : ذكر
- [ آلتًسجيلٍ » : 23/07/2013

مُساهمةموضوع: _da3m_19   السبت 1 مارس 2014 - 14:43

موضوع رائع بوركت



الرجوع الى أعلى الصفحة اذهب الى الأسفل
Sultan 7RoOf
عضو متألق
عضو  متألق
avatar

[ ڪِتـابَاتِيّ : 1218
[ جِنسك : ذكر
- [ آلتًسجيلٍ » : 12/07/2013



مُساهمةموضوع: _da3m_4   السبت 1 مارس 2014 - 14:45

موضوع رائع بوركت



الرجوع الى أعلى الصفحة اذهب الى الأسفل
agiliedi
عضو متألق
عضو  متألق
avatar

[ ڪِتـابَاتِيّ : 667
[ جِنسك : ذكر
- [ آلتًسجيلٍ » : 16/02/2014

مُساهمةموضوع: رد: كود css لتطوير شكل الدردشة مثل منتديات مملكة ناروتو (من تعديلي)   الثلاثاء 4 مارس 2014 - 11:39

شكرا لك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
huss9898ien
عضو متألق
عضو  متألق
avatar

[ ڪِتـابَاتِيّ : 247
[ جِنسك : ذكر
- [ آلتًسجيلٍ » : 08/06/2014


مُساهمةموضوع: رد: كود css لتطوير شكل الدردشة مثل منتديات مملكة ناروتو (من تعديلي)   الجمعة 4 يوليو 2014 - 15:33

شكراااااا لك على موضوع القيم
الرجوع الى أعلى الصفحة اذهب الى الأسفل
سسعود
عضو متألق
عضو  متألق
avatar

[ ڪِتـابَاتِيّ : 102
[ جِنسك : ذكر
- [ آلتًسجيلٍ » : 02/07/2014


مُساهمةموضوع: رد: كود css لتطوير شكل الدردشة مثل منتديات مملكة ناروتو (من تعديلي)   الجمعة 11 يوليو 2014 - 2:35

سلمت يداك على الطرح الطيب
لاعدمنـآ هذا التميز
يعطيكـ ربي العآفيهـ
بـ إنتظارجديدك بكل شوق
ودي ووردي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
دآعشش ْ xD
عضو متألق
عضو  متألق


[ ڪِتـابَاتِيّ : 267
[ جِنسك : ذكر
- [ آلتًسجيلٍ » : 31/07/2013



مُساهمةموضوع: رد: كود css لتطوير شكل الدردشة مثل منتديات مملكة ناروتو (من تعديلي)   الجمعة 11 يوليو 2014 - 5:41

سلمت أناملك الذهبية عالطرح الرائع 
الذي أنار صفحات منتدى حروف
بكل ماهو جديد ؛ لك مني أرق وأجمل التحايا 
على هذا التألق والأبداع 
والذي هو حليفكِ دوما" إن شاء الله 
الرجوع الى أعلى الصفحة اذهب الى الأسفل
asmaa.fr
عضو متألق
عضو  متألق
avatar

[ ڪِتـابَاتِيّ : 390
[ جِنسك : انثى
- [ آلتًسجيلٍ » : 22/08/2013


مُساهمةموضوع: رد: كود css لتطوير شكل الدردشة مثل منتديات مملكة ناروتو (من تعديلي)   الجمعة 8 أغسطس 2014 - 23:18

شكرا لك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
AmEr-Dz
عضو متألق
عضو  متألق
avatar

[ ڪِتـابَاتِيّ : 301
[ جِنسك : ذكر
- [ آلتًسجيلٍ » : 10/02/2014


مُساهمةموضوع: رد: كود css لتطوير شكل الدردشة مثل منتديات مملكة ناروتو (من تعديلي)   الأربعاء 10 سبتمبر 2014 - 16:53

شكرا لك موضوع مميز , واااصل ابداعك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
بدر الزمان
عضو متألق
عضو  متألق
avatar

[ ڪِتـابَاتِيّ : 343
[ جِنسك : انثى
- [ آلتًسجيلٍ » : 23/09/2014


مُساهمةموضوع: رد: كود css لتطوير شكل الدردشة مثل منتديات مملكة ناروتو (من تعديلي)   السبت 11 أكتوبر 2014 - 13:37

شّڳَرًأِ لًڳً ۶ـلّى أًلّمُوٌضّوِعُ أًلٌجٌمًيّلّ وِ أِلًمُفًيِدَ

جّزَأٌڳُ أًلِلًهٌ أًلٌفً خّيًرُ عُلَى ڳَلّ مٌأً تًقٌدّمًهِ لًهَذٌأُ أَلّمًنَتًدَى 

نّنِتَظِرً أِبّدًأِعّأَتًڳُ أِلُجُمٌيٌلٌة بّفُأًرَغُ أُلَصّبِرٌ
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود css لتطوير شكل الدردشة مثل منتديات مملكة ناروتو (من تعديلي)
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
مجتمع حروف | عالم تعشقه الأقلام ®  :: حروف ديزاين لتطوير المواقع والمنتديات :: اكواد سي اس اس | Css-
انتقل الى: