المواضيع الأخيرة
» الصورة التى انزاح منها الانسانية
اليوم في 10:23 من طرف زائر

» سؤال وجواب دينى
اليوم في 9:31 من طرف الهام

» قالب جعل البيانات اعلى الموضوع لاحلى منتدي
أمس في 22:44 من طرف sarab

» رحلة الكروز العائليه
أمس في 19:38 من طرف الادارة العليا

» قصة جميلة بتصرف جميل
الجمعة 17 نوفمبر 2017 - 23:57 من طرف اوشين

» كود اخر المواضيع الحصرى 2016
الجمعة 17 نوفمبر 2017 - 19:17 من طرف medoman2020

» حصرى كود تومبيلات اخر المواضيع بصورة العضو فى اخر مساهمة
الجمعة 17 نوفمبر 2017 - 19:15 من طرف medoman2020

» واليكم قالب الاحصائيات الجديد
الجمعة 17 نوفمبر 2017 - 19:12 من طرف medoman2020

» إحالة مدرس للتحقيق لإساءته للدولة بقنا
الخميس 16 نوفمبر 2017 - 17:01 من طرف نهال

» القبض على 9 أشخاص بينهم سودانيان بتهمة التنقيب عن الذهب بقنا
الخميس 16 نوفمبر 2017 - 16:57 من طرف نهال

قم بالاعجاب لصفحة موقع صن سيت على الفيسبوك ليصلك كل جديد ...
اشخاص فى صن سيت
مشاهدة المزيد
المتواجدون الآن ؟
ككل هناك 26 عُضو متصل حالياً :: 0 عضو مُسجل, 0 عُضو مُختفي و 26 زائر :: 2 عناكب الفهرسة في محركات البحث

لا أحد

أكبر عدد للأعضاء المتواجدين في هذا المنتدى في نفس الوقت كان 1792 بتاريخ الأحد 29 يناير 2017 - 11:31
ألــــوان الرتــــب
الإدارة العليا
المدير العام
رئيس المشرفين
مشــــرف
عضــــو
اعلان ممول
هل صليت على النبي محمد صلى الله عليه وسلم . اليوم ؟




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

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

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

مُساهمة من طرف تطوير المواقع في الثلاثاء 30 يونيو 2015 - 23:20

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


يمكنك استبدال صورة السهم بوضعها مكان هذه الصورة http://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]

منقول للافادة
avatar
تطوير المواقع
النجمتان الفضيتان 20%
النجمتان الفضيتان 20%

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

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

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف ahmadmitwally في الجمعة 2 يونيو 2017 - 1:50

كود جميل جدا
avatar
ahmadmitwally
النجمة الفضية 99%
النجمة الفضية 99%

اسم الدولة : : مصر
العمر : 14
عدد المساهمات : 50
المعجبون بمواضيعى : 0

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

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف ƒŎŨảḊ.Ḿ في السبت 17 يونيو 2017 - 1:26

تسلم الايادي
avatar
ƒŎŨảḊ.Ḿ
النجمة الفضية 20%
النجمة الفضية 20%

اسم الدولة : : Maroc
العمر : 37
عدد المساهمات : 16
المعجبون بمواضيعى : 0

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

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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


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

  • © phpBB | منتدى مجاني | العصر و المجتمع | مشاكل و نقاشات | منتدى مجاني للدعم و المساعدة | إتصل بنا | التبليغ عن محتوى مخالف | انشئ مدونتك الخاصة مجانيا
    الساعة الأن :