منتديات فنون التطوير
حصرياً كود عارضة ازرار css من FRv91



انضم إلى المنتدى ، فالأمر سريع وسهل

منتديات فنون التطوير
حصرياً كود عارضة ازرار css من FRv91


منتديات فنون التطوير
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

منتدى تطويري يتيح الخدمات مجانا


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

4 مشترك
منتديات فنون التطوير :: خدماتنا التطويرية :: اكواد التومبلات | Templates
اذهب الى الأسفل
(علي الرسام)
(علي الرسام)
Admin
ذكر عدد المساهمات : 1491
تاريخ التسجيل : 30/01/2013
العمر : 30
https://fnon7.yoo7.com
+

حصرياً كود عارضة ازرار css من Empty حصرياً كود عارضة ازرار 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(https://i.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(https://i.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>
لكن أولا مفهوم بصيط لازرار السي اس اس

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


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

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

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

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

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

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

أولا نبحث عن

الرمز:

<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>
روابط تظهر للاعضاء فقط


مع تحياتي~♥
قاهر التطوير
قاهر التطوير
Admin
عدد المساهمات : 33
تاريخ التسجيل : 08/05/2013
+

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

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

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

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

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

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

الجمعة مايو 10, 2013 5:44 am
اسمح لي ابدي اعجابي بقلمك وتميزك واسلوبك الراقي وتالقك
moslimmasri
moslimmasri
رئاسة الاشراف العام
عدد المساهمات : 71
تاريخ التسجيل : 08/06/2013
+

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

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