تغيير شكل جميع ازرار المنتدى لاي لون او شكل تريده لكافة اصدارات المنتديات !

بسم الله الرحمن الرحيم

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


درس بسيط وخفيف والشكر موصول للاخ باسل لمساعدته لي :sm179:

هذا الشرح مقدم من :: محد مهتم :: / شبكة منتديات تبوكيات


فايدة هالدرس تغيير شكل الازرار من الشكل العادي لاي شكل او لون تريده

اللي بالدرس بيكون كيف تخليها لون فقط لكن بنهايه الدرس بشرح كيف تسوي تدرج على الزر ...




الشكل الاعتيادي للزر كان كذا :


https://mwadah.com/images/imgcache/2008/10/1052.gif


وصار كذا :


https://mwadah.com/images/imgcache/2008/10/1053.gif


مثال طبيعي :

http://www.tabukiat.com/vb/t2519.html#post22666

(صندوق التحرير اخر شي)




طريقه العمل :


من خيارات الاستايل >> CSS رئيسي >> Buttons/الازرار


نسوي الاعدادات كالتالي :

https://mwadah.com/images/imgcache/2008/10/638.gif

اللون الاحمر هو لون الزر .. تستطيع وضع اللون الذي تريده
اللون الابيض هو لون الخط داخل الزر
الحجم ونوع الخط هذه خصائص الخط داخل الزر

خواص CSS الاضافيه : وضعت فيها خصائص الحد الخارجي للزر

فقط ضع هذا الكود وبدل كود اللون للذي تريده في خانه خواص CSS الاضافيه

كود PHP:

---

 border: 1px solid #0F0606 


---

* * *


اذا اردت ان تضع صوره بدل اللون مثل هذا الشكل :

https://mwadah.com/images/imgcache/2008/10/1054.gif

مثال طبيعي على التدرج يوجد هنا :


http://www.tabukiat.com/vb/t2519.html#post22666

تستطيع فعل ذلك باتباع التالي :

بدل وضع كود اللون بالشكل التالي :

كود PHP:

---

#800303 


---

ضع كود اللون بعده فراغ بعده كود مسار الصوره ليصبح الكود كامل بهذا الشكل :

كود PHP:

---

#800303 url(images/gradients/buttons.gif) repeat-x top left 


---

طبعا تعدل المسار لمسار الصوره عندك




اللي يبي نفس التدرج اللي عندي ارفع هذي الصوره لموقعك واستخدمها

https://mwadah.com/images/imgcache/2008/10/1055.gif



بالنهايه كل اللي اتمناه كالعاده دعوه صادقه من ظهر قلب

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .


درس رائع يا غالي ،،

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية

رائــــــــــــــــــــــ ـــــــــع

وشـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

شـكــ وبارك الله فيك ـــرا لك

جزاك الله خير ,,شكرولك مني اجمل

الله يعطيكم العافيه على تواجدكمكل الشكر ,

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

وشـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

جزاك الله خيرا
مشكور اخى على هذا الدرس

مشكور أخوي و جزاكـ الله كل خـ ي ـر

العفو وشاكر تواجدكم ...

الله يطول بعمرك ويعطيك على قد نيتك واكثر ..

وبارك الله فيج وجزاك الله خير الجزاك ..

وعساك ذخر يالغالي ..

تقبل مروري وتقديري لشخصك الكريم .. :mwalat23:

[align=center]جزاك الله خيرا على الدرس والإفادة الرائعة[/align]

درس مهم تشكر عليه

سلمت يداااك

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

الله يستر عليك

افدتنا والله

شكراااااااااا وبارك الله فيك

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

رائع كروعتك

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

يعطيك العافية مشكووووووور

جزاك الله خير ,,شكرولك مني اجمل

الله يعطيك العافيه


لكم كل الشكر على تواجدكم وتعليقاتكم :)



احترامي,

جزاك الله كل خير

مشكور على الشرح

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

الف شكر لك اخي العزيز

السلام عليكم

أخي الكريم أنا اللي عندي مثل هذي الصوره

https://mwadah.com/images/imgcache/2008/10/636.gif


فمن أين أذهب لكي أحصل على الذي في هذه الصوره التي تفضلت بها

اقتباس:

---

من خيارات الاستايل >> CSS رئيسي >> Buttons/الازرار


نسوي الاعدادات كالتالي :

https://mwadah.com/images/imgcache/2008/10/637.gifنقره على هذا الشريط لتصغير الصورةhttps://mwadah.com/images/imgcache/2008/10/638.gif

---

أرجو إفادتي

وألف شكراً على الموضوع الجميل

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

شكرا على الموضوع

جزاك الله كل خير

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

شـكــ وبارك الله فيك ـــرا لك ..

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

https://mwadah.com/images/imgcache/2016/05/3.gif

https://mwadah.com/images/imgcache/2013/12/1.gif