Post Top Ad

Your Ad Spot

السبت، 23 فبراير 2013

شرح وضع scrollbars شريط تمرير لقطعة الأضافة الطويلة لتسريع التصفح

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


















كما تلاحظون تمدد المشاركات الشائعة ومازلت اليها بقية فأعتقد ستأخذ مساحة طويلة بسبب الطول .... الأن اليكم صورة موضحة بعد التركيب اعتقد ان هذا الشكل افضل :














كما تلاحظون بعد التركيب تم وضع الاضافة داخل شريط تمرير scrollbars لأختصار الصفحة وعدم التمدد الان اذا اعجبتك الطريقة تابع معى طريقة التركيب :

قبل تركيب اى كود ومن هنا درس بسيط يعلمك طريقة اخذ نسخة احتياطية الان ناتى الى الطريقة فى البداية ادخل الى لوحة تحكم مدونتك ومن بعدها اضغط على القالبالأن اضغط على تحرير HTML
 















الان اضغط على زر متابعة












الان قم بتوسيع القالب كما واضح لتا بالصورة التالية













الان اضغط على CTRL + F من الكيبورد لظهور عملية البحث عن الأكود بالمتصفح
ابحث عن اسم تعريف الاضافة فلنفرض سابحث عن اسم المشاركات الشائعة : عندما تجد اسم الأضافة ستجد ببداية الأضافة اسم التعريف وهو id فهذا الرمز يدل على اسم القطعة فلكل قطعة لها id بجانب هذا الرمز علامة يساوى بعد علامة = هو اسم الاضافة قم بحفظ هذا الاسم لاننا سنريدة فيما بعد فمن الافضل انسخة فى صفحة مفكرة صورة توضيحية للاسم الصحيح :






كما تلاحظون بالصورة السابقة الاسم المحدد باللون الاصفر هو الاسم الذى بحثنا عنة والمحدد باللون السماوى اسم التعريف للاضافة وهذا هو المطلوب ارجو بأن هذه المعلومة وضحت لكم الان انسخ اسم التعريف وضعة بصفحة مفكرة مثلا .
الان ماذا نفعل ؟ 

ابحث عن عنوان هذا الكود :

/* Sidebar Content
----------------------------------------------- */
 حيث ان هذا العنوان يختلف من قالب لاخر قد تجدة بهذا الشكل ومن الممكن ان تجدة بهذا الشكل /* Sidebar Content----

المهم بعد الوصول الى العنوان الذى بحثنا عنة ضع بأولة او اخرة هذا الكود :

/* Sidebar Content */
#اسم التعريف{
height:200px;
overflow:auto;
}

قم بتغير الكلمة المحددة باللون الأخضر الى اسم التعريف للأضافة الذى تحدثنا عنة وبالاخير اضغط حفظ تغيرات القالب وبالنهاية ستجد الاضافة تعمل معك بشكل سليم ان شاء الله ومنسقة وافضل من الأول واى استفسار اترك لى رد وان شاء الله سأرد عليك بالحال
(( لا خير فى كاتم العلم ))

هناك تعليقان (2):

  1. يعطيك العافية استفسار منك اخي العزيز
    كيف اضيف الشعار الي موجود في الرسائل البريدية مثال على ذالك عندما تأتين رسالتك على بريدي واقوم بفتحها اجد عنوان مدونتك على اليمين واليسار فارغ هل استطيع معرفة وضع الشعار فيه

    ردحذف
    الردود
    1. للاسف اخى الكريم لم افهم ما تقصدة ممكن توضح لى اكثر

      حذف

قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )

Post Top Ad