Украшения для сайта - самый быстрый и бесплатный способ изменить его внешний вид. Давно известно, что посетитель свое мнение о веб-ресурсе составляет за первые. Последний сайт интересен тем, что содержит в своей базе не только новогодние скины для Windows, но и для программных продуктов. Все статьи Wonderzine с тегом «Украшения». Читать новые материалы про Украшения на сайте. Украшательства, страница 1. Сайт обладателей смартфонов Huawei. Категория: Украшательства
Украшательства на сайте : делаем надпись поверх картинки. Долгая, вообще, история с картинками. Хорошо, если есть шаблон, где предусмотрены позиции картинок, может быть какой то слайдер или галерея. А все картинки причесаны под один формат. Во- первых, их нужно особо подготавливать к публикации — обрезать, подогнать к размерам, а во- вторых, часто их нужно подписать. Вот это «во- вторых» мы красиво и сделаем. Задача такая — в alt или title картинки в wysiwyg редакторе CMS делается описание картинки, далее, при выводе этой картинки в шаблоне статьи, будем делать подстановку в html коде такую, чтобы получить заданное описание поверх картинки.
Скоро Новый Год, и каждый админ обязан украсить свой сайт новогодними украшательствами, а именно веточки, еловые шишки. Украшение: Елка для сайта. Конечно, помимо Деда Мороза, у Нового года есть и другие, принятые во всем мире символы.
Ну как то так, к примеру : Можно подстановку делать и на стороне сервера, я же предлагаю вариант с использованием j. Query, добиваясь точно такого же эффекта как это сделано в примере выше. Что нам понадобится. Добавить обработчик после загрузки окна, который будет осуществлять подстановку. Добавим в head шаблона конструкцию вроде — $(window). Скорее всего — контейнер вывода публикации, пусть это будет < div id=main> ? Я использую вариант с картинкой — так как с картинками браузеры более или менее работают одинаково, а вот со стилями (особенно, что касается прозрачности) — наблюдается какой то бардак; Добавим нужные описания в файл каскадных стилей; Убедиться, что скрипт библиотеки jquery подключен : ).
К примеру, в Drupal он используется штатно, там заботиться об этом не надо, а в вашем случае поступайте по ситуации. Его, кстати, можно подключить с Google, что якобы потенциально уменьшит нагрузку на ваш веб- сервер. Мне, правда, не нравится зависеть от работы сторонних серверов, даже если это сервера гугл. Когда все детали понятны, осталось показать что получилось. Итоговый вариант.
У вас, в любом случае, будет немного свой вариант, зависящий и от конструкции движка, и стиля оформления сайта, но за основу, для эксперимента или как начальный вариант можете использовать кусочки моего кода. Обработчик, с использованием jquery (размещается внутри тега < head> в шаблоне). Ну не делать же вам её самим? Осталось только добавить стили для класса img- alt, который мы присвоили контейнеру, заменяющему картинку. Пинги в данный момент запрещены.