Қалқымалы немесе қалқымалы терезелер Интернетте көбірек танымал бола бастайды. Немесе қарапайым түрде қалқымалы суреттер. Көптеген сайт иелері оларды жарнама мақсатында жасауға мәжбүр болады, бірақ олардың жасалу алгоритмін барлығы біле бермейді.
Бұл қажетті
- - HTML редакторы;
- - дәптер;
- - хостинг.
Нұсқаулық
1-қадам
HTML немесе мәтіндік редакторда жаңа веб-парақ жасаңыз немесе ашыңыз. Ол үшін Dreamweaver, Expression Web және басқалары сияқты танымал бағдарламаларды пайдалануға болады. Егер сіз HTML бағдарламалау тілінде алғашқы қадамдарыңызды жасасаңыз, кәдімгі «блокнотты» қолданыңыз.
2-қадам
Келесі кодты «head» және «/ head» тегтерінің арасына қойыңыз:
.thumbnail {позиция: қатысты; z-индексі: 0;}
.нобайт: hover {background-color: мөлдір; z-индексі: 50;}
.кеңейтілген сурет {/ * кеңейтілген сурет үшін CSS * / позиция: абсолютті; фон-түс: ақшыл сары; төсеме: 5px; сол жақта: -1000px; жиек: 1px сұрғылт сұр; көрнекілігі: жасырын; түс: қара; мәтіндік безендіру: жоқ;}
.thumbnail span img {/ * үлкейтілген сурет үшін CSS * / border-width: 0; төсеу: 2px;}
.нобайт: hover span {/ * hover * үлкейтілген сурет үшін CSS: көрінетін; жоғарғы: 0; сол жақта: 65px; / * үлкейтілген кескін көлденеңінен ығысуы керек позиция * /}
3-қадам
Кодтың соңғы жолындағы мәнді өзгерту арқылы қалқымалы суреттің көлденең жылжуын реттеңіз. Суреттің веб-бетте пайда болуын қалайтын «дене» және «/ дене» тегтері арасында орын бөліңіз, содан кейін келесі кодты көшіріңіз және қойыңыз:
Мәтін тақырыбының мысалы
Мәтін тақырыбының мысалы «
4-қадам
«Folder / largepci1.jpg» файлын қалқымалы фотосуретке арналған файлмен ауыстырыңыз. Кодтың екінші блогымен де осылай жасаңыз. Ондағы «Мәтін тақырыбының мысалы» жолын қалқымалы суретте не жазылатындығына өзгертіңіз. Қалқымалы кескіннің өлшемін реттеу үшін кодтағы биіктік пен ендік мәндерін өзгертіңіз. Қосымша эскиздер қосу үшін кодтың қосымша блоктарын жасаңыз. HTML құжатына басқа атрибуттарды, тегтерді және мәтінді қажетінше енгізіңіз. HTML файлын сақтап, оны веб-серверге жүктеңіз.
