Изскачащите или изскачащи прозорци стават все по-популярни в интернет. Или, по-просто, изскачащи снимки. Много собственици на сайтове често трябва да ги правят за рекламни цели, но не всеки знае алгоритъма за тяхното създаване.
Необходимо е
- - HTML редактор;
- - тетрадка;
- - хостинг.
Инструкции
Етап 1
Създайте или отворете нова уеб страница в HTML или текстов редактор. За целта можете да използвате популярни програми като Dreamweaver, Expression Web и други. Ако просто правите първите си стъпки в езика за програмиране HTML, използвайте обикновен „бележник“.
Стъпка 2
Поставете следния код между маркерите "head" и "/ head":
. миниатюра {позиция: относителна; z-индекс: 0;}
миниатюра: задръжте курсора {background-color: transparent; z-индекс: 50;}
.размах на миниатюри {/ * CSS за уголемено изображение * / позиция: абсолютна; цвят на фона: светложълт; подплата: 5px; вляво: -1000px; граница: 1px пунктирана сива; видимост: скрита; цвят черен; декорация на текст: няма;}
.thumbnail span img {/ * CSS за уголемено изображение * / border-width: 0; подплата: 2px;}
миниатюра: обхват на курсора {/ * CSS за уголемено изображение при задържане * / видимост: видима; отгоре: 0; вляво: 65px; / * позиция, където уголеменото изображение трябва да се измества хоризонтално * /}
Стъпка 3
Регулирайте хоризонталното отместване на изскачащото изображение, като промените стойността на последния ред от кода. Разпределете място между маркерите "body" и "/ body", където искате изображението да се показва на уеб страницата. След това копирайте и поставете следния код:
Пример за заглавие на текст
Пример за заглавие на текст"
Стъпка 4
Заменете "folder / largepci1.jpg" с файла, използван за изскачащата снимка. Направете същото с втория блок код. Променете реда "Пример за заглавие на текст" в него на това, което трябва да бъде записано в изскачащото изображение. Също така променете стойностите на височината и ширината в кода, за да регулирате размера на изскачащото изображение. Създайте допълнителни блокове код, за да добавите още скици. Въведете други атрибути, тагове и текст в HTML документа, ако е необходимо. Запазете HTML файла и след това го качете на вашия уеб сървър.
