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

لا أحد

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


صلِ على محمد

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

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

avatar
تطوير المواقع
النجمتان الفضيتان 20%
النجمتان الفضيتان 20%
اسم الدولة : : الوطن العربى
العمر : 26
عدد المساهمات : 89
المعجبون بمواضيعى : 7
معاينة صفحة البيانات الشخصي للعضو

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

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


يمكنك استبدال صورة السهم بوضعها مكان هذه الصورة https://i.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
ahmadmitwally
النجمة الفضية 99%
النجمة الفضية 99%
اسم الدولة : : مصر
العمر : 14
عدد المساهمات : 55
المعجبون بمواضيعى : 0
معاينة صفحة البيانات الشخصي للعضو

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

كود جميل جدا
avatar
ƒŎŨảḊ.Ḿ
النجمة الفضية 20%
النجمة الفضية 20%
اسم الدولة : : Maroc
العمر : 38
عدد المساهمات : 16
المعجبون بمواضيعى : 0
معاينة صفحة البيانات الشخصي للعضو

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

تسلم الايادي
avatar
المبرمج مرعي
النجمة الفضية
النجمة الفضية
اسم الدولة : : اليمن
العمر : 33
عدد المساهمات : 5
المعجبون بمواضيعى : 0
معاينة صفحة البيانات الشخصي للعضو

مُساهمةالمبرمج مرعي في الإثنين 1 يناير 2018 - 16:39

تسلم حبيبي

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

للمشاركة أنت بحاجة إلى تسجيل الدخول أو الإنضمام إلينا

يجب أن تعرف بنفسك بتسجيل الدخول أو التسجيل فى صن سيت

التسجيل

انضم الينا لن يستغرق منك إلا ثوانى معدودة!


أنشئ حساب جديد

تسجيل الدخول

قم بتسجيل الدخول وانضم لجمهورية صن سيت الكبرى


تسجيل الدخول

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