شركة فور يمنى


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


 


 
 
تجديدات موقع صن سيت الاخيرة نحن نتميز عن المواقع الاخري اضغط هنا
◄◄ صن سيت►► يحتفل بمرور 6 أعوام للمزيد إضغط هنا
اعلان : مطلوب مشرفين على أقسام الموقع إضغط هنا
جديد من صن سيت : جرب صن سيت ماسينجر للهواتف الذكية اضغط هنا
!~ آخـر 10 مواضيع ~!
شارك اصدقائك شارك اصدقائك الفرق بين الذنوب والسيئات
شارك اصدقائك شارك اصدقائك كيفية زيادة مشاهدات الفيديوهات فى اليوتيوب (صن سيت تيوب)
شارك اصدقائك شارك اصدقائك الاب والام والاخ والاخت لكم رسالة مهمة
شارك اصدقائك شارك اصدقائك غير جمعتك .
شارك اصدقائك شارك اصدقائك اسم أبرار في صورة
شارك اصدقائك شارك اصدقائك اسم ريماس في صورة
شارك اصدقائك شارك اصدقائك دعاء جميل
شارك اصدقائك شارك اصدقائك اسم جويرية في صورة
شارك اصدقائك شارك اصدقائك بارفيه الفراولة
شارك اصدقائك شارك اصدقائك أرز معمر بالسكر
اليوم في 1:25
أمس في 23:13
أمس في 21:14
أمس في 21:11
أمس في 20:18
أمس في 20:16
أمس في 20:12
أمس في 19:33
أمس في 18:41
أمس في 18:35
إضغط علي شارك اصدقائك اوشارك اصدقائك لمشاركة اصدقائك!


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

شاطر|

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

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

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

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




بسم الله الرحمن الرحيم
اقدم لعيون احلى موقع صن سيت الكود الحصري
[ كود تنتظرونه منذ سنين وهو كود رائع وجميل واتمنى ان يعجبكم ]
[ كود 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]

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

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

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

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

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

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

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

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


الساعة الآن



صن سيت

↑ Grab this Headline Animator

Feedage Grade B rated

انتقل الى: