قرار دادن یک کپی روی دکمه کلیپ بورد در یک صفحه وب: 5 مرحله (همراه با تصاویر)

2024 نویسنده: John Day | [email protected]. آخرین اصلاح شده: 2024-01-30 08:55

این ممکن است ساده به نظر برسد ، و ممکن است برای نصب آن در Instructables احمقانه به نظر برسم ، اما در واقعیت ، این کار به این سادگی نیست. CSS ، Jquery ، HTML ، برخی از جاوا اسکریپت فانتزی وجود دارد ، و خوب ، می دانید.

مرحله 1: یک قلم ایجاد کنید

این سایت جالب به نام Codepen وجود دارد. در گذشته ، فقط برای کد نویسی در HTML ، قبلا مجبور بودم

1. File Explorer را اجرا کنید.
2. به My Documents بروید.
3. یک فایل txt ایجاد کنید.
4. نام آن فایل را به "MyHTMLDoc.html" تغییر دهید.
5. OK را در کادر گفتگوی هشدار فشار دهید.
6. بستن فایل اکسپلورر
7. Visual Studio را باز کنید ، که پنج دقیقه طول می کشد.
8. فایل را در Visual Studio باز کنید ، که پنج دقیقه دیگر طول می کشد. VS بسیار کند است.
9. شروع کنید.
10. وقتی کارم تمام شد ، باید فایل را در Edge باز کنم تا کارهایم را مشاهده کنم.

اکنون ، تنها کاری که باید انجام دهید این است

1. Edge را راه اندازی کنید.
2. به https://www.codepen.io بروید.
3. در گوشه بالا سمت راست ، Pen جدید را فشار دهید.
4. برنامه نویسی را شروع کنید.

ببینید چقدر راحت تر است؟ فقط JS ، CSS و HTML خود را در کادرهای مربوطه وارد کنید. نتایج به طور خودکار در سمت راست نشان داده می شود.

در واقع ، Codepen بسیار بسیار بهتر است ، به شما توصیه می کنم که همین حالا حساب کاربری خود را ایجاد کنید. بله ، من از تبلیغاتی بودن متنفرم ، اما نمی توانم از آن جلوگیری کنم. خیلی بهتر است. هیچ کاری نمی توانم در مورد آن انجام دهم.

یا اگر نمی خواهید یک حساب ایجاد کنید ، می توانید یک قلم بدون حساب ایجاد کنید. می توانید قلم خود را با نام کاربری "ناخدا ناشناس" ذخیره کنید.

مرحله 2: منابع را اضافه کنید

از آنجا که ما قصد داریم از Jquery و این چیز واقعاً جالب "Balloon.css" استفاده کنیم ، ابتدا باید منابع را اضافه کنیم. اگر تازه کار هستید ، به شما می گویم که چگونه این کار را در Codepen انجام دهید.

1. روی تنظیمات کلیک کنید.
2. بسته به اینکه مرجع یک شیوه نامه یا اسکریپت باشد ، روی CSS یا Javascript کلیک کنید.
3. در قسمت Add External (Javascript یا CSS) منابع را اضافه کنید.

اضافه کردن:

بلا بلا بلا: BLAAAAAAA !!!!

حالا آن را حذف کرده و برچسب HTML را که به CDN مورد علاقه خود برای Jquery and Balloon.css پیوند دارد ، وارد کنید.

مرحله 3: کد

در زیر آن ، این کد را اضافه کنید.

codepen.io/slate-coding/pen/oepQpX

کد را در قلم خود کپی/جایگذاری کنید.

مرحله 4: تغییر آن کد متناسب با نیازهای شما

می توانید به اندازه دلخواه خود را با قلم مجبور کنید ، سپس کد را در هر کجا که می خواهید کپی و جایگذاری کنید.

مرحله 5: نسخه ی نمایشی

codepen.io/alexvgs/pen/oepQpX