پنجره های بازشو یا پنجره بازشو بیشتر و بیشتر در اینترنت محبوب می شوند. یا به عبارت ساده تر ، تصاویر پاپ آپ. بسیاری از دارندگان سایت ها اغلب مجبورند آنها را برای اهداف تبلیغاتی بسازند ، اما همه الگوریتم ایجاد آنها را نمی دانند.
لازم است
- - ویرایشگر HTML ؛
- - نوت بوک؛
- - میزبانی.
دستورالعمل ها
مرحله 1
یک صفحه وب جدید در HTML یا یک ویرایشگر متن ایجاد یا باز کنید. برای این منظور می توانید از برنامه های معروف مانند Dreamweaver ، Expression Web و سایر برنامه ها استفاده کنید. اگر فقط اولین قدمهای خود را در زبان برنامه نویسی HTML بر می دارید ، از "دفترچه یادداشت" معمولی استفاده کنید.
گام 2
کد زیر را بین برچسب "head" و "/ head" جایگذاری کنید:
.thumbnail {موقعیت: نسبی؛ z-index: 0؛}
.thumbnail: شناور {background-color: transparent؛ z-index: 50؛}
.thumbnail span {/ * CSS برای تصویر بزرگتر * / موقعیت: مطلق؛ background-colour: lightyellow؛ بالشتک: 5px؛ سمت چپ: -1000px؛ حاشیه: 1px خاکستری تیره دید: پنهان رنگ سیاه؛ دکوراسیون متن: هیچ؛}
.thumbnail span img {/ * CSS برای تصویر بزرگتر * / حاشیه عرض: 0؛ بالشتک: 2px؛}
.thumbnail: شناور دهانه {/ * CSS برای تصویر بزرگ شده روی شناور * / قابل مشاهده بودن: قابل مشاهده است. بالا: 0؛ سمت چپ: 65px؛ / * موقعیتی که تصویر بزرگ شده باید به صورت افقی جابجا شود * /}
مرحله 3
با تغییر مقدار روی خط آخر کد ، افست افست تصویر بازشو را تنظیم کنید. جایی را که می خواهید تصویر در صفحه وب ظاهر شود بین برچسب های "body" و "/ body" اختصاص دهید. سپس کد زیر را کپی و جای گذاری کنید:
نمونه عنوان متن
نمونه ای از عنوان متن"
مرحله 4
"folder / largepci1.jpg" را با فایلی که برای عکس بازشو استفاده شده جایگزین کنید. همین کار را با بلاک کد دوم انجام دهید. خط "نمونه عنوان متن" را در آن به آنچه باید در تصویر پاپ آپ نوشته شود تغییر دهید. همچنین مقادیر ارتفاع و عرض را در کد تغییر دهید تا اندازه تصویر پاپ آپ تنظیم شود. برای افزودن طرح های بیشتر ، کدهای اضافی کد ایجاد کنید. در صورت لزوم ویژگی ها ، برچسب ها و متن های دیگر را در سند HTML وارد کنید. فایل HTML را ذخیره کرده و سپس آن را در وب سرور خود بارگذاری کنید.
