INHOUDSOPGAWE:
- Stap 1: Skep 'n pen
- Stap 2: Voeg verwysings by
- Stap 3: Kodeer
- Stap 4: Verander die kode volgens u behoeftes
- Stap 5: Demo
Video: N Kopie na die knipbordknoppie op 'n webblad plaas: 5 stappe (met prente)
2024 Outeur: John Day | [email protected]. Laas verander: 2024-01-30 07:26
Dit klink miskien eenvoudig, en ek lyk miskien dom om dit op Instructables te plaas, maar in werklikheid is dit nie so maklik nie. Daar is CSS, Jquery, HTML, 'n paar fancy javascript, en, wel, jy weet.
Stap 1: Skep 'n pen
Daar is hierdie oulike webwerf genaamd Codepen. In die verlede moes ek net om HTML te kodeer
- Begin File Explorer.
- Gaan na My dokumente.
- Skep 'n txt -lêer.
- Hernoem daardie lêer na "MyHTMLDoc.html".
- Klik OK in die waarskuwingsdialoog.
- Maak File Explorer toe.
- Maak Visual Studio oop, wat vyf minute neem.
- Maak die lêer oop in Visual Studio, wat nog vyf minute neem. VS is baie stadig.
- Begin.
- As ek klaar is, moet ek die lêer in Edge oopmaak om my werk te sien.
Al wat u hoef te doen is
- Begin Edge.
- Gaan na
- Klik op die nuwe pen in die regter boonste hoek.
- Begin met kodering.
Sien u hoeveel makliker dit is? Voer net u JS, CSS en HTML in hul onderskeie blokkies in. Die resultate verskyn outomaties aan die regterkant.
In werklikheid is Codepen soveel beter, dat ek u aanbeveel om nou u rekening te begin skep. Ja, ek haat dit om die advertensie te wees, maar ek kan nie anders nie. Dit is baie beter. Daar is niks wat ek daaraan kan doen nie.
Of as u nie 'n rekening wil skep nie, kan u 'n pen sonder 'n rekening skep. U kan u pen onder die gebruikersnaam "Captain Anonymous" stoor.
Stap 2: Voeg verwysings by
Aangesien ons Jquery en hierdie (regtig) gawe dingajammy met die naam "Balloon.css" gaan gebruik, moet ons eers verwysings byvoeg. As u nuut is, sal ek u vertel hoe u dit in Codepen moet doen.
- Klik op Instellings.
- Afhangende van of die verwysing 'n stylblad of 'n skrif is, klik op CSS of Javascript.
- Voeg die verwysings by Voeg eksterne (Javascript of CSS) by.
Voeg by:
bla bla bla: BLAAAAAAA !!!!
Verwyder dit nou en sit die HTML -etiket in wat koppel aan u gunsteling CDN vir Jquery en Balloon.css.
Stap 3: Kodeer
Voeg daaronder hierdie kode by.
codepen.io/slate-coding/pen/oepQpX
Kopieer/plak die kode op u pen.
Stap 4: Verander die kode volgens u behoeftes
U kan soveel as wat u wil met die pen rondspoel om aan u behoeftes te voldoen, en dan die kode kopieer en plak waar u wil.
Stap 5: Demo
codepen.io/alexvgs/pen/oepQpX
Aanbeveel:
ESP8266 POV -waaier met klok- en webblad -teksopdatering: 8 stappe (met foto's)
ESP8266 POV -waaier met klok- en webblad -teksopdatering: dit is 'n veranderlike spoed, POV (Persistence Of Vision), waaier wat met tussenposes die tyd wys en twee sms'e wat onmiddellik bygewerk kan word. "The POV Fan is ook 'n enkele bediener se webbediener waarmee u die twee teks my kan verander
DIE GOEDKOOPSTE GEMOTORISEERDE VAN DIE INTERNET, GORDELGERY, 48 "DIY CAMERA SLIDER: 12 stappe (met prente)
DIE GOEDKOOPSTE GEMOTOREERDE VAN DIE INTERNET, GORDELGESTUURDE, 48 "DIY -KAMERA SLIDER: Parallax Printing bied 'n goedkoop oplossing vir gemotoriseerde parallaksfotografie. Let op: hierdie gids is 'n paar jaar oud en in die tyd sedert dit geskryf is, het die skyfievervaardiging Opteka die ontwerp gewysig die platform deur die kern te verwyder
Hoe om 'n spoorweg-spoorvoertuig op die baan te plaas: 10 stappe (met foto's)
Hoe om 'n spoorwegvoertuig op die baan te plaas: veiligheidsmaatreëls: die persoon wat die spoorvragmotor op die spoor sit en die persoon wat help, moet klere met 'n hoë sigbaarheid (bv. Baadjie, trui, jas) dra om gesien te word deur moontlike aankomende verkeer. 'N Hoed en handskoene moet ook gedra word om
Hoe om probleme op te los met die afstandsbediening van die Pionner -stuurwiel - Verhoog die IR -sein en herstel die klein slot: 14 stappe
Hoe om probleme op te los met die afstandsbediening van die stuurwiel van Pionner - Verhoog die IR -sein en herstel die klein slot.: Hierdie afstandsbediening is baie mooi en gerieflik, maar soms werk dit nie behoorlik nie. projek is nie 'n voorbeeld van doeltreffendheid nie. Ek kom uit Brasilië en het hierdie wenk op Amaz gekry
Instruksies vir die voltooiing van die opmaak van die baanskyfontwerp vir die opheffing/verlaging van die middelste voetsteun op motorwielstoele: 9 stappe (met foto's)
Instruksies vir die voltooiing van die opmaak van die baanskyfontwerp vir die opheffing/verlaging van die middelste voetsteun op motorwielstoele: die middelste voetsteunhysers moet goed onder die sitplek geberg word en laer om te ontplooi. 'N Meganisme vir die onafhanklike werking van die opberging en ontplooiing van voetsteun is nie ingesluit by rolstoele op die mark nie, en PWC -gebruikers het die behoefte uitgespreek