منتدى فضائى : اصلاح وصيانة الريسيفرات والاجهزه الكهربائيه وتحديد اتجاه الاقمار الصناعيه واقوى السيرفرات المجانيه والمدفوعه لفتح القنوات المشفرة واحدث البرامج الخاص بالكمبيوتر  

الرئيسيةبحـثاليوميةس .و .جالتسجيلدخول



شاطر | 

 

  كود CSS لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
معلومات العضـو
محمد صبحي
المديرالعام
avatar
رقم العضوية : 1
تاريخ التسجيل : 17/05/2016
المشاركات : 446
الدولة : مصر
#1مُساهمةموضوع: كود CSS لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ   الأربعاء أكتوبر 25, 2017 11:58 pm

اقدم لكم كود اكثر من رائع لوضع ازرار المنتدى بشكل انيق ورائع لجميع النسخ

صورة للكود الشكل الاول


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الشكل الثاني منحني

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

طريقة التركيب بسم الله فل نبدا


اولا اذهب الى لوحة التحكم
لوحة التحكم +مظهر المنتدى +الصفحة الرئيسية + الصفحة الرئيسية و ازرار التصفُّح
وبحث عن خيار /  اظهار الصور فقط في عارضة أزرار التصفح : نعم
كما في الصورة التالية


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


ثانياااا نذهب الى  ادارة الصور
لوحة التحكم + مظهر المنتدى + ادارة الصور + عام /تحكم
ثم ركب الصور التالية كل في مكانة المخصص
كما في الصورة التالية



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]




صورة الــــــــزرالرابــــــــــــــــــــــــــــــــــــــــــــــــط
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]الكود: 
الكود:
http://hitsk.in/t/21/19/57/i_icon_mini_index.png
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]الكود: 
الكود:
http://i97.servimg.com/u/f97/19/34/83/47/0210.png
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]الكود: 
الكود:
http://hitsk.in/t/21/19/57/i_icon_mini_gallery.png
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]الكود: -
الكود:
http://hitsk.in/t/21/19/57/i_icon_mini_portal.png
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]الكود: -
الكود:
http://hitsk.in/t/21/19/57/i_icon_mini_faq.png
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]الكود: 
الكود:
http://hitsk.in/t/21/19/57/i_icon_mini_search.png
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]الكود:
الكود:
http://hitsk.in/t/21/19/57/i_icon_mini_members.png
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]الكود: 
الكود:
http://hitsk.in/t/21/19/57/i_icon_mini_groups.png
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]الكود:
الكود:
http://hitsk.in/t/21/19/57/i_icon_mini_profile.png
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]الكود: 
الكود:
http://i97.servimg.com/u/f97/19/34/83/47/0110.png
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]الكود: 
الكود:
http://hitsk.in/t/21/19/57/i_icon_mini_new_message.png
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]الكود: 
الكود:
http://hitsk.in/t/21/19/57/i_icon_mini_register.png
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]الكود: 
الكود:
http://hitsk.in/t/21/19/57/i_icon_mini_login.png
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]الكود: 
الكود:
http://hitsk.in/t/21/19/57/i_icon_mini_logout.png
الخطوة الثالثة والاخيرة
اذهب الى ورقة scc
لوحة التحكم +مظهر المنتدى + الوان + ورقة scc
ثم اضف واحد من الاكواد التالية

الشكل الاول

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الكود: -
الكود:
/***كود scc لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ**/
.mainmenu {
   margin: 7px 0 0 0;
  }
.mainmenu {
   float:right;
   margin: 0 0 0 7px;
  }
.mainmenu {
   margin: 0;
  }

.mainmenu:hover {
  background: #428CCB;
  color: #ccc;
  }

.mainmenu {
   display:inline;
    background: #81B6BB url("http://i97.servimg.com/u/f97/19/34/83/47/3310.jpg") repeat scroll 0 0;
    width:80px;
    height:35px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    color: #ffffff;
    font: bold 11px tahoma,verdana,geneva,lucida,"lucida grande",arial,helvetica,sans-serif;
    padding: 3px 6px;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    border: 1px solid #000;
    font-size: 100%;
    padding: 0.2em 0.5em;
    text-align: center;
    border : 1px dotted #F6FF00;
    border-top: medium solid #F6FF00;
    border-bottom: medium solid #F6FF00;
    padding: 2px; margin: 2px;
    }
/*-----نهايــــــة كود الازرار-----*/





الشكل الثاني منحني

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الكود: 
الكود:
/***كود scc لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ**/
.mainmenu {
   margin: 7px 0 0 0;
  }
.mainmenu {
   float:right;
   margin: 0 0 0 7px;
  }
.mainmenu {
   margin: 0;
  }

.mainmenu:hover {
  background: #428CCB;
  color: #ccc;
  }

.mainmenu {
    display:inline;
    background: #428CCB url("http://i97.servimg.com/u/f97/19/34/83/47/3310.jpg") repeat scroll 0 0;
    width:80px;
    height:35px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    color: #ffffff;
    font: bold 11px tahoma,verdana,geneva,lucida,"lucida grande",arial,helvetica,sans-serif;
    padding: 2px;
    text-align: center;
    white-space: nowrap;
    border: 1px solid #000;
    font-size: 100%;
    padding: 0.2em 0.5em;
    text-align: center;
    border : 1px dotted #F6FF00;
    border-top: medium solid #F6FF00;
    border-bottom: medium solid #F6FF00;
    padding: 2px; margin: 2px;
    }
/*-----نهايــــــة كود الازرار-----*/

تم الشرح واتمنا ان ينال رضاكم

اخيرااا لتعديل على الكود ليتناسب مع استايل منتداك اتبع التالي
لتغير صورة خلفية الزر ابحث في الكود عن هذا الرابط وستبدلة برابط الصورة المناسبة لك
الكود:
الكود:
http://i97.servimg.com/u/f97/19/34/83/47/3310.jpg

لتغير لون حواف الزر ابحث عن الكود التالي وستبدل اكواد الالوان بما يناسبك تجدة في اخر الكود
الكود: -
الكود:
  border : 1px dotted #F6FF00;
    border-top: medium solid #F6FF00;
    border-bottom: medium solid #F6FF00;


لتغير لون الزر عند وضع موشر الفارة ابحث عن الكود التالي وستبدل كود الون بما يناسبك
الكود: -
الكود:
.mainmenu:hover {
  background: #428CCB;
  color: #ccc;
  }
هذا والله الموفق وبتوفيق لكم

الرابط   [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
* توقــــــيع العضــو = محمد صبحي*




[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود CSS لوضع ازرار المنتدى بشكل انيق ورائع وبي اي خلفية ولون تريد لجميع النسخ
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
المصراويه  :: منتديات الدعم والمساعدة :: اكواد وقوالب التومبيلات وتقنيات اخرى :: الأكواد الإنسيابية CSS-
انتقل الى:  
* * * ( ا لــمــصـــر ا و يــــــــــه ) * * *
اخـرالمواضيــع ريسيفر رويال 777 الاسود الصينى لمبة حمراء الأربعاء نوفمبر 29, 2017 4:13 pm من طرف محمد صبحي strong hd 4992 super الازرق الثلاثاء نوفمبر 28, 2017 12:11 am من طرف محمد صبحي ملف قنوات ريسيفر سترونج-4992-سوبر-hd-mini بتاريخ 30-10-2017 الإثنين نوفمبر 27, 2017 10:12 pm من طرف محمد صبحي اليكم احدث ملف قنوات نايل سات انجليزي ستارسات 2060hd بتاريخ اليوم 2017/8/1 الإثنين نوفمبر 27, 2017 8:04 pm من طرف محمد صبحي افتراضي ملف عربي بتاريخ 25 /11/ 2017 لاجهزة برفكس (8000h1 الابيض والاسمر و A1 و V1 و 7400H الاسود و 8000H و8400H) معالج 6605 والدفعه الجديده V2 معالج 6605S الإثنين نوفمبر 27, 2017 7:46 pm من طرف محمد صبحي ملف قنوات كامكس 7700 شبيه الاسترونج ب زى الوان 3/10/2017 الإثنين نوفمبر 27, 2017 2:09 am من طرف محمد صبحي كود Css خلفيه لاعلانات التي يتم وضعها من خلال التشكيلات العامة من صنعى للنسخه phpBB2 السبت نوفمبر 25, 2017 12:05 am من طرف محمد صبحي كود وضع اطار وخلفية للعناصر المستقلة على الرئيسية مثل منتدى الدعم الجمعة نوفمبر 24, 2017 11:58 pm من طرف محمد صبحي كيفية وضع عناصر البوابة على الرئيسية الجمعة نوفمبر 24, 2017 11:50 pm من طرف محمد صبحي نافذة الدخول السريع المستقلة الجمعة نوفمبر 24, 2017 11:10 pm من طرف محمد صبحي
أختر لغة المنتدى من هنا
الساعة الآن

..........................................................................................................

Powered by vBulletin Forums ahlamontada
(
Copyright ©2000 - 2017, vBulletin phpBB2 subsilver)
*جميع الحقوق محفوظة لـ منتدى المصراوية
Forums ahlamontada ® / (حقوق الطبع والنشر©2017 - 2000)