منطقة الاعضاء


كلمة الادارة
تم بإذن الله فتح التبادل الاعلاني مع منتديات بيت الجزائر لكل العرب ، فلمن يهمه الامر يضع طلبه في القسم الخاص بالتبادل مح وصف المنتدى
 

أهلا وسهلا بك إلى بيت الجزائر لكل العرب.

الرئيسيةأحدث الصورالتسجيلدخول

بيت الجزائر لكل العرب


مرحبا بك عزيزى الزائر فى بيت الجزائر لكل العرب.

أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا. كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه

بيت الجزائر لكل العرب

المواضيع الأخيرة
» [template][حصري] اخر المواضيع للنسخة ModernBBBETA
طريقة اضافة اقسام المنتدى بطريقة منتظمة على الصفحة الرئيسية Icon_minitime1أمس في 2:03 من طرف th3free

» حصريا وجديد تومبيلات ستايل فور يمني الاحترافي مجانا هنا
طريقة اضافة اقسام المنتدى بطريقة منتظمة على الصفحة الرئيسية Icon_minitime1الأحد 19 مارس 2023 - 0:50 من طرف th3free

»  [TEMPLATE] قالب index_box احترافي جدا
طريقة اضافة اقسام المنتدى بطريقة منتظمة على الصفحة الرئيسية Icon_minitime1الأحد 19 مارس 2023 - 0:21 من طرف th3free

»  استايل حوف نت مجانا و بدون اخطاء
طريقة اضافة اقسام المنتدى بطريقة منتظمة على الصفحة الرئيسية Icon_minitime1الإثنين 2 يناير 2023 - 16:04 من طرف asmaabaskota

» ستايل مالك العوامرة المميز و الاحترافي للنسخة الثالثة 2015
طريقة اضافة اقسام المنتدى بطريقة منتظمة على الصفحة الرئيسية Icon_minitime1الأربعاء 21 ديسمبر 2022 - 18:06 من طرف المدير

» [STYLE]نسخة الجوال ابيض و اسود
طريقة اضافة اقسام المنتدى بطريقة منتظمة على الصفحة الرئيسية Icon_minitime1الأربعاء 21 ديسمبر 2022 - 18:04 من طرف المدير

» ربح المال من كواي ، طريقة ربح 50جنية من تطبيق kwai وسحبها ع فودافون كاش
طريقة اضافة اقسام المنتدى بطريقة منتظمة على الصفحة الرئيسية Icon_minitime1الإثنين 31 يناير 2022 - 19:25 من طرف المدير

» استايل سدير الفضي تومبيلات لمن يبحث عن السرعة والاناقة والجمال
طريقة اضافة اقسام المنتدى بطريقة منتظمة على الصفحة الرئيسية Icon_minitime1الأربعاء 24 نوفمبر 2021 - 14:04 من طرف boualem

» تومبيلات استايل محول تطويري احترافي و مميز من تحويل JAR7
طريقة اضافة اقسام المنتدى بطريقة منتظمة على الصفحة الرئيسية Icon_minitime1الأربعاء 24 نوفمبر 2021 - 13:52 من طرف boualem

» ستايل تومبيلات المعتمد لدى منتديات بيت الجزائر لكل العرب مجانا
طريقة اضافة اقسام المنتدى بطريقة منتظمة على الصفحة الرئيسية Icon_minitime1الأربعاء 24 نوفمبر 2021 - 8:07 من طرف boualem

»  قالب index_box الجديد 2016
طريقة اضافة اقسام المنتدى بطريقة منتظمة على الصفحة الرئيسية Icon_minitime1الأربعاء 18 أغسطس 2021 - 14:42 من طرف mc nabulsy

» استايل نسخة الجوال محولة من الفي بي لاحلى منتدى
طريقة اضافة اقسام المنتدى بطريقة منتظمة على الصفحة الرئيسية Icon_minitime1السبت 20 مارس 2021 - 19:06 من طرف DZWEB

» [JAVASCRIPT]+[CSS] حصريا صندوق الرد الاحترافي الجديد {Weeb-Editor} 2017
طريقة اضافة اقسام المنتدى بطريقة منتظمة على الصفحة الرئيسية Icon_minitime1السبت 20 مارس 2021 - 18:55 من طرف DZWEB

» جديد 2016 تقنية الدخول للمنتدى مثل قوقل
طريقة اضافة اقسام المنتدى بطريقة منتظمة على الصفحة الرئيسية Icon_minitime1السبت 20 مارس 2021 - 18:41 من طرف DZWEB

» كود HTML لوحة اعلانات احترافية
طريقة اضافة اقسام المنتدى بطريقة منتظمة على الصفحة الرئيسية Icon_minitime1السبت 20 مارس 2021 - 18:31 من طرف DZWEB

» [JAVASCRIPT][حصري]و قبل أي منتدى عربي Messenger forumotion لمنتداك غاية في الجمال
طريقة اضافة اقسام المنتدى بطريقة منتظمة على الصفحة الرئيسية Icon_minitime1السبت 20 مارس 2021 - 13:40 من طرف DZWEB

»  [Javascript] يخبرك بآخر الزوار لملفك الشخصي لجميع النسخ phpbb2, phpbb3, punbb & invision!
طريقة اضافة اقسام المنتدى بطريقة منتظمة على الصفحة الرئيسية Icon_minitime1السبت 20 مارس 2021 - 13:19 من طرف DZWEB

» حصريا كود جافا إخفاء الموضوع أو كود عن طريق ازرار الشبكات الاجتماعية
طريقة اضافة اقسام المنتدى بطريقة منتظمة على الصفحة الرئيسية Icon_minitime1الجمعة 19 مارس 2021 - 17:55 من طرف DZWEB

» حصريا لدينا كود إضافة ازرار المشاركة في عارضة المنتدى
طريقة اضافة اقسام المنتدى بطريقة منتظمة على الصفحة الرئيسية Icon_minitime1الجمعة 19 مارس 2021 - 17:53 من طرف DZWEB

» [JAVASCRIPT] منع الاستغلاليين من استخدام روابط Adfly على منتداك
طريقة اضافة اقسام المنتدى بطريقة منتظمة على الصفحة الرئيسية Icon_minitime1الجمعة 19 مارس 2021 - 17:46 من طرف DZWEB

طريقة اضافة اقسام المنتدى بطريقة منتظمة على الصفحة الرئيسية 13481589293

شاطر
 

 طريقة اضافة اقسام المنتدى بطريقة منتظمة على الصفحة الرئيسية

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل 
كاتب الموضوعرسالة
المعلومات
الكاتب:
المدير
اللقب:
Admin
الرتبه:
Admin
الصورة الرمزية

المدير

البيانات
الجنس :
ذكر
عدد المساهمات :
1357
السٌّمعَة :
36
تاريخ التسجيل :
28/08/2014
الموقع :
بيت الجزائر لكل العرب

التوقيت

الإتصالات
الحالة:
وسائل الإتصال:
https://baytdz.ahlamontada.com
موضوع: طريقة اضافة اقسام المنتدى بطريقة منتظمة على الصفحة الرئيسية طريقة اضافة اقسام المنتدى بطريقة منتظمة على الصفحة الرئيسية Icon_minitime1الثلاثاء 16 يونيو 2015 - 19:39


طريقة اضافة اقسام المنتدى بطريقة منتظمة على الصفحة الرئيسية
[اقدم اليوم كود تنتظرونه منذ سنين وهو كود رائع وجميل واتمنى ان يعجبكم ] طريقة اضافة اقسام المنتدى بطريقة منتظمة على الصفحة الرئيسية 829894
طريقة اضافة اقسام المنتدى بطريقة منتظمة على الصفحة الرئيسية Chatbo10
[ كود Css + كود تشكيلات عامة إضافة الاقسام على الصفحة الرئيسية بشكل لائق ومنسق وجميل فهو يعمل على وضع الاقسام بانتظام بجوار بعضهم البعض ]
يعمل على جميع النسخ طريقة اضافة اقسام المنتدى بطريقة منتظمة على الصفحة الرئيسية 103798
# يتم الكود على خطوتين الاولى :-
الCss
طريقة الوضع :- لوحة الإدارة - مظهر المنتدى - الصور والالوان - الوان - ورقة تصميم css
ثم ضع الكود :
الكود:
        .img_list_hp {
        border: 1px solid #0372BE;
        padding: 0;
        float: left;
        color: #FFF !important;
        width: auto;
        font-size: 11px;
        text-align: center;
        margin: auto 10px auto auto;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        }
        
        .img_list_hp:hover {
        background-color: #DCEAF5;
        }
        
        .img_list_hp img {
        padding: 8px 15px;
        }
        
        .img_list_hp span {
        background-color: #0372BE;
        color #FFF;
        display: block;
        padding: 0 10px;
        }
        .img_list_hp a {
        color: #FFF !important;
        text-decoration: none;
        }
        #img_list_alt {
        background-image: url(http://i21.servimg.com/u/f21/11/81/27/88/arrow_10.png);
        background-repeat: no-repeat;
        background-position: 20px 0;
        padding-top: 13px;
        padding-left: 55px;
        }


يمكنك استبدال صورة السهم بوضعها مكان هذه الصورة
 
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

الخطوة الثانية :-
التشكيلات العامة ..
طريقة الوضع : لوحة الإدارة - مظهر المنتدى - الصفحة الرئيسية - تشكيلات عامة - ضع الكود على هيئة 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]
طريقة اضافة اقسام المنتدى بطريقة منتظمة على الصفحة الرئيسية ?di=214344784671

صورة[2]
طريقة اضافة اقسام المنتدى بطريقة منتظمة على الصفحة الرئيسية ?di=3143447988113
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://baytdz.ahlamontada.com
 
طريقة اضافة اقسام المنتدى بطريقة منتظمة على الصفحة الرئيسية
استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة 
شارك هذا الموضوع...
روابط هذا الموضوع
URL:
BBCode:
HTML:
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» [جافا] تلوين الخلايا بعد ارسال موضوع جديد على الصفحة الرئيسية
» تومبيلات التحكم بحجم وشكل صور المنتديات في الصفحة الرئيسية للمنتدى (حصري)
»  شرح طريقة اضافة موقعك الى (bing) وجلب روبوتاته الى منتداك
» [HTML] كود شريط اشعارات أو اعلانات المنتدى أعلى الرئيسية لكل النسخ
»  تومبلايت يضع المجموعة واخر احصائيات المنتدى بطريقة احترافية

هام جداً: قوانين المساهمة في المواضيع. انقر هنا للمعاينة
الرد السريع
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
بيت الجزائر لكل العرب :: 
دعم منتديات أحلى منتدى
 :: قسم التقنيات المتقدمة
-
انتقل الى:  

منتديات بيت الجزائر لكل العرب

↑ Grab this Headline Animator

©phpBB | منتدى مجاني | منتدى مجاني للدعم و المساعدة | إتصل بنا | التبليغ عن محتوى مخالف | آخر المواضيع