الأربعاء 21 أغسطس 2013, 16:57
رسالة بيانات كاتب الموضوع
اكواد css للتحكم بأضافه تأثيرات على الصندوق الماسي الجديد لمنتديات أحلى منتدي المعلومات الكاتب:
اللقب:
المدير العام
الرتبه:
الصورة الرمزية
البيانات الجنس : عدد المساهمات : 2196 تاريخ التسجيل : 01/12/2011 العمر : 25 حكمتي المفضله : إحترم الكبير يحترمك الصغير
الإتصالات الحالة: وسائل الإتصال:
موضوع: اكواد 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
هذه الامثلة مرتبط بصندوق الماسي الجديد . هناك المزيد من الامثله سيتم وضعها بالتعاليق
الموضوع الأصلي : اكواد css للتحكم بأضافه تأثيرات على الصندوق الماسي الجديد لمنتديات أحلى منتدي // المصدر : منتديات فرتكة // الكاتب: على السلت
الأربعاء 21 أغسطس 2013, 17:03
رسالة بيانات كاتب الموضوع
اكواد css للتحكم بأضافه تأثيرات على الصندوق الماسي الجديد لمنتديات أحلى منتدي المعلومات الكاتب:
اللقب:
المدير العام
الرتبه:
الصورة الرمزية
البيانات الجنس : عدد المساهمات : 2196 تاريخ التسجيل : 01/12/2011 العمر : 25 حكمتي المفضله : إحترم الكبير يحترمك الصغير
الإتصالات الحالة: وسائل الإتصال:
موضوع: كود لاضافه تأثير رائع على الصندوق الماسي الجديد N1
السلام عليكم ورحمة الله وبركاته اقدم لكم اليوم تأثيرات على الصندوق الماسي بشكل رائع جدا كود تأثير على الصندوق الماسي 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 الى اللون الذي تريده
الموضوع الأصلي : اكواد css للتحكم بأضافه تأثيرات على الصندوق الماسي الجديد لمنتديات أحلى منتدي // المصدر : منتديات فرتكة // الكاتب: على السلت
الأربعاء 21 أغسطس 2013, 17:06
رسالة بيانات كاتب الموضوع
اكواد css للتحكم بأضافه تأثيرات على الصندوق الماسي الجديد لمنتديات أحلى منتدي المعلومات الكاتب:
اللقب:
المدير العام
الرتبه:
الصورة الرمزية
البيانات الجنس : عدد المساهمات : 2196 تاريخ التسجيل : 01/12/2011 العمر : 25 حكمتي المفضله : إحترم الكبير يحترمك الصغير
الإتصالات الحالة: وسائل الإتصال:
موضوع: كود css لاضافه تأثيرات رائعه على الصندوق الماسي الجديد n2
السلام عليكم ورحمة الله وبركاتو اقدم لكم كود تأثيرات على الصندوق الماسي بشكل رائع جدا كود تأثيرات على الصندوق الماسي n2 صورة للتأثيرات : الكود : الكود: .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 تحياتي لكم
الموضوع الأصلي : اكواد css للتحكم بأضافه تأثيرات على الصندوق الماسي الجديد لمنتديات أحلى منتدي // المصدر : منتديات فرتكة // الكاتب: على السلت
الــرد الســـريـع هام جداً: قوانين المساهمة في المواضيع. انقر هنا للمعاينة احترم مواضيع الآخرين ليحترم الآخرون مواضيعك لا تحتكر الموضوع لنفسك بإرسال عدة مساهمات متتالية عند طرح موضوع يجب أن تتأكد أن عنوان الموضوع مناسب او لا تحل بحسن الخلق و بأدب الحوار و النقاش لا تنس أن اختلاف الرأي لا يفسد للود قضية, فلا تتهجم على عضو بدعوى أنه لا يشاطرك الرأي ان قطعت عهدآ مع عضو فأوفي بوعدك لأنه دين عليك إن حصل خلاف بينك و بين عضو حول مسألة ما فلا تناقشا المشكله على العام بل على الخاص ان احترمت هذه الشروط البسيطة, ضمنت حقوقك و عرفت واجباتك. و هذه افضل طريقة تضمن بها لنفسك ثم لمساهماتك و مواضيعك البقاء و لمنتداك الإزدهار في موقعنا إدارة منتديات فرتكة الرد السريع