Madirisha ibukizi kwa madhumuni anuwai yana matumizi mengi katika ujenzi wa wavuti. Zinaweza kutumiwa kuunda menyu anuwai, weka maandishi ya kutangaza na picha, vidokezo vya zana wakati wa kujaza fomu ngumu, na ni rahisi kuweka fomu hizo kwenye windows ambazo hazichukui nafasi kwenye ukurasa. Katika nakala yetu utapata maelezo ya jinsi unaweza kutengeneza dirisha kama hilo.
Ni muhimu
Ujuzi wa kimsingi wa HTML
Maagizo
Hatua ya 1
dukizo, html, safu iliyofichwa
Hatua ya 2
Kwenye kurasa nyingi kwenye wavuti, unaweza kuona kwamba maktaba za kupendeza za mifumo anuwai ya JavaScript (jQuery, MooTools, Prototype, nk) hutumiwa kuunda windows-pop kwenye kurasa. Walakini, kwa kweli, sio lazima wakati wa kutatua shida hii. Zana zinazopatikana katika Hypertext Markup Language (HTML) na Cascading Style Sheets (CSS) zinatosha kuunda viibukizi. Madirisha iliyoundwa kwa njia hii atafanya kazi bila kujali ikiwa JavaScript imewezeshwa kwenye kivinjari cha wageni.
Nambari yote inayounda kidukizo inaweza kuwekwa kwenye mistari miwili. Mstari wa kwanza huunda kiunga ambacho lazima kibonyeze kuonyesha kidukizo:
Bonyeza hapa!
Hapa, sifa ya onmouseover ya lebo ya kiungo inaweka aina ya kielekezi chaguo-msingi cha panya kwa viungo. Sifa ya onclick inabainisha kuwa wakati kiunga kinabofya, kizuizi cha PopUp kilichofichwa kinapaswa kuonekana.
Mstari wa pili ni, kwa kweli, dirisha la pop-up. Safu iliyo na kitambulisho cha PopUp na saizi ya dirisha, rangi na saizi ya maandishi, msingi na mpaka uliowekwa katika sifa ya mtindo:
Haya ndio maandishi kwenye kidukizo
Haionekani kwa chaguo-msingi - hii inaonyeshwa na kiteuzi cha onyesho na thamani ya hakuna katika maelezo ya mtindo wa safu.
Kweli, hii ndiyo yote unayohitaji kuunda dirisha ibukizi - weka mistari hii miwili kati ya vitambulisho na ukurasa wako na iko tayari kwenda.
Hatua ya 3
Ili kuweza kufunga kidirisha cha kidukizo mbele ya lebo, unahitaji kuongeza kiunga kinachofanya kitendo tofauti - kuficha safu inayoonekana na kitambulisho cha PopUp:
funga
Hatua ya 4
Na ikiwa unataka dirisha lijitokeze sio kwa kubonyeza, lakini kwa kuelekeza mshale wa panya, basi laini ya kwanza na kiunga lazima ibadilishwe kwa njia hii:
songa panya hapa!
Hatua ya 5
Sasa unajua kanuni na muundo wa nambari ya dirisha ibukizi, na muundo wa muonekano wake na yaliyomo kabisa inategemea malengo yako na mawazo.
