شركة فور يمنى


الرئيسيةصن سيتبحـثالتسجيلدخول


 


 
 
تجديدات موقع صن سيت الاخيرة نحن نتميز عن المواقع الاخري اضغط هنا
◄◄ صن سيت►► يحتفل بمرور 6 أعوام للمزيد إضغط هنا
اعلان : مطلوب مشرفين على أقسام الموقع إضغط هنا
جديد من صن سيت : جرب صن سيت ماسينجر للهواتف الذكية اضغط هنا
!~ آخـر 10 مواضيع ~!
شارك اصدقائك شارك اصدقائك اقصر وابلغ رسالة فى التاريخ
شارك اصدقائك شارك اصدقائك قالب انبوكس بودي بشكل حصري وفريد2017
شارك اصدقائك شارك اصدقائك دعاء يريح قلبك بعد قراءته
شارك اصدقائك شارك اصدقائك ثلاث قصص مبكية روعة ومؤثرة
شارك اصدقائك شارك اصدقائك حديث شريف
شارك اصدقائك شارك اصدقائك ستايل جديد وحصرى 2015 الفريد من نوعة اصبح مجانا
شارك اصدقائك شارك اصدقائك شرح توثيق حسابك في فيسبوك
شارك اصدقائك شارك اصدقائك حكم إقامة أعياد الميلاد أو بمناسبة الزواج ؟
شارك اصدقائك شارك اصدقائك السرطان يتجوب السعودية
شارك اصدقائك شارك اصدقائك ماهي صلاة الضحى
اليوم في 0:04
أمس في 23:50
أمس في 12:55
أمس في 12:52
أمس في 10:23
الأحد 4 ديسمبر 2016 - 14:50
الأحد 4 ديسمبر 2016 - 14:01
الأحد 4 ديسمبر 2016 - 12:19
الأحد 4 ديسمبر 2016 - 10:41
الأحد 4 ديسمبر 2016 - 9:48
إضغط علي شارك اصدقائك اوشارك اصدقائك لمشاركة اصدقائك!


قم بالاعجاب لصفحة موقع صن سيت على الفيسبوك ليصلك كل جديد ...

شاطر|

جديد : كود عمل اقسام المنتدي بشكل جدول

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل
النجمتان الفضيتان 20%
النجمتان الفضيتان 20%

معاينة صفحة البيانات الشخصي للعضو

اسم الدولة : : الوطن العربى
العمر : 24
عدد المساهمات : 89
المعجبون بمواضيعى : 2
30062015




بسم الله الرحمن الرحيم
اقدم لعيون احلى موقع صن سيت الكود الحصري
[ كود تنتظرونه منذ سنين وهو كود رائع وجميل واتمنى ان يعجبكم ]
[ كود Css + كود تشكيلات عامة إضافة الاقسام على الصفحة الرئيسية بشكل لائق ومنسق وجميل فهو يعمل على وضع الاقسام بانتظام بجوار بعضهم البعض ]
يعمل على جميع النسخ Cool
# يتم الكود على خطوتين الاولى :-
الCss
طريقة الوضع :- لوحة الإدارة - مظهر المنتدى - الصور والالوان - الوان - ورقة تصميم css
ثم ضع الكود :
ضع رد حتى تراه


يمكنك استبدال صورة السهم بوضعها مكان هذه الصورة https://i21.servimg.com/u/f21/11/81/27/88/arrow_10.png , ^^ cat

الخطوة الثانية :-
التشكيلات العامة ..
طريقة الوضع : لوحة الإدارة - مظهر المنتدى - الصفحة الرئيسية - تشكيلات عامة - ضع الكود على هيئة html ..

الكود فى صيغته النهائية :-
الرمز:
                        <script>        jQuery(function() {        jQuery('.img_list_hp img').mouseover(function() {        jQuery('#img_list_alt').html(jQuery(this).attr('alt'));        }).mouseout(function() {        jQuery('#img_list_alt').html('ضع هنا شرح لجميع الاقسام وكيفية الدخول لأى قسم!');        });        });        </script>          <div class="img_list_hp"><a href="اسم القسم فى الرابط"><img height="59" src="صورة القسم" alt="وصف القسم"><span>عنوان القسم </span></a></div>          <div style="clear: both" id="img_list_alt">ضع هنا شرح عام لجميع الاقسام !</div>
تم تقطيع الكود ليتم الشرح عليه وتفسيره :-

الرمز:
        <script>
        jQuery(function() {
        jQuery('.img_list_hp img').mouseover(function() {
        jQuery('#img_list_alt').html(jQuery(this).attr('alt'));
        }).mouseout(function() {
        jQuery('#img_list_alt').html('ضع هنا شرح لجميع الاقسام وكيفية الدخول لأى قسم!');
        });
        });
        </script>
الكود الوسط لكل قسم يتم تكراره
الرمز:
        <div class="img_list_hp"><a href="اسم القسم فى الرابط"><img height="59" src="صورة القسم" alt="وصف القسم"><span>عنوان القسم </span></a></div>
لاحظ : اسم القسم فى الرابط يكون مثل /f2-montada
نهاية الكود ويوضع مرة واحدة فى نهاية جميع الاكواد الخاصة بالاقسام
الرمز:
        <div style="clear: both" id="img_list_alt">ضع هنا شرح عام لجميع الاقسام !</div>
صور للكود بعد الانتهاء :-
صورة[1]

صورة[2]

منقول للافادة

مواضيع ذات صلـــــــــــــــــــــة

مُشاطرة هذه المقالة على:Excite BookmarksDiggRedditDel.icio.usGoogleLiveSlashdotNetscapeTechnoratiStumbleUponNewsvineFurlYahooSmarking

ردود موضوع : جديد : كود عمل اقسام المنتدي بشكل جدول

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

جديد : كود عمل اقسام المنتدي بشكل جدول

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة
لا يوجد حالياً أي تعليق
صفحة 1 من اصل 1

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


الساعة الآن



صن سيت

↑ Grab this Headline Animator

Feedage Grade B rated

انتقل الى: