Qalqib Chiquvchi Tasvirni Qanday Qilish Kerak

Mundarija:

Qalqib Chiquvchi Tasvirni Qanday Qilish Kerak
Qalqib Chiquvchi Tasvirni Qanday Qilish Kerak

Video: Qalqib Chiquvchi Tasvirni Qanday Qilish Kerak

Video: Qalqib Chiquvchi Tasvirni Qanday Qilish Kerak
Video: RASM CHIZISH UCHUN QANDAY QALAM TANLASH KERAK 2024, Dekabr
Anonim

Qalqib chiquvchi yoki ochiladigan oynalar Internetda tobora ommalashib bormoqda. Yoki oddiyroq qilib, pop-up rasmlar. Ko'pgina sayt egalari ularni ko'pincha reklama maqsadida qilishlari kerak, ammo hamma ham ularni yaratish algoritmini bilmaydi.

Qalqib chiquvchi tasvirni qanday qilish kerak
Qalqib chiquvchi tasvirni qanday qilish kerak

Bu zarur

  • - HTML muharriri;
  • - daftar;
  • - xosting.

Ko'rsatmalar

1-qadam

HTML yoki matn muharririda yangi veb-sahifa yarating yoki oching. Buning uchun Dreamweaver, Expression Web va boshqalar kabi mashhur dasturlardan foydalanishingiz mumkin. Agar siz HTML dasturlash tilida birinchi qadamlaringizni qo'yayotgan bo'lsangiz, oddiy "bloknot" dan foydalaning.

2-qadam

"Head" va "/ head" teglari orasiga quyidagi kodni joylashtiring:

.thumbnail {pozitsiyasi: nisbiy; z-indeks: 0;}

.thumbnail: hover {background-color: transparent; z-indeks: 50;}

.iqtisodiy span {/ * kengaytirilgan rasm uchun CSS * / pozitsiyasi: mutlaq; fon-rang: och sariq; to'ldirish: 5px; chapda: -1000 piksel; chegara: 1px kesilgan kulrang; ko'rinadigan: yashirin; rang: qora; matnni bezatish: yo'q;}

.thumbnail span img {/ * kengaytirilgan rasm uchun CSS * / border-width: 0; to'ldirish: 2 piksel;}

.thumbnail: hover span {/ * CSS hover-da kattalashtirilgan rasm uchun * / visibility: ko'rinadigan; yuqori: 0; chap: 65px; / * kattalashtirilgan rasm gorizontal ravishda siljishi kerak bo'lgan holat * /}

3-qadam

Kodning so'nggi satridagi qiymatni o'zgartirib, ochilgan rasmning gorizontal joyini sozlang. Rasm veb-sahifada ko'rinishini xohlagan joylar "tanasi" va "/ tanasi" orasidagi bo'sh joyni ajratib qo'ying. Keyin quyidagi kodni nusxalash va joylashtiring:

Matn sarlavhasiga misol

Matn sarlavhasiga misol"

4-qadam

"Papka / largepci1.jpg" ni ochilgan fotosurat uchun ishlatiladigan fayl bilan almashtiring. Kodning ikkinchi bloki bilan ham xuddi shunday qiling. Undagi "Matn sarlavhasi misoli" qatorini ochilgan rasmda yozilishi kerak bo'lgan joyga o'zgartiring. Qalqib chiqadigan rasm hajmini sozlash uchun koddagi balandlik va kenglik qiymatlarini o'zgartiring. Ko'proq eskizlarni qo'shish uchun qo'shimcha kod bloklarini yarating. HTML hujjatiga kerak bo'lganda boshqa atributlar, teglar va matnlarni kiriting. HTML faylini saqlang va keyin veb-serveringizga yuklang.

Tavsiya: