شركة عرب تطوير
بسم الله الرحمن الرحيم
السلام عليكم ورحمه الله وبركاته
اهلا وسهلا بك "زائر" شركه عرب للتطوير
نورت الشركة ....ونتمني المشاركة وافادة الجميع
الشركة تتيح لكم جميعا طلب اى شئ لموقعكم ...او معلومات
تتيح لكم انشاء موقع تواصل اجتماعي .....دردشه كتابيه.....دردشه صوتيه



 
الرئيسيةالرئيسية  اليوميةاليومية  مكتبة الصورمكتبة الصور  س .و .جس .و .ج  بحـثبحـث  الأعضاءالأعضاء  المجموعاتالمجموعات  التسجيلالتسجيل  المصحف الكريم  دخولدخول  

أهلا و سهلا بكم يا أعضاءنا الكرام و يا زوارنا الأعزاء .. أتمني منكم التفاعل و النشاط الكبير في المنتدي .. و أتمني أن تكون قد نالت إعجابكم التجديدات الكتييرة و الكبيرة في المنتدي ..و التي تعبت فيها كثثيراآ مع حبي و تحياتي : وردة الوطن يوجد كل ما هو جديد على منتدانا

تسجيــل الدخول التعليمات قوانين المنتدى التسجيــل دردشه المنتدى استعادة كلمة المرور مركز رفع الصور اتصل بنا
ترحيب اهلا وسهلا بـكـ :زائر, لديك: { 29 } مساهمة .
آخر زيارة لك كانت آخر زيارة لك كانت: , تسجيل خروج
الرسائل الخآآصة
الصفحة الرئيسية المشاركات الجديدة قائمة الاعضاء البحـث في المنتدى البيانات الشخصية استعراض مشاركاتي
المواضيع الأخيرة
» فنان الراي منعيم المغربي ضيفا بإذاعة Radio plus
من طرف alkdoured الإثنين مارس 27, 2017 5:45 pm

» منتدى انور ابو البصل الاسلامي يتشرف بزيارتكم والانتساب اليه
من طرف صبر جميل الأربعاء يونيو 17, 2015 3:32 am

» مدرسه الزنكلون الصناعيه المشتركة
من طرف زائر الثلاثاء نوفمبر 25, 2014 3:56 pm

» حمله امسك متحرش بمحافظة الشرقية
من طرف admin السبت يونيو 07, 2014 9:46 am

» تشطيب الشقق و تشطيب الفلل و عمل الديكورات بالتقسيط finishing and decoration
من طرف زائر الإثنين مايو 19, 2014 2:31 pm

» اعلانات وتسويق الكتروني متخصص لكل المجالات
من طرف زائر الإثنين مايو 19, 2014 2:27 pm

» كود html مركز رفع الصور خاص بمنتداك بحلته الجديدة لأحلى منتدى
من طرف ابن فلسطين الخميس أبريل 03, 2014 6:33 pm

» صور شباب مصري|شباب مصر|صور احلي شباب
من طرف admin الخميس مارس 13, 2014 7:54 am

» اسهل وافضل طريقه زياده عدد المعجبين على الفيسبوك وتويتر و زياده زوار موقعك
من طرف زائر الخميس فبراير 20, 2014 8:49 pm

» فتح باب التطوع لجريدة انا مصري
من طرف admin الثلاثاء فبراير 11, 2014 8:57 am


شاطر | 
 

 (تومبلايت) حصرياً : كيفية وضع قائمة ازرار css اعلى منتداك

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

عدد المساهمات : 259
نقاط : 2288
تاريخ التسجيل : 17/02/2013

مُساهمةموضوع: (تومبلايت) حصرياً : كيفية وضع قائمة ازرار css اعلى منتداك   الجمعة أبريل 05, 2013 8:52 am

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

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

لن اطول عليكم

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

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


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

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


http://i75.servimg.com/u/f75/17/99/57/94/oouu_o81.png

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


http://i75.servimg.com/u/f75/17/99/57/94/oouu_o82.png

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

أولا نبحث عن

الرمز:
<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>


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

روابط تظهر للزوار

ومن اول

الرمز:
<!-- BEGIN switch_user_logged_in -->

روابط تظهر للاعضاء فقط


مع تحياتي~♥

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

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

شكراً لكم
AsHeK IbDa3
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://arb-tatwer.phyforum.com
هبة الرحمان



عدد المساهمات : 119
نقاط : 1952
تاريخ التسجيل : 17/02/2013
العمر : 17
الموقع : مصر
المزاج : رايقة

مُساهمةموضوع: رد: (تومبلايت) حصرياً : كيفية وضع قائمة ازرار css اعلى منتداك   الجمعة أبريل 05, 2013 12:09 pm

جزاك الله خيرا
شرح وافي ورائع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
admin
Admin
avatar

عدد المساهمات : 259
نقاط : 2288
تاريخ التسجيل : 17/02/2013

مُساهمةموضوع: رد: (تومبلايت) حصرياً : كيفية وضع قائمة ازرار css اعلى منتداك   الأربعاء أبريل 10, 2013 9:17 pm

شكرا لمروركـ
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://arb-tatwer.phyforum.com
amar_syria



عدد المساهمات : 40
نقاط : 1776
تاريخ التسجيل : 18/03/2013
العمر : 16
المزاج : رياضي

مُساهمةموضوع: رد: (تومبلايت) حصرياً : كيفية وضع قائمة ازرار css اعلى منتداك   السبت أبريل 13, 2013 10:05 am

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

avatar

عدد المساهمات : 116
نقاط : 1710
تاريخ التسجيل : 03/08/2013
العمر : 37
الموقع : منتديات ميدو
المزاج : حزين

مُساهمةموضوع: رد: (تومبلايت) حصرياً : كيفية وضع قائمة ازرار css اعلى منتداك   السبت أغسطس 03, 2013 10:26 am

طرح موفق شكراً لك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://medo.glaxu.org/vb/
 
(تومبلايت) حصرياً : كيفية وضع قائمة ازرار css اعلى منتداك
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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