Innholdsfortegnelse:
- Trinn 1: Lag en penn
- Trinn 2: Legg til referanser
- Trinn 3: Kode
- Trinn 4: Endre denne koden for å passe dine behov
- Trinn 5: Demo
Video: Sette en kopi til utklippstavlen på en webside: 5 trinn (med bilder)
2024 Forfatter: John Day | [email protected]. Sist endret: 2024-01-30 11:23
Dette kan høres enkelt ut, og jeg kan se dum ut for å legge det på Instructables, men i virkeligheten er det ikke så lett. Det er CSS, Jquery, HTML, noe fancy javascript, og, vel, du vet.
Trinn 1: Lag en penn
Det er dette kule nettstedet som heter Codepen. Tidligere måtte jeg bare kode for HTML
- Start File Explorer.
- Gå til Mine dokumenter.
- Lag en txt -fil.
- Gi den filen nytt navn til "MyHTMLDoc.html".
- Trykk OK i advarselsdialogboksen.
- Lukk File Explorer.
- Åpne Visual Studio, som tar fem minutter.
- Åpne filen i Visual Studio, som tar ytterligere fem minutter. VS er veldig treg.
- Start.
- Når jeg er ferdig, må jeg åpne filen i Edge for å se arbeidet mitt.
Alt du trenger å gjøre er nå
- Start Edge.
- Gå til
- Trykk på den nye pennen øverst til høyre.
- Start koding.
Ser du hvor mye lettere det er? Bare skriv inn JS, CSS og HTML i sine respektive bokser. Resultatene vises automatisk til høyre.
Faktisk er Codepen sååå mye bedre, at jeg anbefaler deg å opprette kontoen din nå. Ja, jeg hater å være den som annonserer, men jeg kan ikke la være. Det er mye bedre. Det er ingenting jeg kan gjøre med det.
Eller hvis du ikke vil opprette en konto, kan du opprette en penn uten en konto. Du kan lagre pennen din under brukernavnet "Captain Anonym".
Trinn 2: Legg til referanser
Siden vi kommer til å bruke Jquery og denne (virkelig) kule tingajammy kalt "Balloon.css", må vi legge til referanser først. Hvis du er ny, vil jeg fortelle deg hvordan du gjør dette i Codepen.
- Klikk på Innstillinger.
- Avhengig av om referansen er et stilark eller et skript, klikker du enten CSS eller Javascript.
- Under Legg til eksternt (Javascript eller CSS) legger du til referansene.
Legge til:
bla bla bla: BLAAAAAAA !!!!
Fjern det nå og legg inn HTML -taggen som lenker til din favoritt CDN for Jquery og Balloon.css.
Trinn 3: Kode
Legg til denne koden under det.
codepen.io/slate-coding/pen/oepQpX
Kopier/lim inn koden til pennen din.
Trinn 4: Endre denne koden for å passe dine behov
Du kan fikle så mye du vil med pennen som passer dine behov, og deretter kopiere og lime inn koden hvor du vil.
Trinn 5: Demo
codepen.io/alexvgs/pen/oepQpX
Anbefalt:
Hvordan lage og sette inn en tabell og legge til flere kolonner og/eller rader i tabellen i Microsoft Office Word 2007: 11 trinn
Hvordan lage og sette inn en tabell og legge til flere kolonner og/eller rader i tabellen i Microsoft Office Word 2007: Har du noen gang hatt mye data du jobber med og tenkt for deg selv … " hvordan kan jeg få alt av disse dataene ser bedre ut og blir lettere å forstå? " I så fall kan en tabell i Microsoft Office Word 2007 være svaret ditt
Hvordan koble til og sette opp et mini HiFi -hyllesystem (lydsystem): 8 trinn (med bilder)
Hvordan koble til og sette opp et mini HiFi -hyllesystem (lydsystem): Jeg er en person som liker å lære om elektroteknikk. Jeg er en videregående skole på Ann Richards School for Young Women Leaders. Jeg gjør dette instruerbart for å hjelpe alle som ønsker å nyte musikken sin fra en Mini LG HiFi Shelf Syste
Slå sammen din webside (Google Page Creator) med Picasa on Line -album: 5 trinn
Slå sammen websiden din (Google Page Creator) med Picasa on -line -album: Hei, her er min første instruks, og nyt den! fortsetter med denne instruksjonsfulle konfigurasjonen av et nettsted med Googles sideskaper
Slik får du Windows Vista eller XP til å ligne Mac Os X uten å sette datamaskinen i fare: 4 trinn
Hvordan få Windows Vista eller XP til å ligne Mac Os X Uten å sette datamaskinen i fare: Det er en enkel måte å få kjedelig gammel vista eller XP til å se nesten akkurat ut som Mac Os X, det er veldig lett å lære hvordan! For å laste ned gå til http://rocketdock.com
Slik legger du til brukernivåer fra NUMA til din kopi av N ved hjelp av NumADD Firefox AddOn: 4 trinn
Slik legger du til brukernivåer fra NUMA til din kopi av N ved hjelp av NumADD Firefox AddOn: Enhver bruker av Metanets N -brukerdatabase NUMA vil vite hvor klumpete grensesnittet er for å kopiere brukeropprettede nivåer til din kopi av spillet. NumADD, utrydder behovet for kopiering og liming og gjør overføringsnivåer til en museklisk