Photo by Hans M

Photo by Hans M

Photo by Hans M

Photo by Hans M

شركة فرشة ديزاين

شركة فرشة ديزاين اكبر شركة متخصصة فى كل شي,شركة,فرشة,ديزاين,دعم,تطوير,مساعدة,كود,تومبيلات,شركة فورشة ديزاين,تحميل,4,تصميم,ابداع,استايل,مدخل,العاب,برامج,افلام,انمى,وثائقى,قران,اخبار,حديث,فتاوى,محاضرات,نقاش,مطبخ,مرأة,رجل,for4a,اسلاميات,combany,for


اخر مفاجائاتي ! (تومبلايت) حصرياً : كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> Anas Cool <<<

شركة فرشة ديزاين :: سلة مهملات فور يمنى :: ارشيف الاقسام :: تطوير منتديات احلى منتدى :: اكواد التومبيلات Template
شاطر
استعرض الموضوع التالياذهب الى الأسفلاستعرض الموضوع السابق
Anas Cool
Anas Cool
الجنس الجنس : ذكر
العمر العمر : 28
المشاركات المشاركات : 77
الانتساب الانتساب : 23/05/2012

اخر مفاجائاتي ! (تومبلايت) حصرياً : كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> Anas Cool <<< Empty اخر مفاجائاتي ! (تومبلايت) حصرياً : كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> Anas Cool <<<

الجمعة مارس 29, 2013 1:31 am
اخر مفاجائاتي ! (تومبلايت) حصرياً : كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> Anas Cool <<<


السلام عليكم ورحمة الله تعالى وبركاته

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

لن اطول عليكم

لكن أولا مفهوم بصيط لازرار السي اس اس

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

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

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

اخر مفاجائاتي ! (تومبلايت) حصرياً : كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> Anas Cool <<< Oouu_o81
https://i.servimg.com/u/f75/17/99/57/94/oouu_o81.png

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

اخر مفاجائاتي ! (تومبلايت) حصرياً : كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> Anas Cool <<< Oouu_o82
https://i.servimg.com/u/f75/17/99/57/94/oouu_o82.png

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

أولا نبحث عن

الكود:
<head>

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

الكود:

/* code programed by www.4egy.net */
<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 programed by Anas Cool */

ملاحظة : يجب املاء الاشياء المطلوبة منك + ستلاحظ في اخر الكود ان من اول الرمز
الكود:
<!-- BEGIN switch_user_logged_out -->
روابط تظهر للزوار

ومن اول

الكود:
<!-- BEGIN switch_user_logged_in -->
روابط تظهر للاعضاء فقط

مع تحياتي~♥

الهدية مقدمة مني ويمنع النقل بدون ذكر المصدر

---------------------

شكراً لكم
Anas Cool
أحلى منتدى
madijudo
madijudo
الجنس الجنس : ذكر
المشاركات المشاركات : 53
الانتساب الانتساب : 17/06/2013

اخر مفاجائاتي ! (تومبلايت) حصرياً : كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> Anas Cool <<< Empty رد: اخر مفاجائاتي ! (تومبلايت) حصرياً : كيفية وضع قائمة ازرار css اعلى منتداك ,, من اكتشافي >>> Anas Cool <<<

الإثنين يونيو 17, 2013 7:53 pm
شرح متميز وكود حصري روعــــــــــــــــــــــــــــــــــــة تحياتي
استعرض الموضوع التاليالرجوع الى أعلى الصفحةاستعرض الموضوع السابق
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
©phpBB | Ahlamontada.com | منتدى مجاني للدعم و المساعدة | التبليغ عن محتوى مخالف | ملفات تعريف الارتباط التابعة لجهات خارجية | آخر المواضيع