Jinsi Ya Kutengeneza Picha Ya Pop-up

Orodha ya maudhui:

Jinsi Ya Kutengeneza Picha Ya Pop-up
Jinsi Ya Kutengeneza Picha Ya Pop-up

Video: Jinsi Ya Kutengeneza Picha Ya Pop-up

Video: Jinsi Ya Kutengeneza Picha Ya Pop-up
Video: Jinsi ya kuweka picha kwenye google drive 2024, Mei
Anonim

Madirisha ya pop-up au pop-under yanazidi kuwa maarufu kwenye mtandao. Au, kwa urahisi zaidi, picha za pop-up. Wamiliki wengi wa tovuti mara nyingi wanapaswa kuwafanya kwa madhumuni ya matangazo, lakini sio kila mtu anajua algorithm ya uundaji wao.

Jinsi ya kutengeneza picha ya pop-up
Jinsi ya kutengeneza picha ya pop-up

Ni muhimu

  • - Mhariri wa HTML;
  • - daftari;
  • - mwenyeji.

Maagizo

Hatua ya 1

Unda au ufungue ukurasa mpya wa wavuti katika HTML au kihariri cha maandishi. Unaweza kutumia programu maarufu kama Dreamweaver, Expression Web na zingine kwa kusudi hili. Ikiwa unachukua tu hatua zako za kwanza katika lugha ya programu ya HTML, tumia "notepad" ya kawaida.

Hatua ya 2

Bandika nambari ifuatayo kati ya lebo za "kichwa" na "/ kichwa":

kijipicha {msimamo: jamaa; z-index: 0;}

kijipicha: hover {background-color: transparent; z-index: 50;}

Picha ndogo ya span {/ * CSS kwa picha iliyopanuliwa * / position: absolute; rangi ya asili: rangi nyepesi; padding: 5px; kushoto: -1000px; mpaka: 1px imeangaza kijivu; kujulikana: kujificha; rangi: nyeusi; mapambo ya maandishi: hakuna;}

Kijipicha cha span img {/ * CSS kwa picha iliyopanuliwa * / upana wa mpaka: 0; pedi: 2px;}

Kijipicha: hover span {/ * CSS kwa picha iliyopanuliwa kwenye hover * / visibility: visible; juu: 0; kushoto: 65px; / * nafasi ambapo picha iliyopanuliwa inapaswa kuweka sawa * /}

Hatua ya 3

Rekebisha mpangilio mlalo wa picha ibukizi kwa kubadilisha thamani kwenye laini ya mwisho ya nambari. Tenga nafasi kati ya lebo za "mwili" na "/ mwili" ambapo unataka picha ionekane kwenye ukurasa wa wavuti. Kisha nakili na ubandike nambari ifuatayo:

Mfano wa kichwa cha maandishi

Mfano wa kichwa cha maandishi"

Hatua ya 4

Badilisha "folda / largepci1.jpg" na faili iliyotumiwa kwa picha ya kidukizo. Fanya vivyo hivyo na kizuizi cha pili cha nambari. Badilisha mstari "Mfano wa kichwa cha maandishi" ndani yake kwa kile kinachopaswa kuandikwa kwenye picha ya pop-up. Pia badilisha viwango vya urefu na upana katika nambari ili kurekebisha saizi ya picha ya pop-up. Unda vizuizi vya ziada vya nambari ili kuongeza michoro zaidi. Ingiza sifa zingine, vitambulisho, na maandishi kwenye hati ya HTML kama inahitajika. Hifadhi faili ya HTML kisha uipakie kwenye seva yako ya wavuti.

Ilipendekeza: