Կրկնօրինակման կոճակին պատճեն դնել վեբ էջում. 5 քայլ (նկարներով)

2024 Հեղինակ: John Day | [email protected]. Վերջին փոփոխված: 2024-01-30 09:48

Սա կարող է պարզ թվալ, և ես կարող եմ հիմար թվալ այն Instructables- ի վրա դնելու համար, բայց իրականում դա այդքան էլ հեշտ չէ: Կա CSS, Jquery, HTML, որոշ շքեղ javascript և, լավ, գիտեք:

Քայլ 1: Ստեղծեք գրիչ

Կա այս զով կայքը, որը կոչվում է Codepen: Նախկինում, պարզապես HTML- ում կոդավորելու համար, նախկինում ստիպված էի

1. Գործարկել File Explorer- ը:
2. Գնացեք Իմ փաստաթղթերը:
3. Ստեղծեք txt ֆայլ:
4. Այդ ֆայլը վերանվանեք «MyHTMLDoc.html»:
5. Կտտացրեք OK նախազգուշացման երկխոսությանը:
6. Փակել File Explorer- ը:
7. Բացեք Visual Studio- ն, որը տևում է հինգ րոպե:
8. Բացեք ֆայլը Visual Studio- ում, որը տևում է ևս հինգ րոպե: VS- ն շատ դանդաղ է:
9. Սկսել:
10. Ավարտելուց հետո ես պետք է ֆայլը բացեմ Edge- ում ՝ իմ աշխատանքը դիտելու համար:

Այժմ, այն ամենը, ինչ ձեզ հարկավոր է անել, այն է

1. Գործարկել Edge- ը:
2. Գնացեք
3. Վերին աջ անկյունում սեղմեք նոր Գրիչ:
4. Սկսեք կոդավորումը:

Տեսնես որքանո՞վ է ավելի հեշտ: Պարզապես մուտքագրեք ձեր JS, CSS և HTML իրենց համապատասխան տուփերում: Արդյունքները ինքնաբերաբար ցուցադրվում են աջ կողմում:

Իրականում, Codepen- ն այնքան շատ ավելի լավն է, որ խորհուրդ եմ տալիս հենց հիմա գնալ ձեր հաշիվը ստեղծելու համար: Այո, ես ատում եմ լինել գովազդողը, բայց չեմ կարող դրան օգնել: Դա շատ ավելի լավ է: Ոչինչ չեմ կարող անել դրա մասին:

Կամ, եթե չեք ցանկանում հաշիվ ստեղծել, կարող եք գնալ առանց գրիչ ստեղծելու: Դուք կարող եք ձեր գրիչը պահել «Անանուն կապիտան» օգտվողի անվան տակ:

Քայլ 2: Ավելացրեք հղումներ

Քանի որ մենք պատրաստվում ենք օգտագործել Jquery- ն և այս (իրոք) թույն իրը, որը կոչվում է «Balloon.css», մենք նախ պետք է հղումներ ավելացնենք: Եթե դուք նորեկ եք, ես ձեզ կասեմ, թե ինչպես դա անել Codepen- ում:

1. Կտտացրեք Կարգավորումներ:
2. Կախված նրանից, թե հղումը ոճաթերթ է, թե՞ սցենար, կտտացրեք կամ CSS կամ Javascript:
3. Ավելացնել արտաքին (Javascript կամ CSS) բաժնում ավելացնել հղումները:

Ավելացնել:

բլա բլա բլա: BLAAAAAAA !!!!

Այժմ հեռացրեք այն և տեղադրեք HTML պիտակը, որը կապում է ձեր նախընտրած CDN- ին Jquery- ի և Balloon.css- ի համար:

Քայլ 3: Կոդ

Դրանից ներքև ավելացրեք այս ծածկագիրը:

codepen.io/slate-coding/pen/oepQpX

Պատճենեք/տեղադրեք ծածկագիրը ձեր գրիչի վրա:

Քայլ 4: Փոփոխեք այդ ծածկագիրը `ձեր կարիքներին համապատասխան

Գրիչով կարող եք ծածանել այնքան, որքան ցանկանում եք, ձեր կարիքներին համապատասխան, այնուհետև պատճենեք-տեղադրեք ծածկագիրը այնտեղ, որտեղ ցանկանում եք:

Քայլ 5: Դեմո

codepen.io/alexvgs/pen/oepQpX