Kopeerimise lisamine lõikelauale veebilehel: 5 sammu (piltidega)

Sisukord:

Samm: looge pliiats
Samm: lisage viiteid
3. samm: kood
Samm: muutke seda koodi vastavalt oma vajadustele
5. samm: demo

2025 Autor: John Day | [email protected]. Viimati modifitseeritud: 2025-01-13 06:57

See võib tunduda lihtne ja ma näeksin selle väljanägemise järgi juhuslikult välja, kuid tegelikult pole see nii lihtne. Seal on CSS, Jquery, HTML, mõni uhke javascript ja noh, teate küll.

Samm: looge pliiats

Seal on see lahe sait nimega Codepen. Varem pidin ma lihtsalt HTML -i kodeerimiseks

Käivitage File Explorer.
Avage Minu dokumendid.
Looge txt -fail.
Nimetage see fail ümber "MyHTMLDoc.html".
Vajutage hoiatusdialoogi OK.
Sulgege File Explorer.
Avage Visual Studio, mis võtab viis minutit.
Avage fail Visual Studio'is, mis võtab veel viis minutit. VS on väga aeglane.
Alusta.
Kui olen lõpetanud, pean oma töö vaatamiseks faili Edge'is avama.

Nüüd on kõik, mida pead tegema

Käivitage Edge.
Minge saidile
Vajutage paremas ülanurgas uut pliiatsi.
Alusta kodeerimist.

Näete, kui palju lihtsam see on? Sisestage oma JS, CSS ja HTML vastavatesse kastidesse. Tulemused kuvatakse automaatselt paremal.

Tegelikult on Codepen nii palju parem, et soovitan teil kohe oma konto luua. Jah, ma vihkan olla see reklaam, aga ma ei saa sinna midagi parata. See on palju parem. Ma ei saa sellega midagi teha.

Või kui te ei soovi kontot luua, võite luua pliiatsi ilma kontota. Saate oma pliiatsi salvestada kasutajanimega "Anonüümne kapten".

Samm: lisage viiteid

Kuna me hakkame kasutama Jquery ja seda (tõesti) lahedat thingajammyt nimega "Balloon.css", peame esmalt lisama viited. Kui olete uus, ütlen teile, kuidas seda Codepenis teha.

Klõpsake nuppu Seaded.
Sõltuvalt sellest, kas viide on stiilileht või skript, klõpsake kas CSS või Javascript.
Lisage viited jaotises Lisa väline (Javascript või CSS).

Lisama:

bla bla bla: BLAAAAAAA !!!!

Nüüd eemaldage see ja sisestage HTML -silt, mis linkib teie lemmik -CDN -ile Jquery ja Balloon.css jaoks.