ممكن التعديل على كود الدردشة Hitskin_logo Hitskin.com

هذه مُجرَّد مُعاينة لتصميم تم اختياره من موقع Hitskin.com
تنصيب التصميم في منتداكالرجوع الى صفحة بيانات التصميم

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

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

3 مشترك

اذهب الى الأسفل

ãÚáæãÉ ممكن التعديل على كود الدردشة

مُساهمة من طرف 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

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



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

ذكر
عدد المساهمات : 2215
معدل النشاط : 8254
السُمعة : 3

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

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

ãÚáæãÉ رد: ممكن التعديل على كود الدردشة

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

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

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

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;
}

cool amir
cool amir
 
 

ذكر
عدد المساهمات : 5631
معدل النشاط : 13163
السُمعة : 140

http://www.stibda3.com

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

ãÚáæãÉ رد: ممكن التعديل على كود الدردشة

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

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

2

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

naderstar
naderstar
 
 

ذكر
عدد المساهمات : 2215
معدل النشاط : 8254
السُمعة : 3

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

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

ãÚáæãÉ رد: ممكن التعديل على كود الدردشة

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

هلا اخى اذا تريد وضع خلفية لازرار علبه الدردشه
اتبع هذا الشرح
كود لوضع خلفيه لازرار علبه الدردشه (ahmedMido) بالتوفيق صديقى
دمي كتب همي
دمي كتب همي
 
 

ذكر
عدد المساهمات : 6537
معدل النشاط : 11771
السُمعة : 174

http://www.pubarab.net/

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

ãÚáæãÉ رد: ممكن التعديل على كود الدردشة

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

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

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

ذكر
عدد المساهمات : 5631
معدل النشاط : 13163
السُمعة : 140

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
cool amir
cool amir
 
 

ذكر
عدد المساهمات : 5631
معدل النشاط : 13163
السُمعة : 140

http://www.stibda3.com

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

ãÚáæãÉ رد: ممكن التعديل على كود الدردشة

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

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

naderstar
naderstar
 
 

ذكر
عدد المساهمات : 2215
معدل النشاط : 8254
السُمعة : 3

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

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

ãÚáæãÉ رد: ممكن التعديل على كود الدردشة

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

اذا تم الحل

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

Cool
cool amir
cool amir
 
 

ذكر
عدد المساهمات : 5631
معدل النشاط : 13163
السُمعة : 140

http://www.stibda3.com

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

ãÚáæãÉ رد: ممكن التعديل على كود الدردشة

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

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

ذكر
عدد المساهمات : 2215
معدل النشاط : 8254
السُمعة : 3

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

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

ãÚáæãÉ رد: ممكن التعديل على كود الدردشة

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

واجبي حبيبي

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

ذكر
عدد المساهمات : 5631
معدل النشاط : 13163
السُمعة : 140

http://www.stibda3.com

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

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

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