Indholdsfortegnelse:
- Trin 1: Opret en pen
- Trin 2: Tilføj referencer
- Trin 3: Kode
- Trin 4: Ændring af denne kode, så den passer til dine behov
- Trin 5: Demo
Video: Sætte en kopi til udklipsholder -knappen på en webside: 5 trin (med billeder)
2024 Forfatter: John Day | [email protected]. Sidst ændret: 2024-01-30 08:28
Det lyder måske enkelt, og jeg ser måske fjollet ud for at lægge det på Instructables, men i virkeligheden er det ikke så let. Der er CSS, Jquery, HTML, noget fancy javascript, og, nåh, du ved det.
Trin 1: Opret en pen
Der er dette fede websted, der hedder Codepen. Tidligere var jeg bare nødt til at kode for at kode i HTML
- Start File Explorer.
- Gå til Mine dokumenter.
- Opret en txt -fil.
- Omdøb filen til "MyHTMLDoc.html".
- Hit OK til advarselsdialogen.
- Luk Stifinder.
- Åbn Visual Studio, hvilket tager fem minutter.
- Åbn filen i Visual Studio, hvilket tager yderligere fem minutter. VS er meget langsom.
- Start.
- Når jeg er færdig, skal jeg åbne filen i Edge for at se mit arbejde.
Det eneste du skal gøre er
- Start Edge.
- Gå til
- I den øverste højre hjørne skal du trykke på den nye pen.
- Start kodning.
Se hvor meget lettere det er? Bare indtast din JS, CSS og HTML i deres respektive bokse. Resultaterne vises automatisk til højre.
Faktisk er Codepen sååå meget bedre, at jeg anbefaler dig at gå oprette din konto lige nu. Ja, jeg hader at være den eneste, der reklamerer, men jeg kan ikke lade være. Det er meget bedre. Der er ikke noget, jeg kan gøre ved det.
Eller hvis du ikke vil oprette en konto, kan du gå til at oprette en pen uden en konto. Du kan gemme din pen under brugernavnet "Anonym kaptajn".
Trin 2: Tilføj referencer
Da vi kommer til at bruge Jquery og denne (virkelig) fede tingajammy kaldet "Balloon.css", skal vi tilføje referencer først. Hvis du er ny, vil jeg fortælle dig, hvordan du gør dette i Codepen.
- Klik på Indstillinger.
- Afhængigt af om referencen er et typografiark eller et script, skal du klikke på enten CSS eller Javascript.
- Under Tilføj eksternt (Javascript eller CSS) tilføj referencerne.
Tilføje:
bla bla bla: BLAAAAAAA !!!!
Fjern nu det og indsæt HTML -tag, der linker til dit foretrukne CDN til Jquery og Balloon.css.
Trin 3: Kode
Herunder tilføjer du denne kode.
codepen.io/slate-coding/pen/oepQpX
Kopier/indsæt koden på din pen.
Trin 4: Ændring af denne kode, så den passer til dine behov
Du kan pille så meget du vil med pennen, så den passer til dine behov, og derefter kopiere og indsætte koden, hvor du vil.
Trin 5: Demo
codepen.io/alexvgs/pen/oepQpX
Anbefalede:
ESP8266 POV -ventilator med ur og tekstopdatering af webside: 8 trin (med billeder)
ESP8266 POV -blæser med ur- og websideopdatering af tekst: Dette er en variabel hastighed, POV (Persistence Of Vision), blæser, der periodisk viser tiden og to tekstbeskeder, der kan opdateres "i farten". er også en enkeltsides webserver, der giver dig mulighed for at ændre de to tekst mig
Sådan oprettes en simpel webside ved hjælp af parenteser til begyndere: 14 trin
Sådan opretter du en simpel webside ved hjælp af parenteser til begyndere: Introduktion Følgende instruktioner giver trin for trin vejledning til at oprette en webside ved hjælp af parenteser. Brackets er en kildekode -editor med et primært fokus på webudvikling. Oprettet af Adobe Systems, er det gratis og open-source software licenseret
At sætte lyd, lys og bevægelse i et brætspil med magneter: 3 trin
At sætte lyd, lys og bevægelse i et brætspil med magneter: Dette projekt er et forsøg på at sætte elektroniske komponenter i et brætspil. Magneter blev limet til bønder og hallsensorer blev limet under brættet. Hver gang en magnet rammer en sensor, afspilles der en lyd, en LED lyser, eller en servomotor udløses. Jeg ma
En guide til at sætte din Arduino i dvale: 5 trin
En guide til at sætte din Arduino i dvale: Nogle gange er vi i en situation, der kræver, at vi sætter en Arduino et sted, hvor det ikke er en mulighed at tilslutte den til elnettet. Dette sker ofte, når vi forsøger at logge oplysninger på et fjerntliggende websted eller kun skal have din Arduino aktiv på en
En webside til optimal stereografisk visning: 7 trin
En webside til optimal stereografisk visning: Spænd ikke dine øjne for at se stereografiske billeder. Juster billederne