منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.


انشاء منتدى مجاني شبيه بهذا المنتدى

ممكن التعديل على كود الدردشة

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

معلومة ممكن التعديل على كود الدردشة

مُساهمة من طرف naderstar في الأحد 9 سبتمبر 2012 - 21:35

السلام عليكم ممكن التعديل على هذا الكود
ازرار الدردشة عاليين ممكن تطابقوهن
http://im17.gulfup.com/2011-09-21/1316609842841.jpg
الكود:
#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;
}
هذا الكود من تصميم الاخت
asmaa.fr

وهذا موضوع الكود
http://help.ahlamontada.com/t352010-topic
اتمنى ان تكونو فهمتم قصدي الازرار لا يظهرن كلهن الا عند تمرمر المؤشر عليهن ينزل
لا اريدهن واضحات دون تقريب الموشر على الازرار
واريد لون ايقونات الكتابة مثل هذه الالوان

ارجووو ان تكونو قد فهمتوني



عدل سابقا من قبل naderstar في الإثنين 10 سبتمبر 2012 - 1:01 عدل 1 مرات
avatar
naderstar
 
 

ذكر
عدد المساهمات : 2220
معدل النشاط : 5469

http://www.shabab-umwalad.com/

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

معلومة رد: ممكن التعديل على كود الدردشة

مُساهمة من طرف cool amir في الإثنين 10 سبتمبر 2012 - 0:34

اذا كان قصدك تكون الدردشة هيك



http://im18.gulfup.com/2012-09-10/1347229953431.png

ضع الكود التالي يا غالي Cool

الكود:
#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;
}

avatar
cool amir
 
 

ذكر
عدد المساهمات : 5752
معدل النشاط : 10376

http://www.stibda3.com

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

معلومة رد: ممكن التعديل على كود الدردشة

مُساهمة من طرف naderstar في الإثنين 10 سبتمبر 2012 - 0:41

لا اخي مش هاذ قصدي
قصدي تكون هيك نعم ولكن مع التعديل على ايقونات هدول استبدال
الذي في الكود الكبير بهذه الايقوانات
تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.


2

اريد الخروج والتجديد بالكود عندما يؤشر بالماوس
يظهرن يكونن بالاعلى اريد ان اثبتهن في المنتصف ويكونن واضحات
ارجواا ان يكون قد فهمتم قصدي

avatar
naderstar
 
 

ذكر
عدد المساهمات : 2220
معدل النشاط : 5469

http://www.shabab-umwalad.com/

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

كاتب هذه المساهمة مطرود حالياً من المنتدى - معاينة المساهمة

معلومة رد: ممكن التعديل على كود الدردشة

مُساهمة من طرف cool amir في الإثنين 10 سبتمبر 2012 - 0:48

اها الحين فهمتك

جاري البحث Cool
avatar
cool amir
 
 

ذكر
عدد المساهمات : 5752
معدل النشاط : 10376

http://www.stibda3.com

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

معلومة رد: ممكن التعديل على كود الدردشة

مُساهمة من طرف cool amir في الإثنين 10 سبتمبر 2012 - 0:56

تم عمل الكود حسب الطلب

من عملي

حط هذا

الكود:
      #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: -7px;
    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;
    }

    #divsmilies{background-color: #cc9900;

    }
    #divcolor{background-color: #006633;

    }
    #divstrike{background-color: #993300;

    }
    #divunderline{background-color: #990099;

    }
    #divitalic
    {background-color: #cc6600;

    }
    #divbold
    {background-color: #33cccc;

    }


Cool
avatar
cool amir
 
 

ذكر
عدد المساهمات : 5752
معدل النشاط : 10376

http://www.stibda3.com

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

معلومة رد: ممكن التعديل على كود الدردشة

مُساهمة من طرف naderstar في الإثنين 10 سبتمبر 2012 - 0:57

الله يعطيك العافية يا غالي
جااااري التجريب

avatar
naderstar
 
 

ذكر
عدد المساهمات : 2220
معدل النشاط : 5469

http://www.shabab-umwalad.com/

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

معلومة رد: ممكن التعديل على كود الدردشة

مُساهمة من طرف cool amir في الإثنين 10 سبتمبر 2012 - 0:59

اذا تم الحل

ضع ايقونة تم الحل

Cool
avatar
cool amir
 
 

ذكر
عدد المساهمات : 5752
معدل النشاط : 10376

http://www.stibda3.com

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

معلومة رد: ممكن التعديل على كود الدردشة

مُساهمة من طرف naderstar في الإثنين 10 سبتمبر 2012 - 1:01

الف شكر يا غالي 100% لا يوجد اي ملاحظة نفس طلبي بالزبط
بارك الله فيك والله يجزيك الخير يا غالي
تحياااااتي لك

avatar
naderstar
 
 

ذكر
عدد المساهمات : 2220
معدل النشاط : 5469

http://www.shabab-umwalad.com/

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

معلومة رد: ممكن التعديل على كود الدردشة

مُساهمة من طرف cool amir في الإثنين 10 سبتمبر 2012 - 1:03

واجبي حبيبي

شكرا لك :تحية مع الشكر:
avatar
cool amir
 
 

ذكر
عدد المساهمات : 5752
معدل النشاط : 10376

http://www.stibda3.com

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


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