منتديات فنون التطوير




منتديات فنون التطوير

منتدى تطويري يتيح الخدمات مجانا
 
الرئيسيةالرئيسية  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  الأعضاءالأعضاء  المجموعاتالمجموعات  التسجيلالتسجيل  دخولدخول  تسجيل الدخولتسجيل الدخول  
آخر المواضيع
الموضوع
تاريخ ارسال المشاركة
بواسطة
شركة (( أكساء )) لتقنية المعلومات لخدمات الاستضافة وحجز الدومين
ستايل تطويري تومبيلايت
تحميل ايقونات 2013 اسطوانة ايقونات اكثر من 4000 ايقونة برابط واحد
[Style] [ استايل تومبلايت متعدد الالوان 5 الوان بدون حقوق
[style][sidiamer]ستايل شبكة سيدي عامر
العرب اشقاء لتطوير المنتديات بالشكل الصحيح
من منتدى انور ابو البصل الاسلامي ضع عندي ما تشاء من مساهمات اضع عندك مقابلها في منتداك
مصادر الإبداع للتدريب
مصادر الإبداع للتدريب
نبذه عن الاستضافة المشتركة و السيرفرات الخاصة
الإثنين يناير 09, 2017 10:12 pm
الجمعة نوفمبر 06, 2015 7:28 pm
الخميس يوليو 30, 2015 2:46 am
الأحد يوليو 05, 2015 10:43 am
الأربعاء يونيو 24, 2015 8:06 am
الخميس أبريل 02, 2015 9:28 am
الأحد مارس 22, 2015 6:00 am
الخميس يناير 29, 2015 5:39 pm
الخميس يناير 29, 2015 5:39 pm
الإثنين يناير 19, 2015 4:16 am
marwan essam
Hrony
مروان الً-سيدي
mmmm
2AHMED SAME
صبر جميل
صبر جميل
al2bda3
al2bda3
marwan essam

شاطر | .
 

 حصرياً كود عارضة ازرار css من

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


Admin

معلوماتاضافية
ذكر
عدد المساهمات : 1491
تاريخ التسجيل : 30/01/2013
العمر : 23

معاينة صفحة البيانات الشخصي للعضو http://fnon7.fforum.biz
مُساهمةموضوع: حصرياً كود عارضة ازرار css من    الأحد مايو 05, 2013 2:52 am

<table style="border: 1px solid rgb(0, 114, 149);" cellspacing="0" width="100%"><tr><td style="background-image: url(http://i23.servimg.com/u/f23/14/33/99/93/1110.png); background-repeat: no-repeat;" align="left" height="100" width="152"></td><td style="background: url(http://i62.servimg.com/u/f62/09/02/12/09/repet10.png) repeat scroll 0% 0% transparent; padding-bottom: 15px;" align="left">
حصرياً كود عارضة ازرار css من
</td><td style="background-image: url(http://download.mrkzy.com/e/0611_md_13206201151.png); background-repeat: no-repeat;" align="left" width="84"></td></tr></table><table style="border-left: 1px solid rgb(0, 114, 149); border-right: 1px solid rgb(0, 114, 149); border-bottom: 1px solid rgb(0, 114, 149);" cellspacing="0" width="100%"><tr><td style="padding-left: 5px; padding-right: 5px; background-color: rgb(247, 247, 247);" align="left">
السلام عليكم ورحمة الله تعالى وبركاته

</td></tr></table>
لكن أولا مفهوم بصيط لازرار السي اس اس

اقتباس:
ازرار السي اس اس ,, هي عبارة عن ازرار .. مثلا يكون الزر في الاول لونو ابيض .. بعد مرور الماوس عليه يكون لونو ازرق مثلا !


ومعاينة توضيحية اكثر :

قبل مرور الماوس


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

بعد مرور الماوس


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

والأن وقد علمنا ما هي ازرار السي اس اس اقدم لكم الكود

أولا نبحث عن

الرمز:

<head>


ثم نضع بعد تماماً هذا

الرمز:

<style>
.top {
background-image:url('رابط خلفية العارضة');
background-repeat:repeat-x;
height:طول الخلفيةpx;
}

.menu-texe li a {
background-image:url('صور الزر قبل مرور الماوس');
color: #333333;
display: inline-block;
font-family: Tahoma,Geneva,sans-serif;
font-size: 8pt;
font-weight: bold;
height: طول الزرpx;
line-height: 32px;
margin-right: 3px;
overflow: hidden;
padding-top: 8px;
text-align: center;
text-decoration: none;
text-shadow: 0 1px 0 #ffffff;
width: 100px;
}
.menu-texe li a:hover {
background-image: url('صور الزر بعد مرور الماوس');
color: #333333;
display: inline-block;
font-family: Tahoma,Geneva,sans-serif;
font-size: 8pt;
font-weight: bold;
height:طول الزرpx;
line-height: 32px;
margin-right: 3px;
text-align: center;
text-decoration: none;
text-shadow: 0 1px 0 #ffffff;
width: 100px;
}
</style>

<div class="top">

<ul class="menu-texe">
<!-- BEGIN switch_user_logged_out -->
<li><a href="#">الرئيسية</a></li>
<li><a href="#">من نحن</a></li>
<li><a href="#">قوانين </a></li>
<li><a href="#">اتصال بنا</a></li>
<li><a href="#">تسجيل</a></li>
<li><a href="#">دخول</a></li>

<!-- END switch_user_logged_out -->

<!-- BEGIN switch_user_logged_in -->
<li><a href="#">الرئيسية</a></li>
<li><a href="#">قوانين </a></li>
<li><a href="#">رسائل</a></li>
<li><a href="#">بياناتي</a></li>
<li><a href="#">ما الجديد</a></li>

<li><a href="#">في امان الله</a></li>

<!-- END switch_user_logged_in -->
</ul>

</div>

</body>

</html>


اقتباس:
ملاحظة : يجب املاء الاشياء المطلوبة منك + ستلاحظ في اخر الكود ان من اول الرمز
<table style="table-layout:fixed;" align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td>الرمز:</td></tr><tr><td class="code">
<!-- BEGIN switch_user_logged_out --></td></tr></table>
روابط تظهر للزوار

ومن اول

<table style="table-layout:fixed;" align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td>الرمز:</td></tr><tr><td class="code">
<!-- BEGIN switch_user_logged_in --></td></tr></table>
روابط تظهر للاعضاء فقط


مع تحياتي~♥









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


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


Admin

معلوماتاضافية
عدد المساهمات : 33
تاريخ التسجيل : 08/05/2013

معاينة صفحة البيانات الشخصي للعضو
مُساهمةموضوع: رد: حصرياً كود عارضة ازرار css من    الأربعاء مايو 08, 2013 9:21 pm

بارك الله فيك على الموضوع القيم والمميز

وفي انتظار جديدك الأروع والمميز

لك مني أجمل التحيات

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



معلوماتاضافية
عدد المساهمات : 412
تاريخ التسجيل : 02/02/2013

معاينة صفحة البيانات الشخصي للعضو
مُساهمةموضوع: رد: حصرياً كود عارضة ازرار css من    الجمعة مايو 10, 2013 5:44 am

اسمح لي ابدي اعجابي بقلمك وتميزك واسلوبك الراقي وتالقك


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


رئاسة الاشراف العام

معلوماتاضافية
عدد المساهمات : 71
تاريخ التسجيل : 08/06/2013

معاينة صفحة البيانات الشخصي للعضو
مُساهمةموضوع: رد: حصرياً كود عارضة ازرار css من    الخميس يونيو 13, 2013 8:05 am

مشكوووووووور جدا علي ذلك الموضوع الجميل
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

حصرياً كود عارضة ازرار css من

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

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات فنون التطوير :: خدماتنا التطويرية :: اكواد التومبلات | Templates-