یادداشت‌ها

پاورقی شکیل و کاربرپسند

در مطالب علمی و پژوهشی، پاورقی یک جزء مهم از کار است که منابع (references) و توضیحات اضافی بخش‌های مختلف مطلب در آن درج می‌شود.

برای نمایش زیباتر پاورقی، می‌توان از استایل خاص حسب سلیقه خودتان و متناسب با صفحه استفاده کنید:

<style>sup{font:...; color:...; ...}</style>
...
this a sample<sup><a href="#ft5">5</a></sup> text
...
__________
...
<a name="ft5"></a>5. this is footenote

با کمک ویژگی counter در CSS می‌توان کارهای جالب‌تری روی پاورقی انجام داد که نمونه‌ای از آن را در این مقاله می‌بینید. اما برای بهبود کارایی و راحتی بیشتر کاربر در دسترسی به پاورقی و ارجاع به متن، کدهای جاوا اسکریپت کوچکی نوشته شده که استفاده از آنها موجب رضایتمندی بیشتر کاربر و راحتی بیشتر وی می‌گردد. در ادامه چند نمونه از این پلاگین‌ها را با هم مرور می‌کنیم:

• Footnoted
  این کد ساده، باعث می‌شود که پس از کلیک بر روی شماره پاورقی، کاربر به آرامی به ابتدای آن پاورقی منتقل شود و در انتهای پاورقی مربوط به آن شماره نیز، لینک برگشت به مطلب را ایجاد میکند تا کاربر پس از مطالعه آن پاورقی بتواند به ادامه مطالعه مطلب بپردازد. (مشاهده کد اجرا شده)
• bigfootjs
  این پلاگین زیبا، موجب می‌شود که پاورقی شما، در همان محلی که شماره یا علامت پاورقی را درج کردید (در بین متن اصلی) ظاهر شود. برای تجربه آنلاین این کد نیز می‌توانید آدرس فوق را مشاهده و روی دکمه ON کلیک کنید...