أحلى الشبكات الإجتماعية

انشاء منتدى مجاني



المواضيع الأخيرة
»  كود jQuery [ تأثير الماوس على الصور ** اشعاع ** ]
الجمعة يوليو 19, 2013 12:04 pm من طرف بہحہبگ يہأ مہجہنہونہة

»  [JavaScript] رسالة تظهر قبل الدخول للدردشة
الجمعة يوليو 19, 2013 11:56 am من طرف بہحہبگ يہأ مہجہنہونہة

»  كود [Java] [CSS] لوضع صورة في اخر المواضيع بطريقة احترافية للنسخة الثانية
الجمعة يوليو 19, 2013 11:49 am من طرف بہحہبگ يہأ مہجہنہونہة

» صيانة شاملة للمنتديات يوم الخميس 22 محرم 1434
الجمعة يوليو 19, 2013 11:37 am من طرف الزعيم

» صيانة أحد النطاقات الخاصة بأحلى منتدى
الجمعة يوليو 19, 2013 10:19 am من طرف بہحہبگ يہأ مہجہنہونہة

»  طريقة أزالة السطر من تحت أسماء الأعضاء
الجمعة يوليو 19, 2013 2:57 am من طرف الزعيم

»  كود css لوضع خلفيه لزر أرسل مساهمتك للنسخة 2
الجمعة يوليو 19, 2013 2:56 am من طرف الزعيم

» كود cssلوضع ايطار كلي منقط مع ايطار كلي للبينات للنسخة(invision)
الجمعة يوليو 19, 2013 2:55 am من طرف الزعيم

»  كود css لوضع خلفيه للوحوه الضاحكه من اكتشافي للنسخة الثالثة و InvisioN فقط
الجمعة يوليو 19, 2013 2:54 am من طرف الزعيم

انشاء منتدى مجاني
أفضل 10 أعضاء في هذا الأسبوع

سحابة الكلمات الدلالية

عمل منتدى

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

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

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

مُساهمة من طرف الزعيم في الجمعة يوليو 19, 2013 1:46 am

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

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



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

انتظروني قريبا باذن الله سوف اقوم بعمل تأثيرات مناسقه للصندوق
avatar
الزعيم
المـديـر العـــام
المـديـر العـــام

عدد المساهمات : 85
تاريخ التسجيل : 15/07/2013

معاينة صفحة البيانات الشخصي للعضو http://help1.ahlamuntada.com

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

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

مُساهمة من طرف الزعيم في الجمعة يوليو 19, 2013 1:47 am

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

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

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

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

تحياتي  لكم 
avatar
الزعيم
المـديـر العـــام
المـديـر العـــام

عدد المساهمات : 85
تاريخ التسجيل : 15/07/2013

معاينة صفحة البيانات الشخصي للعضو http://help1.ahlamuntada.com

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

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

مُساهمة من طرف الزعيم في الجمعة يوليو 19, 2013 1:48 am

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

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






تحياتي  لكم 
avatar
الزعيم
المـديـر العـــام
المـديـر العـــام

عدد المساهمات : 85
تاريخ التسجيل : 15/07/2013

معاينة صفحة البيانات الشخصي للعضو http://help1.ahlamuntada.com

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

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


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