إضافة الهامش تحوم النص إلى أي مواقع بسهولة مع الهامش
تلميحات الأدوات المضمنة رائعة ولكنها في بعض الأحيان لا تتناسب بشكل جيد مع محتوى معين. تترك معظم مواقع الويب مساحة في الهوامش على طول نص الصفحة وهذا مثالي للإضافة محتوى نمط تلميح الأدوات بدون تلميحات الأدوات.
أدخل Marginotes, حر مفتوح المصدر المساعد مسج ذلك يضيف ملاحظات مخصصة إلى الهوامش من صفحة الويب الخاصة بك. يمكنك تبديل هذه الملاحظات استنادًا إلى الروابط أو عناصر معينة في الصفحة ، مثل الصور.
هذا البرنامج المساعد سهل الإعداد بشكل مدهش ويأتي مع ورقة الأنماط الافتراضية لملاحظات الهامش الخاصة بك. هذه تظهر قبالة إلى الجانب من المحتوى الخاص بك وأنها محاذاة بجوار عنصر الفقرة على صفحة الويب الخاصة بك.
الملاحظات تحوم هي يضاف يدويا لعناصر HTML الخاص بك, باستخدام أ تنازلي صفة، عزا. لم أر هذا مطلقًا في HTML5 ، لذلك لا يمكنني القول ما إذا كان متوافقًا تمامًا. ولكن ، يتم التقاطها بواسطة JavaScript والتي هي كل ما تحتاجه حقًا.
بامكانك ايضا تغيير هذه السمة عند تشغيل marginotes () وظيفة ، حتى تتمكن من تغييره إلى شيء من هذا القبيل بيانات تنازلي إذا كنت تتطلع إلى أن تكون أكثر توافقًا.
هنا ال سطر واحد من مسج اللازمة للحصول على هذا البرنامج المساعد العمل:
$ ( "محدد"). marginotes ()
يجب أن تحل محل "محدد" مع كل العناصر التي تستهدفها. لذلك ، إذا كانوا داخل نص صفحتك ، فيمكنك استخدامها ".body span". هل يمكن أيضا الهدف مرساة الروابط أو من قبل فئات معينة تضاف إلى هذه العناصر.
داخل ال marginotes () وظيفة ، يمكنك إضافة معلمتان اختياريتان لتغيير تنسيق ملاحظة الهامش:
عرض- يضبط عرض الملاحظة (القيم الافتراضية إلى 100 بكسل)حقل- يضبط سمة محتوى HTML (الإعدادات الافتراضية على"تنازلي")
أيضا ، إذا كنت لا تحب استخدام jQuery ، يمكنك تجربة الفانيليا Marginotes المساعد. يعمل على الفانيليا JS ، لذلك لديك صفر التبعيات للحصول على كل نفس الميزات.
يمكنك أيضا التحقق من هذا عرض حي إذا كنت تريد رؤيته في العمل. هذا هو بالتأكيد البرنامج المساعد فريدة من نوعها وأنها وسيلة رائعة ل إضافة بعض المحتوى الإضافي الى موقعك.
