Крок 1. Розміщення стрічки
Першим етапом нашої роботи буде розміщення нашого стрічки. Насамперед Ви повинні змайструвати таку стрічку або знайти подібну десь в інтернеті. Для прикладу я беру вихідну стрічку з сайту Marco Folio. Отже, розміщувати в лівому куті сайту нашу стрічку ми будемо за допомогою CSS-стилів. В принципі, нічого складного тут немає, однак нижче я все-таки наведу код використовуваних стилів:
Крок 2. Доробки по розміщенню.
Залишився останній етап, в якому нам залишається всього лише доробити html-сторону стрічки. Для цього, відразу після відкриття тега body розмістіть наступний код:
Практично, дивлячись на вищенаведений код, все розуміють, що це все дуже легко, проте ми робимо напівпрозору стрічку і тому зображенню ми повинні задати кілька стилів, які допоможуть досягти тієї прозорості яка потрібна нам.
- filter: alpha (opacity = 60) - цим стилем ми задаємо видимість зображення на 60% для правильного відображення в Internet Explorer;
- opacity: 0.60 - цей стиль задає видимість зображення на 0.6 з 1.0 для правильного відображення в браузері Opera;
- -moz-opacity: 0.60 - цим стилем задається видимість зображення на 0.6. з 1.0 для правильного відображення в Mozilla Firefox і ін.
P. S. Ви можете регулювати видимість зображення, змінюючи параметр opacity в першому випадку від 0 відсотків (невидимий) до 100 (абсолютна видимість), у другому випадку від 0 одиниць (невидимий) до 1.0 (абсолютна видимість)
От і все. Наш цікавий урок готовий. До нових зустрічей!
З щирою повагою, Максим Курочкін
За рахунок отримання інформації відразу по двох каналах (зір і слух) ефективність навчання значно перевершує навчання по книгах. А домашні завдання і онлайн-тести дозволять вам постійно думати на мові, що вивчається і відразу перевіряти свої знання!
Якщо ви давно хочете як слід вивчити HTML, то у мене для Вас є чудова новина!
Якщо ви вже вивчили HTML і хочете рухатися далі, то наступним кроком буде вивчення технології CSS.
Якщо ви хочете розібратися з поняттями домену і хостингу, навчитися створювати бази даних, закачувати файли сайту на сервер по FTP, створювати піддомени, налаштовувати поштові скриньки для свого сайту і стежити за його відвідуваністю, то цей курс створений спеціально для вас!