Turinys:

Kopijavimo į iškarpinę mygtukas tinklalapyje: 5 žingsniai (su paveikslėliais)
Kopijavimo į iškarpinę mygtukas tinklalapyje: 5 žingsniai (su paveikslėliais)

Video: Kopijavimo į iškarpinę mygtukas tinklalapyje: 5 žingsniai (su paveikslėliais)

Video: Kopijavimo į iškarpinę mygtukas tinklalapyje: 5 žingsniai (su paveikslėliais)
Video: Kaip parašyti eta ir kitus nestandartinius simbolius? 2024, Liepa
Anonim
Kopijavimo į iškarpinę mygtukas tinklalapyje
Kopijavimo į iškarpinę mygtukas tinklalapyje

Tai gali atrodyti paprasta, ir aš atrodysiu kvaila, jei įdėsiu jį į „Instructables“, bet iš tikrųjų tai nėra taip paprasta. Yra CSS, „Jquery“, HTML, keletas išgalvotų „JavaScript“ir, gerai, žinote.

1 žingsnis: sukurkite rašiklį

Sukurkite rašiklį
Sukurkite rašiklį

Yra ši šauni svetainė, vadinama „Codepen“. Anksčiau, norėdamas koduoti HTML, turėjau tai daryti

  1. Paleiskite „File Explorer“.
  2. Eikite į Mano dokumentai.
  3. Sukurkite txt failą.
  4. Pervardykite tą failą į „MyHTMLDoc.html“.
  5. Įspėjimo dialogo lange spustelėkite Gerai.
  6. Uždarykite „File Explorer“.
  7. Atidarykite „Visual Studio“, kuri trunka penkias minutes.
  8. Atidarykite failą „Visual Studio“, tai užtrunka dar penkias minutes. VS yra labai lėtas.
  9. Pradėti.
  10. Kai baigsiu, turiu atidaryti failą „Edge“, kad galėčiau peržiūrėti savo darbą.

Dabar viskas, ką jums reikia padaryti, tai

  1. Paleiskite „Edge“.
  2. Eikite į
  3. Viršutiniame dešiniajame kampe paspauskite naują rašiklį.
  4. Pradėkite kodavimą.

Matai, kiek lengviau? Tiesiog įveskite savo JS, CSS ir HTML į atitinkamus laukus. Rezultatai rodomi automatiškai dešinėje.

Tiesą sakant, „Codepen“yra daug geresnis, todėl rekomenduoju jums susikurti paskyrą dabar. Taip, aš nekenčiu būti viena reklama, bet negaliu padėti. Tai daug geriau. Aš nieko negaliu padaryti.

Arba, jei nenorite sukurti paskyros, galite sukurti rašiklį be paskyros. Savo rašiklį galite išsaugoti naudodamiesi „Anoniminio kapitono“vardu.

2 veiksmas: pridėkite nuorodų

Pridėti nuorodų
Pridėti nuorodų

Kadangi mes naudosime „Jquery“ir šią (tikrai) šaunią „thingajammy“, pavadintą „Balloon.css“, pirmiausia turime pridėti nuorodų. Jei esate naujas, aš jums pasakysiu, kaip tai padaryti „Codepen“.

  1. Spustelėkite Nustatymai.
  2. Priklausomai nuo to, ar nuoroda yra stiliaus lapas, ar scenarijus, spustelėkite CSS arba „Javascript“.
  3. Skiltyje Pridėti išorinį („Javascript“arba CSS) pridėkite nuorodas.

Papildyti:

bla bla bla: BLAAAAAAA !!!!

Dabar pašalinkite tai ir įdėkite HTML žymą, susiejančią su jūsų mėgstamiausiu „Jquery“ir „Balloon.css“CDN.

3 žingsnis: kodas

Kodas
Kodas

Žemiau pridėkite šį kodą.

codepen.io/slate-coding/pen/oepQpX

Nukopijuokite/įklijuokite kodą į rašiklį.

4 žingsnis: pakeiskite šį kodą pagal savo poreikius

Pakeiskite šį kodą pagal savo poreikius
Pakeiskite šį kodą pagal savo poreikius

Rašikliu galite suktis tiek, kiek jums patinka, kad atitiktų jūsų poreikius, tada nukopijuokite ir įklijuokite kodą ten, kur norite.

5 žingsnis: demonstracija

Demo
Demo

codepen.io/alexvgs/pen/oepQpX

Rekomenduojamas:

„Arduino“pamoka - BLYNK stiliaus mygtukas ir ESP -01 relės modulis: 3 žingsniai (su paveikslėliais)

„Arduino“pamoka - BLYNK stiliaus mygtukas ir ESP -01 relės modulis: 3 žingsniai (su paveikslėliais)

„Arduino“pamoka - „BLYNK“stiliaus mygtukas ir ESP -01 relės modulis: Sveiki atvykę į kitą mūsų kanalo pamoką, tai yra pirmoji šio sezono pamoka, skirta „IoT“sistemoms, čia aprašysime kai kurias įrenginių funkcijas ir funkcijas naudojamas šio tipo sistemose. Norėdami sukurti šias

ESP8266 „Nodemcu“temperatūros stebėjimas naudojant DHT11 vietiniame tinklalapyje - Patvirtinkite kambario temperatūrą ir drėgmę naršyklėje: 6 žingsniai

ESP8266 „Nodemcu“temperatūros stebėjimas naudojant DHT11 vietiniame tinklalapyje - Patvirtinkite kambario temperatūrą ir drėgmę naršyklėje: 6 žingsniai

ESP8266 „Nodemcu“temperatūros stebėjimas naudojant DHT11 vietiniame tinklalapyje | Naršyklėje nustatykite kambario temperatūrą ir drėgmę: Sveiki, vaikinai, šiandien mes gaminsime drėgmę ir temperatūros stebėjimo sistema, naudojant ESP 8266 NODEMCU & DHT11 temperatūros jutiklis. Temperatūra ir drėgmė bus nustatyti naudojant DHT11 jutiklį & tai galima pamatyti naršyklėje, kuris tinklalapis bus valdomas

Kopijavimo stovas: 5 žingsniai

Kopijavimo stovas: 5 žingsniai

Kopijavimo stendas: nusibodo eiti į kopijavimo parduotuvę? Ar jūsų senas skaitytuvas tikrai lėtas ?? Ar jūsų dokumentas per didelis? Ar turite lazerinį spausdintuvą? Nei tai, kas nurodyta, yra jums

Slaptas šnipinėjimo atvaizdas Nuotraukų kopijavimo paketinis failas: 5 žingsniai

Slaptas šnipinėjimo atvaizdas Nuotraukų kopijavimo paketinis failas: 5 žingsniai

Slaptas šnipinėjimo atvaizdo nuotraukų kopijavimo paketinis failas: Taigi, visų pirma, kas yra šis pamokomas kūrimas ir kodėl. Šis nurodymas leis jums sukurti paketinį failą, kuris nukopijuos visus vaizdus iš kompiuterio į atminties kortelę. ji tai padarys diskretiškai, pateikdama kaip kitą programą, kuri yra

„Yokozuna Ninja Booming Grip of Righteousness“(fotoaparato kopijavimo stovo trikojo adapteris): 5 žingsniai (su nuotraukomis)

„Yokozuna Ninja Booming Grip of Righteousness“(fotoaparato kopijavimo stovo trikojo adapteris): 5 žingsniai (su nuotraukomis)

„Yokozuna Ninja Booming Grip of Righteousness“(fotoaparato kopijavimo stovo trikojo adapteris): nepainiokite su nindzių krano fotoaparato sąranka, sukurkite šį patogų adapterį, kad galėtumėte naudoti savo trikojį kaip fotoaparato kopijavimo stovą. Fotografuodami daiktus, kurie turi būti lygūs, pvz., *Šiukšlės */ daiktai, kuriuos reikia įnešti į eB@y, norite gauti