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


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

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

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

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


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

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

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

اسم الموضوع: [STYLE] روبي دايزن 2017الخميس 12 أكتوبر 2017 - 14:22 من طرفالمدير اسم الموضوع: [template]اظهار الصورة الشخصية للعضو فى عارضة نسخة الجوالالثلاثاء 10 أكتوبر 2017 - 13:56 من طرفالمدير اسم الموضوع: [JAVASCRIPT] ادوات المشرف في المواضيع الثانويةالثلاثاء 10 أكتوبر 2017 - 13:49 من طرفالمدير اسم الموضوع: [HTML]سرفيرات المشاهدةالثلاثاء 10 أكتوبر 2017 - 13:41 من طرفالمدير اسم الموضوع: تومبيلات استايل محول تطويري احترافي و مميز من تحويل JAR7الإثنين 9 أكتوبر 2017 - 16:11 من طرفام القاسم اسم الموضوع: [template] اخر المواضيع للنسخة الثالثةالإثنين 9 أكتوبر 2017 - 10:24 من طرفالمدير اسم الموضوع: تومبيلات ستايل سما لبنانالجمعة 6 أكتوبر 2017 - 17:29 من طرفالمدير اسم الموضوع: حصريا هنا جديد ستايل ترايدنت المطور كامل و مجاني للجميع 2016الخميس 28 سبتمبر 2017 - 17:44 من طرفiodz36 اسم الموضوع: [CSS]+[JAVASCRIPT] تحسين نظام التصويت في المواضيعالجمعة 8 سبتمبر 2017 - 10:03 من طرفzizou2012 اسم الموضوع: طلب تبادل اعلاني مع منتديات نسور الهضابالجمعة 8 سبتمبر 2017 - 8:07 من طرفالمدير اسم الموضوع: استايل علاء الفاتك الاصدار الخامس بالتومبلايت 2013الثلاثاء 29 أغسطس 2017 - 6:41 من طرفعمر الفاروق اسم الموضوع: [JAVASCRIPT][حصري]و قبل أي منتدى عربي Messenger forumotion لمنتداك غاية في الجمالالثلاثاء 8 أغسطس 2017 - 16:50 من طرفالمدير

شاطر | 
 

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

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

avatar

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

التوقيت

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


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

[ كود Css + كود تشكيلات عامة إضافة الاقسام على الصفحة الرئيسية بشكل لائق ومنسق وجميل فهو يعمل على وضع الاقسام بانتظام بجوار بعضهم البعض ]
يعمل على جميع النسخ
# يتم الكود على خطوتين الاولى :-
ال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]


صورة[2]

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://baytdz.ahlamontada.com
 
طريقة اضافة اقسام المنتدى بطريقة منتظمة على الصفحة الرئيسية
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
شارك هذا الموضوع...
روابط هذا الموضوع
URL:
BBCode:
HTML:
صفحة 1 من اصل 1

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

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

↑ Grab this Headline Animator

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