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




شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي
avatar
Admin
ذكر عدد المساهمات : 1491
تاريخ التسجيل : 30/01/2013
العمر : 23
معاينة صفحة البيانات الشخصي للعضوhttp://fnon7.fforum.biz

default حصرياً كود عارضة ازرار 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]
avatar
Admin
عدد المساهمات : 33
تاريخ التسجيل : 08/05/2013
معاينة صفحة البيانات الشخصي للعضو

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

في الأربعاء مايو 08, 2013 9:21 pm
بارك الله فيك على الموضوع القيم والمميز

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

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

وكل التوفيق لك يا رب
avatar
عدد المساهمات : 412
تاريخ التسجيل : 02/02/2013
معاينة صفحة البيانات الشخصي للعضو

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

في الجمعة مايو 10, 2013 5:44 am
اسمح لي ابدي اعجابي بقلمك وتميزك واسلوبك الراقي وتالقك


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
avatar
رئاسة الاشراف العام
عدد المساهمات : 71
تاريخ التسجيل : 08/06/2013
معاينة صفحة البيانات الشخصي للعضو

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

في الخميس يونيو 13, 2013 8:05 am
مشكوووووووور جدا علي ذلك الموضوع الجميل
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى