بالنسبة لردك هنا
https://www.pubarab.com/t337546-topic
طيب سأضع المعاينة للكود
لكن ياريت لو يكون عندي صلاحيات اعدل مواضيعي !
https://www.pubarab.com/t337546-topic
طيب سأضع المعاينة للكود
لكن ياريت لو يكون عندي صلاحيات اعدل مواضيعي !
إلى AmEeR AlSaiDiالثلاثاء 26 مارس 2013 - 21:17رد: إلى AmEeR AlSaiDiالثلاثاء 26 مارس 2013 - 21:56رد: إلى AmEeR AlSaiDiالثلاثاء 26 مارس 2013 - 22:17رد: إلى AmEeR AlSaiDiالثلاثاء 26 مارس 2013 - 22:21
رد: إلى AmEeR AlSaiDiالثلاثاء 26 مارس 2013 - 22:26رد: إلى AmEeR AlSaiDiالثلاثاء 26 مارس 2013 - 22:33رد: إلى AmEeR AlSaiDiالثلاثاء 26 مارس 2013 - 22:38رد: إلى AmEeR AlSaiDiالثلاثاء 26 مارس 2013 - 22:39الكود:
[table style="padding: 2px; -moz-border-radius: 10px; -webkit-border-radius: 10px;" class="forabg" width="100%" cellpadding="0" cellspacing="1"][tr align="center"][td style="padding-bottom: 3px" class="table-title"][b][/b][/td][/tr][tr align="center"][td style="padding: 5px; -moz-border-radius: 10px" class="row1" width="100%"][table style="border: 1px solid rgb(0, 114, 149);" width="100%" cellspacing="0"][tr][td style="background-image: url(http://i23.servimg.com/u/f23/14/33/99/93/1110.png); background-repeat: no-repeat;" width="152" height="100"][/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;"][center][font=Times New Roman][color=#1675bc][b]حصرياً كود عارضة ازرار css من AsHeK IbDa3[/b][/color][/font][/center]
[/td][td style="background-image: url(http://download.mrkzy.com/e/0611_md_13206201151.png); background-repeat: no-repeat;" 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);" width="100%" cellspacing="0"][tr][td style="padding-left: 5px; padding-right: 5px; background-color: rgb(247, 247, 247);"]
[color=darkred]السلام عليكم ورحمة الله تعالى وبركاته[/color]
[color=green]
حصرياً اعزائي[/color][color=red] فقط [/color][color=green]على[/color] [color=olive]منتديات فريق[/color] [color=green]التطوير[/color] [color=darkred].. اقدم لكم كود وضع عارضة ازرار css اعلى منتداك[/color]
[color=brown]لن اطول عليكم[/color]
[color=red]لكن أولا مفهوم بصيط لازرار السي اس اس[/color]
[quote]ازرار السي اس اس ,, هي عبارة عن ازرار .. مثلا يكون الزر في الاول لونو ابيض .. بعد مرور الماوس عليه يكون لونو ازرق مثلا !
[/quote]
[color=green]ومعاينة توضيحية اكثر :[/color]
[color=red]قبل مرور الماوس[/color]
[img]http://i75.servimg.com/u/f75/17/99/57/94/oouu_o81.png[/img]
http://i75.servimg.com/u/f75/17/99/57/94/oouu_o81.png
[color=green]بعد مرور الماوس[/color]
[img]http://i75.servimg.com/u/f75/17/99/57/94/oouu_o82.png[/img]
http://i75.servimg.com/u/f75/17/99/57/94/oouu_o82.png
[color=green]والأن وقد علمنا ما هي ازرار السي اس اس اقدم لكم الكود[/color]
[color=green]أولا نبحث عن [/color]
[code]<head>[/code]
[color=olive]ثم نضع بعد تماماً هذا [/color]
[code]<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>
[/code]
[color=red]
[quote]ملاحظة : يجب املاء الاشياء المطلوبة منك + ستلاحظ في اخر الكود ان من اول الرمز
[code]<!-- BEGIN switch_user_logged_out -->[/code]
روابط تظهر للزوار
ومن اول
[code]<!-- BEGIN switch_user_logged_in -->[/code]
روابط تظهر للاعضاء فقط[/color][/quote]
[color=red]مع تحياتي~♥[/color]
[color=green]الهدية مقدمة مني و[color=red]يمنع[/color] النقل بدون ذكر المصدر[/color]
[color=red]---------------------[/color]
[b][color=darkblue]شكراً لكم[/color]
[/b][url=http://www.alaaw.com/u1882][color=#FA6019][b]AsHeK IbDa3[/b][/color][/url][b]
[color=#00A5CD]أحلى [/color][color=#7CBA2C]منتدى[/color][/b]
[/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); table-layout: fixed; width: 100%;" cellspacing="0"][tr][td style="text-align: justify; background: none repeat scroll 0% 0% rgb(247, 247, 247); padding-left: 5px;"][/td][/tr][/table][/td][/tr][/table]
رد: إلى AmEeR AlSaiDiالثلاثاء 26 مارس 2013 - 22:52رد: إلى AmEeR AlSaiDiالأربعاء 27 مارس 2013 - 17:51رد: إلى AmEeR AlSaiDiالأربعاء 27 مارس 2013 - 18:44رد: إلى AmEeR AlSaiDiالأربعاء 27 مارس 2013 - 20:26رد: إلى AmEeR AlSaiDiالأربعاء 27 مارس 2013 - 23:12رد: إلى AmEeR AlSaiDiالأربعاء 27 مارس 2013 - 23:14رد: إلى AmEeR AlSaiDiالأربعاء 27 مارس 2013 - 23:23
جميع الحقوق محفوظة لدليل الاشهار العربي
