.AWARDS
اصدقاء المنتدئ
اصدقاء المنتدئ
SMS ~ [+ ]
خميس الصياد
.البيانات ♛لونك المفضل» : عضويتي » : 0 جيت فيذا » : 16/07/2010 مشآركآتي » : 3229 نقآطي » : 33875 حاليآ في » : a7lamnaa.com التقييم » : 15 آلعمر » : 64 جنسي » : دولتي الحبيبه » : هوآياتي » : آلمهنه » :
موضوع: كود تأثيرات على الصندوق الماسي new.moon N2
تم النشر فى :18 - 06 - 2020
.
كود تأثيرات على الصندوق الماسي new.moon N2
التحكم بأضافه تأثيرات على الصندوق الماسي الجديد cssالسلام عليكم ورحمة الله وبركاته اخواني كما سبق وتم الاعلان على الصندوق الماسي الجديد أقدم لكم اكواد لتحرير صندوق الماسي وتعديل علية من خلال خاصية CSS ملاحظة : الاكواد تعمل على كافة النسخ ! يتحكم في الاطار الخارجي للصندوق الماسي الكود : الكود:تحديد الكود
الكود: div.sceditor-toolbar { كود هنا }
يتحكم في اطار صندوق الكتابة الكودالكود:تحديد الكود
الكود: .sceditor-container iframe, .sceditor-container textarea { كود هنا }
كود التحكم في اطار الأزرار الكود : الكود:تحديد الكود
الكود: div.sceditor-group { كود هنا }
الكود : الكود:تحديد الكود
الكود: a.sceditor-button { الكود هنا }
مثلالو اضفنا خلفية ازرار اللون الاحمر background: red; ملاحظة : كل ما عليك هو تغير ما بداخل الكود المكتوب الكود هنا بالتأثيرات التي تريدها مثلا التأثير الاتي اقتباس : border: 2px dotted #CFCFCF; وهو وضع اطار منقط استبدل كلمه "الكود هنا " بهذه border: 2px dotted #CFCFCF; حتى يصبح شكل الكود كالاتيالكود:تحديد الكود
الكود: div.sceditor-toolbar { border: 2px dotted #CFCFCF; }
وهكذا التطبيق بأمكانك وضع التأثيرات بمختلف انواعها
طريقة وضع الاكواد
- لوحة الإدارة
- مظهر المنتدى
- الصور و الألوان
- الألوان
- ورقة تصميم CSS
هذه الامثلة مرتبط بصندوق الماسي الجديد .
مدونتي خميس الصياد
أسم العضو : خميس الصياد هل ترغب في التعليق على رسالة العضو خميس الصياد ؟
الخميس يونيو 18, 2020 6:23 pm
المشاركة رقم: # ڷــۄنۨ ̨ٻۧــﯣمۘــک ♛لونك المفضل» : عضويتي » : 0 جيت فيذا » : 16/07/2010 مشآركآتي » : 3229 نقآطي » : 33875 حاليآ في » : a7lamnaa.com التقييم » : 15 آلعمر » : 64 جنسي » : دولتي الحبيبه » : هوآياتي » : آلمهنه » :
موضوع: رد: كود تأثيرات على الصندوق الماسي new.moon N2 سُبْحَانَكَ اللَّهُمَّ وَبِحَمْدِكَ ، أَشْهَدُ أَنْ لا إِلهَ إِلَّا أَنْتَ أَسْتَغْفِرُكَ وَأَتْوبُ إِلَيْكَ
السلام عليكم ورحمة الله وبركاتو قادم لكم اليوم تأثيرات على الصندوق الماسي بشكل رائع جدا كود تأثير على الصندوق الماسي N1 : الكود:تحديد الكود
الكود: .rtl .sceditor-button { -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -7px 0 rgba(0,0,0,.6), inset 0 -9px 0 rgba(255,255,255,.3); -moz-box-shadow: inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -7px 0 rgba(0,0,0,.6), inset 0 -9px 0 rgba(255,255,255,.3); box-shadow: inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -5px 0 rgba(0,0,0,.6), inset 0 -9px 0 rgba(255,255,255,.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; background: #78b42b!important; border: 1px solid #28ca42; border-radius: 0 0 6px 6px; border-top: 1px solid rgba(239,253,229,0.73); overflow: hidden; } div.sceditor-toolbar { -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -7px 0 rgba(0,0,0,.6), inset 0 -9px 0 rgba(255,255,255,.3); -moz-box-shadow: inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -7px 0 rgba(0,0,0,.6), inset 0 -9px 0 rgba(255,255,255,.3); box-shadow: inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -5px 0 rgba(0,0,0,.6), inset 0 -9px 0 rgba(255,255,255,.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; background: #78b42b!important; border: 1px solid #28ca42; border-radius: 0 0 6px 6px; border-top: 1px solid rgba(239,253,229,0.73); overflow: hidden; padding-bottom: 9px; }
طريقة وضع الكود : طريقة وضع الاكواد - لوحة الإدارة - مظهر المنتدى - الصور و الألوان - الألوان - ورقة تصميم CSS لتغير لون الازرار : ابحث على .rtl .sceditor-button { ثم ابحث على background: #78b42b!important; ثم غير اللون الي يعجبك فقط غير #78b42b الى رمز اللون الذي تريده ايضا ابحث على border: 1px solid rgb(30, 156, 50); قم بتغير لون اللون الفارق بين الازرار rgb(30, 156, 50) هذه هو اللون غيره الى الرمز الذي تريده أيضا ابحث على border-top: 1px solid rgba(239,253,229,0.73); قم بتغير اللون اعلى الزرار الاخضر الشفاف الى لون اخر كما تريدههذه التطبيق على اكواد الأزرار كما تريد تغير خلفيه الخضراء خلف الازرار كافه اللون الاخضر ابحث على div.sceditor-toolbar { ثم ابحث على background: #78b42b!important; ثم بتغير #78b42b الى اللون الذي تريده
أسم العضو : خميس الصياد هل ترغب في التعليق على رسالة العضو خميس الصياد ؟
الخميس يونيو 18, 2020 7:48 pm
المشاركة رقم: # ڷــۄنۨ ̨ٻۧــﯣمۘــک ♛لونك المفضل» : عضويتي » : 0 جيت فيذا » : 16/07/2010 مشآركآتي » : 3229 نقآطي » : 33875 حاليآ في » : a7lamnaa.com التقييم » : 15 آلعمر » : 64 جنسي » : دولتي الحبيبه » : هوآياتي » : آلمهنه » :
موضوع: رد: كود تأثيرات على الصندوق الماسي new.moon N2 سُبْحَانَكَ اللَّهُمَّ وَبِحَمْدِكَ ، أَشْهَدُ أَنْ لا إِلهَ إِلَّا أَنْتَ أَسْتَغْفِرُكَ وَأَتْوبُ إِلَيْكَ
اقدم لكم كود تأثيرات على الصدوق الماسي بشكل رائع جدا كود تأثيرات على الصندوق الماسي n2 new.moon صورة للتأثيرات : الكود : الكود:تحديد الكود
الكود: .rtl .sceditor-button { -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -7px 0 rgba(0,0,0,.6), inset 0 -9px 0 rgba(255,255,255,.3); -moz-box-shadow: inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -7px 0 rgba(0,0,0,.6), inset 0 -9px 0 rgba(255,255,255,.3); box-shadow: inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -5px 0 rgba(0,0,0,.6), inset 0 -9px 0 rgba(255,255,255,.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; } div.sceditor-toolbar { -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -7px 0 rgba(0,0,0,.6), inset 0 -9px 0 rgba(255,255,255,.3); -moz-box-shadow: inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -7px 0 rgba(0,0,0,.6), inset 0 -9px 0 rgba(255,255,255,.3); box-shadow: inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -5px 0 rgba(0,0,0,.6), inset 0 -9px 0 rgba(255,255,255,.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; } div.sceditor-group { -moz-background-clip: padding; -moz-border-radius: 3px; -webkit-background-clip: padding-box; -webkit-border-radius: 3px; background-clip: padding-box; border-bottom: 1px solid #aaa; border-radius: 3px; display: inline-block; margin: 5px 5px 1px 0; padding: 1px; }
طريقة وضع الكود : - لوحة الإدارة - مظهر المنتدى - الصور و الألوان - الألوان - ورقة تصميم CSS تحياتي لكم [b style="margin: 0px; padding: 0px;"]new.moon [/b] [b style="margin: 0px; padding: 0px;"] [/b]
أسم العضو : خميس الصياد هل ترغب في التعليق على رسالة العضو خميس الصياد ؟
الــرد الســـريـع
الاعضاء الدين شاركوا في الموضوع
تعليمات المشاركة
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
كود HTML معطلة
أعلي 10 إحصائياتأكثر الأقسام شعبية أفضل المواضيع افضل 10 اعضاء فى منتدى آخر المشاركات