ندعم منتديات vBulletin بتقنية Css3
A L 6 W E R

[ Css ] طريقة تغيير شكل أزرار و فراغات المنتدى بتقنية css


طريقة تغيير شكل أزرار و فراغات المنتدى بتقنية css

رقم الموضوع : 4983

اكواد منتديات vBulletin 3.x.x

 
المشاهدات 2848 الردود 9 أدوات الموضوع إبحث في الموضوع

   رقم المشاركة [ 1 ]
29-11-2011, 01:35 PM
تابعني على facebook
تابعني على twitter
تابعني على google plus
تابعني على youtube
معهد المطوّر
1
تابعني على instaram
الصورة الرمزية لـ AlM6weR
AlM6weR
غير متواجد
[ مؤسس معهد المطوّر ]
اسمي : أبومحمد , من : الرياض , أهتم بـ البرمجة - تطوير المواقع .
عضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركة
تاريخ الإنضمام07-06-2010 عدد المشاركات7,687 تقييم المستوى14435 الدولةsaudi arabia
الإعجابات التي قدمها للأعضاء 281   تم شكره 740 مرة في 563 مشاركة
افتراضي طريقة تغيير شكل أزرار و فراغات المنتدى بتقنية css



طريقة تغيير شكل أزرار و فراغات المنتدى بتقنية css

طريقة تغيير شكل أزرار و فراغات المنتدى بتقنية CSS

الطريقة تصلح لتغيير الازرار فقط أو الفراغات فقط ، حسب الرغبة
:: مثال ::

alm6wer.com

alm6wer.com

alm6wer.com

:: طريقة التركيب ::

الاستايلات والقوالب > اختر من الستايل CSS رئيسي
في الاسفل ستجد حقلين تحت تعاريف CSS الإضافية/Additional CSS
ضع الكود في المربع الثاني

لمن اراد التطبيق على الازرار فقط :

HTML & CSS

.button::-moz-focus-inner{
    
border:0;
}
.
button:focus, .button:hover{
    
outline:0;
    
border-color:#999;
    
-moz-box-shadow:0 0 3px #999;
    
-webkit-box-shadow:0 0 3px #999;
    
box-shadow:0 0 3px #999;
    
cursor:pointer;
    
cursor:hand;
}
.
button:active{
    
background-image:-moz-linear-gradient(top,#cccccc,#ffffff);
    
background-image:-webkit-gradient(linear,left top,left bottom,from(#cccccc),to(#ffffff));
    
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#cccccc,endColorStr=#ffffff);
    
-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startColorStr=#CCCCCC, endColorStr=#FFFFFF)";
}
.
button{
    
float:none;
    
outline:none!important;
    
margin:0;padding:0px 6px;
    
height:25px;background-color:#f6f6f6;
    
border:1px solid #ccc;
    
-moz-border-radius:4px;
    -
webkit-border-radius:4px;
    
border-radius:4px;
    
background-image:-moz-linear-gradient(top,#ffffff,#efefef);
    
background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#efefef));
    
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#efefef);
    
-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=#EFEFEF)";

لمن اراد التطبيق على الازرار والفراغات :

HTML & CSS

input::-moz-focus-inner{
    
border:0;
}
input:focusinput:hover{
    
outline:0;
    
border-color:#999;
    
-moz-box-shadow:0 0 3px #999;
    
-webkit-box-shadow:0 0 3px #999;
    
box-shadow:0 0 3px #999;
    
cursor:pointer;
    
cursor:hand;
}
input:active{
    
background-image:-moz-linear-gradient(top,#cccccc,#ffffff);
    
background-image:-webkit-gradient(linear,left top,left bottom,from(#cccccc),to(#ffffff));
    
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#cccccc,endColorStr=#ffffff);
    
-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startColorStr=#CCCCCC, endColorStr=#FFFFFF)";
}
input{
    
float:none;
    
outline:none!important;
    
margin:0;padding:0px 6px;
    
height:25px;background-color:#f6f6f6;
    
border:1px solid #ccc;
    
-moz-border-radius:4px;
    -
webkit-border-radius:4px;
    
border-radius:4px;
    
background-image:-moz-linear-gradient(top,#ffffff,#efefef);
    
background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#efefef));
    
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#efefef);
    
-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=#EFEFEF)";


اتمنى لكم التوفيق ..





كلمات البحث - معهد المطور ارشفة, ستايل, كود, هاك, html, css, java, BBcode, seo, php, JavaScript, Product, Style

أبوعبدالله   المعجبون بمشاركة AlM6weR


توقيعي

عَنْ جُوَيْرِيَةَ بنت الحارث، أم المؤمنين رضي الله عنها؛ أَنَّ النَّبِيَّ صلى الله عليه وسلم خَرَجَ مِنْ عِنْدِهَا بُكْرَةً، حِينَ صَلَّى الصُّبْحَ وَهِيَ فِي مَسْجِدِهَا، ثُمَّ رَجَعَ بَعْدَ أَنْ أَضْحَى، وَهِيَ جَالِسَةٌ، فَقَالَ:
((مَا زِلْتِ عَلَى الْحَالِ الَّتِي فَارَقْتُكِ عَلَيْهَا؟)) قَالَتْ: نَعَمْ، قَالَ النَّبِيُّ صلى الله عليه وسلم: ((لَقَدْ قُلْتُ بَعْدَكِ أَرْبَعَ كَلِمَاتٍ، ثَلَاثَ مَرَّاتٍ، لَوْ وُزِنَتْ بِمَا قُلْتِ مُنْذُ الْيَوْمِ لَوَزَنَتْهُنَّ:
سُبْحَانَ اللهِ وَبِحَمْدِهِ عَدَدَ خَلْقِهِ، وَرِضَا نَفْسِهِ وَزِنَةَ عَرْشِهِ، وَمِدَادَ كَلِمَاتِهِ)).

alm6wergmail.com - alm6werlive.com - alm6weryahoo.com

ندعم جميع منتديات الجيل الثالث

مواقعنا :
  1. www.6wer.net
  2. www.6wer.com
  3. www.alm6wer.com





   رقم المشاركة [ 2 ]
29-11-2011, 01:39 PM
3616
الصورة الرمزية لـ احمدمحمدحسين
احمدمحمدحسين
غير متواجد
[ مطوّر مبدع ]
اسمي : الفقير الى الله ,
عضو لدية أكثر من 200 مشاركة
تاريخ الإنضمام05-11-2011 عدد المشاركات404 تقييم المستوى434 الدولةegypt
الإعجابات التي قدمها للأعضاء 8   تم شكره 4 مرة في 4 مشاركة
افتراضي رد: طريقة تغيير شكل أزرار و فراغات المنتدى بتقنية css


بارك الله فيك ياغالي ونفعنا بعلمك




   رقم المشاركة [ 3 ]
29-11-2011, 05:30 PM
101
الصورة الرمزية لـ KingStar
KingStar
غير متواجد
[ عضو مبدع ]
اسمي : هيبـــــة ملك , من : * بيــن النجـــــــوم * , أهتم بـ القراءة .
عضو لدية أكثر من 200 مشاركة
تاريخ الإنضمام18-08-2010 عدد المشاركات354 تقييم المستوى399 الدولةsaudi arabia
الإعجابات التي قدمها للأعضاء 3   تم شكره مرة : 1 في مشاركة : 1
افتراضي رد: طريقة تغيير شكل أزرار و فراغات المنتدى بتقنية css


عجز اللسان أن يتلكم .. وعجز القلم أن يكتب
فجهودكم تبهره وعطاءكم يخجله فلم يجد ما يقول سو الدعاء لكم
فجزاك الله خير الجزاء وبارك فيكم وبكم ونفع بعملكم وعطاءكم
دمت بسعادة وفي حفظ من الرحمن ورعاية




   رقم المشاركة [ 4 ]
20-04-2013, 05:59 PM
5280
عضو معهد المطور
ندعم جميع منتديات
الجيل الثالث بتقنية CSS3
ملك الحصريات
غير متواجد
[ مطوّر مبدع ]
عضو لدية أكثر من 1500 مشاركةعضو لدية أكثر من 1500 مشاركةعضو لدية أكثر من 1500 مشاركةعضو لدية أكثر من 1500 مشاركةعضو لدية أكثر من 1500 مشاركة
تاريخ الإنضمام25-02-2013 عدد المشاركات1,544 تقييم المستوى1560 الدولةegypt
الإعجابات التي قدمها للأعضاء 193   تم شكره 3 مرة في 3 مشاركة
افتراضي رد: طريقة تغيير شكل أزرار و فراغات المنتدى بتقنية css


يعطيك العافية اختيار رائع
سلمتً آنــآملك ع روعته
دمت ب//ود




   رقم المشاركة [ 5 ]
17-08-2017, 10:35 AM
تابعني على facebook
الولايات الفلسطينية
7441
عضو معهد المطور
ندعم جميع منتديات
الجيل الثالث بتقنية CSS3
hakam
غير متواجد
[ مطوّر نشيط ]
اسمي : ابو مجاهد , من : القدس , أهتم بـ مهندس كمبيوتر .
تاريخ الإنضمام24-06-2014 عدد المشاركات98 تقييم المستوى0 الدولةpalestine
الإعجابات التي قدمها للأعضاء 2   تم شكره مرة : 1 في مشاركة : 1
افتراضي رد: طريقة تغيير شكل أزرار و فراغات المنتدى بتقنية css


تم التطبيق والنتيجه رائعه شكرأ لك والمجهودك اخي الكريم




توقيعي

مطور هو بيتي
موقعي المفضل



   رقم المشاركة [ 6 ]
17-08-2017, 10:33 PM
تابعني على facebook
تابعني على twitter
تابعني على google plus
تابعني على youtube
معهد المطوّر
1
تابعني على instaram
الصورة الرمزية لـ AlM6weR
AlM6weR
غير متواجد
[ مؤسس معهد المطوّر ]
اسمي : أبومحمد , من : الرياض , أهتم بـ البرمجة - تطوير المواقع .
عضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركة
تاريخ الإنضمام07-06-2010 عدد المشاركات7,687 تقييم المستوى14435 الدولةsaudi arabia
الإعجابات التي قدمها للأعضاء 281   تم شكره 740 مرة في 563 مشاركة
افتراضي رد: طريقة تغيير شكل أزرار و فراغات المنتدى بتقنية css


تم التطبيق والنتيجه رائعه شكرأ لك والمجهودك اخي الكريم
سعيد بتجربتك الناجحه ابومجاهد ، تحيتي،،




توقيعي

عَنْ جُوَيْرِيَةَ بنت الحارث، أم المؤمنين رضي الله عنها؛ أَنَّ النَّبِيَّ صلى الله عليه وسلم خَرَجَ مِنْ عِنْدِهَا بُكْرَةً، حِينَ صَلَّى الصُّبْحَ وَهِيَ فِي مَسْجِدِهَا، ثُمَّ رَجَعَ بَعْدَ أَنْ أَضْحَى، وَهِيَ جَالِسَةٌ، فَقَالَ:
((مَا زِلْتِ عَلَى الْحَالِ الَّتِي فَارَقْتُكِ عَلَيْهَا؟)) قَالَتْ: نَعَمْ، قَالَ النَّبِيُّ صلى الله عليه وسلم: ((لَقَدْ قُلْتُ بَعْدَكِ أَرْبَعَ كَلِمَاتٍ، ثَلَاثَ مَرَّاتٍ، لَوْ وُزِنَتْ بِمَا قُلْتِ مُنْذُ الْيَوْمِ لَوَزَنَتْهُنَّ:
سُبْحَانَ اللهِ وَبِحَمْدِهِ عَدَدَ خَلْقِهِ، وَرِضَا نَفْسِهِ وَزِنَةَ عَرْشِهِ، وَمِدَادَ كَلِمَاتِهِ)).

alm6wergmail.com - alm6werlive.com - alm6weryahoo.com

ندعم جميع منتديات الجيل الثالث

مواقعنا :
  1. www.6wer.net
  2. www.6wer.com
  3. www.alm6wer.com




   رقم المشاركة [ 7 ]
18-08-2017, 07:11 PM
شبكة أحداق الأدبية
9836
الصورة الرمزية لـ مؤيد العبدالله
مؤيد العبدالله
غير متواجد
[ مُطوِّر مشارك ]
تاريخ الإنضمام18-08-2017 عدد المشاركات21 تقييم المستوى0
 
افتراضي رد: طريقة تغيير شكل أزرار و فراغات المنتدى بتقنية css


بارك الله في جهودكم الكبيرة والمتواصلة




   رقم المشاركة [ 8 ]
18-08-2017, 10:44 PM
تابعني على facebook
تابعني على twitter
تابعني على google plus
تابعني على youtube
معهد المطوّر
1
تابعني على instaram
الصورة الرمزية لـ AlM6weR
AlM6weR
غير متواجد
[ مؤسس معهد المطوّر ]
اسمي : أبومحمد , من : الرياض , أهتم بـ البرمجة - تطوير المواقع .
عضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركةعضو لدية أكثر من 6000 مشاركة
تاريخ الإنضمام07-06-2010 عدد المشاركات7,687 تقييم المستوى14435 الدولةsaudi arabia
الإعجابات التي قدمها للأعضاء 281   تم شكره 740 مرة في 563 مشاركة
افتراضي رد: طريقة تغيير شكل أزرار و فراغات المنتدى بتقنية css


بارك الله في جهودكم الكبيرة والمتواصلة
اهلا وسهلا بحضورك اخي مؤيد




توقيعي

عَنْ جُوَيْرِيَةَ بنت الحارث، أم المؤمنين رضي الله عنها؛ أَنَّ النَّبِيَّ صلى الله عليه وسلم خَرَجَ مِنْ عِنْدِهَا بُكْرَةً، حِينَ صَلَّى الصُّبْحَ وَهِيَ فِي مَسْجِدِهَا، ثُمَّ رَجَعَ بَعْدَ أَنْ أَضْحَى، وَهِيَ جَالِسَةٌ، فَقَالَ:
((مَا زِلْتِ عَلَى الْحَالِ الَّتِي فَارَقْتُكِ عَلَيْهَا؟)) قَالَتْ: نَعَمْ، قَالَ النَّبِيُّ صلى الله عليه وسلم: ((لَقَدْ قُلْتُ بَعْدَكِ أَرْبَعَ كَلِمَاتٍ، ثَلَاثَ مَرَّاتٍ، لَوْ وُزِنَتْ بِمَا قُلْتِ مُنْذُ الْيَوْمِ لَوَزَنَتْهُنَّ:
سُبْحَانَ اللهِ وَبِحَمْدِهِ عَدَدَ خَلْقِهِ، وَرِضَا نَفْسِهِ وَزِنَةَ عَرْشِهِ، وَمِدَادَ كَلِمَاتِهِ)).

alm6wergmail.com - alm6werlive.com - alm6weryahoo.com

ندعم جميع منتديات الجيل الثالث

مواقعنا :
  1. www.6wer.net
  2. www.6wer.com
  3. www.alm6wer.com




   رقم المشاركة [ 9 ]
19-08-2017, 12:02 AM
9923
عضو معهد المطور
ندعم جميع منتديات
الجيل الثالث بتقنية CSS3
abobassam
غير متواجد
[ عضو مبتدئ ]
تاريخ الإنضمام18-08-2017 عدد المشاركات3 تقييم المستوى0
 
افتراضي رد: طريقة تغيير شكل أزرار و فراغات المنتدى بتقنية css


شكرا جزيلااااااااااااااااا




   رقم المشاركة [ 10 ]
10-01-2018, 04:17 AM
8354
عضو معهد المطور
ندعم جميع منتديات
الجيل الثالث بتقنية CSS3
ابومريم سات
متواجد
[ عضو مبتدئ ]
تاريخ الإنضمام28-02-2017 عدد المشاركات8 تقييم المستوى0
 
افتراضي رد: طريقة تغيير شكل أزرار و فراغات المنتدى بتقنية css


موضووووووووووع جااااااااااااامد تسلم ايدك
تحياتى لك ومنتظرين مزيد من هذه المواضيع المميزه
دمت بكل ود




 

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
أزرار, المنتدى, بتقنية, تغيير, فراغات, طريقة

أدوات الموضوع إبحث في الموضوع
إبحث في الموضوع:

البحث المتقدم

الانتقال السريع

المواضيع المتشابهه للموضوع: طريقة تغيير شكل أزرار و فراغات المنتدى بتقنية css
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[ شرح ] طريقة تغيير لون الاعلان في المنتدى AlM6weR تطوير منتديات vBulletin 3.x.x 2 09-06-2013 11:23 AM
[ Css ] طريقة تغيير شكل حقول الإدخال في المنتدى AlM6weR اكواد منتديات vBulletin 3.x.x 4 09-06-2013 11:17 AM
[ طلب ] طريقة تغيير موقع أسم العضو في واجهة المنتدى ... sociolog طلبات و مشاكل منتديات vBulletin 3.x.x 7 28-11-2011 08:01 PM
[ طلب ] ارجو شرح طريقة تغيير رابط في المنتدى sociolog طلبات و مشاكل منتديات vBulletin 3.x.x 6 12-09-2011 01:00 AM
[ طلب ] طريقة تغيير ترتيب البنرات الإعلانية في وجهة المنتدى sociolog طلبات و مشاكل منتديات vBulletin 3.x.x 3 07-08-2011 10:24 PM


الساعة الآن 08:23 AM

توافق أكواد المعهد

تم التحقق بنجاح هذا الموقع من أخطاء XHTML  Valid XHTML 1.0 Transitional

تم التحقق بنجاح هذا الموقع من أخطاء CSS3  Valid CSS!

ترتيب الكسا alexa

من نحن

معهد المطور
موقع يهتم بتطوير المواقع والمنتديات وتحسين بيئة عمل المواقع العربية

أهدافنا

نسعى جاهدين لرقي المواقع العربية وتحسين بيئتها من خلال مناقشة كل ما يخص التطوير بوجه عام

خدماتنا

نمد يد العون لجميع اصحاب المواقع ، ونجيب عن جميع استفساراتهم قدر الامكان
كما نتطلع دائما لطرح الجديد والمفيد لهم

الدعم الفني المدفوع

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

مواقع صديقة

تجربتي

لماذا هذه المواقع ؟

هذا المساحة خصصت لإعضاء معهد المطور الذين يملكون مواقع مفيدة ، وحيث ترى إدارة معهد المطور ان هذه المواقع لها العديد من المواضيع المفيدة و القيمة التي تستحق الاشاده بها

الحقوق

Powered by vBulletin@Version 3.8.7 .Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.
المشاركات والمواضيع تعبر عن رأي كاتبها وليس بالضرورة رأي المطوّر
وجميع الحقوق محفوظة لاصحابها

تاريخ انشاء الموقع

08-06-2010

4 6 7 10 11 12 13 15 16 17 18 19 20 21 26 28 33 38 54 56 59 60 69 74 75 76 77 85 86 87 96 97 104 105 119 121 122 130 131 133