Açılan və ya açılan pəncərələr İnternetdə getdikcə daha populyarlaşır. Və ya daha sadə, pop-up şəkillər. Bir çox sayt sahibləri onları reklam məqsədi ilə hazırlamalı olurlar, lakin hamı onların yaradılması üçün alqoritmi bilmir.
Vacibdir
- - HTML redaktoru;
- - dəftər;
- - hosting.
Təlimat
Addım 1
HTML və ya mətn redaktorunda yeni bir veb səhifə yaradın və ya açın. Bu məqsədlə Dreamweaver, Expression Web və digərləri kimi populyar proqramlardan istifadə edə bilərsiniz. HTML proqramlaşdırma dilində ilk addımlarınızı atırsınızsa, adi bir "not defteri" istifadə edin.
Addım 2
Aşağıdakı kodu "baş" və "/ baş" etiketleri arasına yapışdırın:
.thumbnail {mövqe: nisbi; z-indeksi: 0;}
.chumbnail: hover {background-color: transparent; z-indeksi: 50;}
.böyük şəkil {/ * genişləndirilmiş şəkil üçün CSS * / mövqeyi: mütləq; arxa rəng: açıq sarı; dolgu: 5px; sol: -1000 piksel; haşiyə: 1px kəsik boz; görünürlük: gizli; rəng: qara; mətn dekorasiyası: yoxdur;}
.böyük şəkil üçün img {/ * CSS * / border-width: 0; dolgu: 2px;}
.thumbnail: hover * / görünürlükdəki genişləndirilmiş şəkil üçün hover span {/ * CSS: görünür; üst: 0; sol: 65px; / * genişləndirilmiş görüntünün yatay şəkildə əvəzləşdiriləcəyi vəziyyət * /}
Addım 3
Kodun son sətrindəki dəyəri dəyişdirərək açılan görüntünün üfüqi ofsetini tənzimləyin. Görüntünün veb səhifədə görünməsini istədiyiniz "gövdə" və "/ bədən" etiketləri arasında yer ayırın. Sonra aşağıdakı kodu kopyalayın və yapışdırın:
Mətn başlığının nümunəsi
Mətn başlığına nümunə"
Addım 4
"Qovluq / largepci1.jpg" düyməsini açılan fotoşəkil üçün istifadə olunan sənədlə əvəz edin. Kodun ikinci bloku ilə eyni şeyi edin. İçindəki "Mətn başlığının nümunəsi" sətrini açılır görüntüdə yazılmalı olan şeyə dəyişdirin. Açılan görüntünün ölçüsünü tənzimləmək üçün koddakı hündürlük və genişlik dəyərlərini də dəyişdirin. Daha çox eskiz əlavə etmək üçün əlavə kod blokları yaradın. Lazım gəldikdə HTML sənədinə digər atributları, etiketləri və mətni daxil edin. HTML sənədini qeyd edin və sonra veb serverinizə yükləyin.
