Есть разные варианты, по большей части бесплатные. А именно: подключить тег iframe Знак Дня или поставить на страницы вашего сайта особые, так называемые "живые картинки". Разберём это подробнее.
iframe - Знак Дня
Пример работы команды iframe можно увидеть на этом форуме - в правом верхнем углу. Такое же есть на нашем структурном сайте (http://s-horoscope.ru/).С точки зрения функциональности этот вариант почти идеален. После установки вы имеете: картинку Знака, текстовое название Знака, ссылки с этих элементов на детальные описания. И картинка, и название снабжены всплывающими подсказками. Всё это постоянно отображается на вашем сайте, каждый день в автоматически обновлённом виде.
Код для установки тега iframe:
Код: Выделить всё
<iframe src="http://s-horoscope.ru/AnimalDay/DayAnimalPlain.php" hspace="0" vspace="0" marginheight="1" marginwidth="1" align="top" frameborder="0" height="24" scrolling="no" width="190">Ваш браузер не поддерживает плавающие фреймы!</iframe>
Удобство iframe-Знак Дня, к сожалению, имеет недостаток: часто его установка блокируется. Многие социальные сети не принимают такие коды из-за опасений, что внутри них окажется интерактивная реклама.
Живые картинки - Знак Дня
В отличии от iframe, к картинкам, т.е. к изображениям, отношение, как правило, вполне лояльное. Ведь обычные картинки не столь интересны для рекламного бизнеса (по сравнению с активными элементами).И вот мы нашли выход!
Наши живые картинки, со знаками дней, являются, с точки зрения компьютерных программ, пассивным элементом.
Разумеется, раз в день они всё-таки "оживают", и меняют содержимое. Оживление происходит на нашем сервере по созданной нами программе. Она заменяет текущее изображение новым, соответствующим наступившему дню. Благодаря этому картинки собственно и становятся живыми. Но они живы, пока живут у нас
Вы можете свободно использовать, т.е. показывать живые картинки в любом уголке интернета - там, где разрешен показ изображений с внешних ресурсов. Установить живые картинки вполне способен всякий обычный пользователь (не надо быть администратором), везде, где это имеет смысл, и где вообще получится.
Недостатки:
- нужно хотя бы раз в день обновить буфер: нажать клавишу (F5). Иначе с большой вероятностью отобразится вчерашний день.
- На живых картинках нет заранее заданных ссылок и всплывающих пояснений. Вы можете поставить свои - например, используя вариант из приведённых ниже примеров. Или ничего не ставить - как вы сами сочтёте удобным.
Примеры задания живых картинок знака дня
Вообще, всё очень просто. Жмёте правой кнопкой мышки по нужной вам картинке, смотрите в выпавшем контекстном меню свойства, там ведите адрес, вот его-то и используете на своём сайте. Живые изображения предполагают свободное использование. Настолько свободное? Их можно поставить в самых разных местах, всё зависит от вашей фантазии. Например, в живом журнале (ЖЖ), или в подписи на каком-либо форуме.
Исключения:
- в ФБ (facebook), Гугле (google), Одноклассниках (odnoklassniki), Моём Мире (mail.ru), Вконтакте (vk.com) - пока не получится: они не позволяют напрямую использовать файлы с внешних ресурсов. И это понятно: перечисленные сервисы питаются доходами с рекламы, поэтому блокировать сторонние источники для них более чем естественно.
А вдруг мы им подсунем свою рекламу?! И станем зарабатывать без спроса?
Возможно, что скоро удастся договориться и с этими системами, процесс пошёл
А пока пример:
как живые картинки вставлены в ЖЖ:
http://0-0-7.livejournal.com/
http://0-0-7.livejournal.com/
Заходим в "Настройте своё оформление", в "Sidebars", а там в "Виджет 'Свой текст'", где есть поле для задания собственной картинки. Там ставим:
Код: Выделить всё
<img src="http://s-horoscope.ru/magic/msk/DayAnimalPlain.gif" alt="Знак дня по S-гороскопу (МСК)" title="Знак дня по S-гороскопу (МСК)" height="20" width="20" border="0">
<img src="http://s-horoscope.ru/magic/msk/DayAnimalText20x70.png" alt="Знак Дня - название - по S-гороскопу" title="Знак Дня - название - по S-гороскопу" border="0" height="20" width="70">
- Знак дня по s-гороскопу (МСК).
Ссылка с виджета:
- дал ссылку на описание идеи волшебных дней:
Код: Выделить всё
http://s-horoscope.ru/AnimalDay/DayMagic
===
Картинки отличаются по оформлению и содержанию. Есть с маленьким рисунком (20х20), с крупным (90х90), и есть надпись - текст на картинке размером 20х70 пикселей.
Адрес у выбранной картинки должен быть постоянным. Но ведь для разных часовых поясов он, в каждом случае, будет свой собственный, так? Изображения должны меняться - причём в свой, индивидуальный момент времени.
Конечно, получится 24 варианта адресов - по количеству часовых поясов на планете Земля.
Пример установки живой картинки в статье ЖЖ:
часовой пояс +4 Москва
Код: Выделить всё
<a href="http://s-horoscope.ru/AnimalDay/DayMagic">
<img src="http://s-horoscope.ru/magic/16/DayAnimalPlain.gif" alt="Знаки дня по s-гороскопу" title="Знаки дня по s-гороскопу" height="20" width="20" border="0">
</a>
<img src="http://s-horoscope.ru/magic/16/DayAnimalText20x70.png" alt="Знак Дня - название - по S-гороскопу" title="Знак Дня - название - по S-гороскопу" border="0" height="20" width="70">
<img src="http://s-horoscope.ru/magic/16/DayAnimalPlain90.png" alt="Знак Дня по S-гороскопу" title="Знак Дня по S-гороскопу" border="0" height="90" width="90">
Особенно это заметно на форумах: ведь на ресурсах, подобным этому, вообще не используются параметры "title", "alt", размеры (width, height) и толщина границ (border) у картинок. Т.е. всё можно записать короче:
Код: Выделить всё
[img]http://s-horoscope.ru/magic/16/DayAnimalPlain.gif[/img]
[img]http://s-horoscope.ru/magic/16/DayAnimalText20x70.png[/img]
[img]http://s-horoscope.ru/magic/16/DayAnimalPlain90.png[/img]
Для Москвы заведёно специальное место
Московская живая картинка знака дня - всего лишь упрощённый вариант адреса картинки. Она получается та же, что и для номера 16, часовой пояс +4, т.е. для Москвы.
Код на форуме такой:
Код: Выделить всё
[img]http://s-horoscope.ru/magic/msk/DayAnimalPlain.gif[/img]
[img]http://s-horoscope.ru/magic/msk/DayAnimalText20x70.png[/img]
[img]http://s-horoscope.ru/magic/msk/DayAnimalPlain90.png[/img]
В результате при записи на форуме для Москвы будет так:
Буду рад ответить на любые вопросы по теме.
Вы можете предлагать собственные варианты картинок, их размеров, раскраски, текста. Будем обсуждать, и вполне можем сделать.
