Orodha ya maudhui:

Kuweka Nakala kwenye Kitufe cha Ubaoklipu kwenye ukurasa wa wavuti: Hatua 5 (na Picha)
Kuweka Nakala kwenye Kitufe cha Ubaoklipu kwenye ukurasa wa wavuti: Hatua 5 (na Picha)

Video: Kuweka Nakala kwenye Kitufe cha Ubaoklipu kwenye ukurasa wa wavuti: Hatua 5 (na Picha)

Video: Kuweka Nakala kwenye Kitufe cha Ubaoklipu kwenye ukurasa wa wavuti: Hatua 5 (na Picha)
Video: DEMU ALIWA NYUMA HADI KINYESI CHATOKA (ANGALIA VIDEO HADI MWISHO) 2024, Juni
Anonim
Kuweka Nakala kwenye Kitufe cha Ubaoklipu kwenye ukurasa wa wavuti
Kuweka Nakala kwenye Kitufe cha Ubaoklipu kwenye ukurasa wa wavuti

Hii inaweza kusikika kuwa rahisi, na naweza kuonekana mjinga kwa kuiweka kwenye Maagizo, lakini kwa kweli, sio rahisi. Kuna CSS, JQuery, HTML, javascript ya kupendeza, na, sawa, unajua.

Hatua ya 1: Unda kalamu

Unda Kalamu
Unda Kalamu

Kuna tovuti hii nzuri inayoitwa Codepen. Hapo zamani, ili nambari tu kwenye HTML, nilikuwa na lazima

  1. Anzisha Kichunguzi cha Faili.
  2. Nenda kwenye Hati Zangu.
  3. Unda faili ya txt.
  4. Badilisha jina la faili hiyo kuwa "MyHTMLDoc.html".
  5. Piga sawa kwenye mazungumzo ya onyo.
  6. Funga Kichunguzi cha Faili.
  7. Fungua Studio ya Visual, ambayo inachukua dakika tano.
  8. Fungua faili katika Studio ya Visual, ambayo inachukua dakika nyingine tano. VS ni polepole sana.
  9. Anza.
  10. Nikimaliza, lazima nifungue faili katika Edge ili kuona kazi yangu.

Sasa, unachohitaji kufanya ni

  1. Uzinduzi wa Edge.
  2. Nenda kwa
  3. Kwenye kona ya juu kulia, piga kalamu mpya.
  4. Anza kuweka alama.

Angalia ni rahisi sana? Ingiza tu JS yako, CSS, na HTML kwenye masanduku yao. Matokeo hujitokeza moja kwa moja upande wa kulia.

Kwa kweli, Codepen ni bora sana, kwamba ninapendekeza uende kufungua akaunti yako sasa hivi. Ndio, nachukia kuwa yule anayetangaza, lakini siwezi kusaidia. Ni bora zaidi. Hakuna chochote ninaweza kufanya juu yake.

Au, ikiwa hutaki kuunda akaunti, unaweza kwenda kuunda kalamu bila akaunti. Unaweza kuhifadhi kalamu yako chini ya jina la mtumiaji "Kapteni Anonymous".

Hatua ya 2: Ongeza Marejeo

Ongeza Marejeo
Ongeza Marejeo

Kwa kuwa tutatumia Jquery na hii (kweli) baridi thingajammy inayoitwa "Balloon.css", lazima tuongeze marejeo kwanza. Ikiwa wewe ni mpya, nitakuambia jinsi ya kufanya hivyo katika Codepen.

  1. Bonyeza Mipangilio.
  2. Kulingana na iwapo rejeleo ni la-mtindo au hati, bonyeza CSS au Javascript.
  3. Chini ya Ongeza nje (Javascript au CSS) ongeza marejeo.

Ongeza:

bla bla bla: BLAAAAAAA !!!!

Sasa ondoa hiyo na uweke lebo ya HTML inayounganisha CDN yako uipendayo kwa Jquery na Balloon.css.

Hatua ya 3: Kanuni

Kanuni
Kanuni

Chini ya hiyo, ongeza nambari hii.

codepen.io/slate-coding/pen/oepQpX

Nakili / weka nambari hiyo kwenye kalamu yako.

Hatua ya 4: Kubadilisha Nambari hiyo Ili Kukufaa mahitaji yako

Kubadilisha Nambari Hiyo Ili Kukufaa Mahitaji Yako
Kubadilisha Nambari Hiyo Ili Kukufaa Mahitaji Yako

Unaweza kuzunguka kwa kadiri upendavyo na kalamu ili kukidhi mahitaji yako, kisha nakili-weka nambari hiyo popote unapotaka.

Hatua ya 5: Maonyesho

Maonyesho
Maonyesho

codepen.io/alexvgs/pen/oepQpX

Ilipendekeza: