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

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


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

كود تأثيرات على الصندوق الماسي new.moon N2

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

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

مُساهمة من طرف YasirAyad في الخميس 13 يونيو 2013 - 19:16

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

اخواني كما سبق وتم الاعلان على الصندوق الماسي الجديد أقدم لكم
اكواد لتحرير صندوق الماسي وتعديل علية من خلال خاصية 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


هذه الامثلة مرتبط بصندوق الماسي الجديد .
انتظروني قريبا باذن الله سوف اقوم بعمل تأثيرات مناسقه للصندوق Cool


ahlamontada
NEW.MOON

avatar
YasirAyad
 
 

ذكر
عدد المساهمات : 11125
معدل النشاط : 12898
السُمعة : 295

http://yasirayad.com/

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

كود تأثير على الصندوق الماسي new.moon N1

مُساهمة من طرف YasirAyad في الأحد 30 يونيو 2013 - 23:30

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

قادم لكم اليوم تأثيرات على الصندوق الماسي بشكل رائع جدا  تتت11  

كود تأثير على الصندوق الماسي 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 الى اللون الذي تريده

في حال واجت مشكلة في تغير اللون كما يمكنك تقديم موضوع في قسم :  مشاكل تنسيق المظهر : 
طلب تغير اللون صندوق الماسي الى اللون الذي تريده في حال لم تعرف او وجدت صعوبه في تغير اللون ٍ

تحياتي  لكم  
new.moon
avatar
YasirAyad
 
 

ذكر
عدد المساهمات : 11125
معدل النشاط : 12898
السُمعة : 295

http://yasirayad.com/

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

كود تأثيرات على الصندوق الماسي new.moon N2

مُساهمة من طرف YasirAyad في الأحد 30 يونيو 2013 - 23:47

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

اقدم لكم كود تأثيرات على الصدوق الماسي بشكل رائع جدا tongue 
كود تأثيرات على الصندوق الماسي n2 new.moon cat 


صورة للتأثيرات : 


الكود : 
الكود:
.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;"]drunken 
[/b]
avatar
YasirAyad
 
 

ذكر
عدد المساهمات : 11125
معدل النشاط : 12898
السُمعة : 295

http://yasirayad.com/

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

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

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

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