В даному уроці ми створимо простий перемикач шаблонів оформлення за допомогою PHP змінних і в CSS.
На щастя, є вихід з цієї ситуації. У цьому нам допоможуть PHP змінні, які будуть змінювати деякі рядки в таблиці стилів і відповідно у нас буде змінюватися оформлення.
Насамперед нам необхідно створити PHP файл для утримання нашої сторінки. Ми зробимо його гранично простим, але Ви можете розробити більш складні схеми застосування. Зверніть увагу, що таблиця стилів у нас має розширення .php, і знаходиться в папці CSS.
Я створив трохи контенту з невеликою навігацією, яка дозволить нам міняти шаблон (в нашому випадку буде змінюватися шапка).
Ми будемо використовувати рядок запиту для того, щоб змінити поточну тему оформлення передаючи значення імені до того ж PHP файлу. Нам також необхідно, щоб скрипт пам'ятав яке оформлення ми зараз використовуємо і воно залишалося на всьому сайті.
Вставте цей код перед зазначенням doctype:
Отже, ось що цей код робить. Оскільки ми використовуємо сесії, для початку нам необхідно почати сесію. Далі ми перевіряємо чи не містить рядок запиту значення змінної шаблону. Якщо не містить, ми тоді надаємо змінної сесії значення шаблону. Далі ми створюємо локальну змінну з рядком, яку ми додамо до місцезнаходження CSS файлу. Вона дозволить нам передати назву шаблону, який ми хочемо використовувати в PHP файл, створюй стилі CSS.
Тепер ми можемо створити перемикач шаблонів. Ми використовуємо цифри 1-3 для ідентифікації потрібного шаблону:
Нам також необхідно змінити місцезнаходження PHP файлу, який відповідає за створення CSS.
Тепер ми готові створити PHP файл, який буде відповідати за створення нашого шаблону. Нам необхідно на самому початку файлу дати знати браузеру, що тут будуть міститися CSS стилі. Допоможе нам у цьому наступний рядок коду:
Тепер Ви можете просто використовуватися цей файл, як нормальну таблицю стилів з можливістю вставляти PHP змінні. Це відкриває перед Вами великі можливості не тільки зміни зовнішнього вигляду сторінки, але і динамічна заміна вмісту.
Оскільки у нас всього 3 можливих шаблону, нам необхідно переконатися, щоб можна було використовувати тільки ці 3 цифри. Якщо раптом, хто-небудь в рядку запиту спробує передати інше значення, у нього перед очима відкриється шаблон за замовчуванням (в нашому випадку - це "1").
Можете після цього звернеться до файлу style.php і побачите в вихідному коді такий напис: "/ * ====== template used: 1 ====== * /". Якщо в брайзер звернутися до style.php? Template = 2, тоді буде інше значення.
Оскільки ми не створюємо окремо таблицю стилів для кожного шаблону, нам достатньо вказати лише різницю між нашими оформленнями в одному файлі. Чи можемо вписати ці зміни в масив:
Як Ви бачите, я виділив 3 елементи в масиві до кожного CSS селектору.
Тепер в потрібному місці нам досить підставити:
і у нас, в залежності від шаблону, буде різний фонове зображення.
Ось все що необхідно. Використовуйте такі конструкції по всьому файлу. Таким чином можете замінити безліч різних елементів на сторінці. Повна таблиця стилів:
Ось і все готово! Насолоджуйтесь!
Я ОСЬ НА ПОДІЇ МІНЯВ ЗОБРАЖЕННЯ НУ ДУМАЮ МОЖНА ЗМІНИТИ І з допомогою ну давайте спробуємо window.setTimeout ( 'funcia ()', 600000) тоесть на кшталт одна хвилина чекає потім зміна function funcia () і небойтесь слово background і обезательно в теги треба написати
тоесть коли хвилина пройдемо в теги змінитися шлях до файлу 100%За допомогою PHP або HTML - яка різниця, якщо йде перезавантаження сторінки? Тупо зробити кілька однакових сторінок (це якщо чисто за допомогою HTML) і так само як тут кнопочки-посилання з цифрами. Сторінка, подібна до тієї, що в демо, займе коду менше ніж представлений тут код, для цього ефекту :) Так що, ефект хороший, та й вже є уроки по зміні оформлення сторінки, а саме цей треба допрацьовувати!
За рахунок отримання інформації відразу по двох каналах (зір і слух) ефективність навчання значно перевершує навчання по книгах. А домашні завдання і онлайн-тести дозволять вам постійно думати на мові, що вивчається і відразу перевіряти свої знання!
Якщо ви давно хочете як слід вивчити HTML, то у мене для Вас є чудова новина!
Якщо ви вже вивчили HTML і хочете рухатися далі, то наступним кроком буде вивчення технології CSS.
Якщо ви хочете розібратися з поняттями домену і хостингу, навчитися створювати бази даних, закачувати файли сайту на сервер по FTP, створювати піддомени, налаштовувати поштові скриньки для свого сайту і стежити за його відвідуваністю, то цей курс створений спеціально для вас!