الثلاثاء، 1 أبريل 2014

زر اظهار مواضيع اكثر

infinite scrolling loading more posts blogger
كنا قد تعرضنا سابقاً لموضوع التمرير اللانهائي وقد طلب البعض ان يكون الامر اختياري ان يكون هناك زر عند الضغط عليه تظهر المواضيع وها نحن نلبي الطلب وذلك بعد ايجاد نسخة جيده تعمل بشكل مضبوط ولا تحتاج دمج في التصميم فهناك بعض الطريق تتطلب ان يتم دمج الزر في التصميم منذ البداية حتى يعمل اى يكون جزء من التصميم اما هذا الزر فيعمل تلقائياً ويمكنك اضافته وازالته بسهوله فهو يتم اضافته في آداة HTML/JavaScript 

لكن ما الفرق بينه وبين التمرير اللانهائي التلقائي ؟

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




كما ذكرت في البداية الكود يضاف في آداة HTML/JavaScript 
ملحوظة لو لديك اضافة ترقيم يجب ان تزيلها فلا يمكن ان يعملان معاً
أياً الرابط الأخضر يمكنك ازالته ان كانت لديك مكتبة جي كويري

كيفية تنسيق شكل الزر

أولا يمكنك استبدال جملة إظهار مواضيع أكثر  باى جمله من عندك

هذا #FFFFFF هو لون الخط

هذا الكود هو تدرج لوني لخلفية الزر يمكنك استبدال اللونين العلوي والسفلي على أن #bbb هو العلوي و #777 هو السفلي
background: #777;background: -moz-linear-gradient(top,#bbb,#777);background: -webkit-linear-gradient(top,#bbb,#777);

هذا #000000 هو لون الإطار الخارجي للزر

 وهذا #000 لون الخلفية عند تمرير الماوس

وطبعا قليل من المعرفة بـ CSS ستجعلك تغير كما تشاء بالزر

ليست هناك تعليقات:

إرسال تعليق