Всем доброго времени суток! На сайте, где я взяла картинку для этой статьи учат вставлять радугу в ваши фотографии используя Photoshop - процесс расписан подробно на пяти (!) страницах.
Я же сейчас в двух словах расскажу вам как сделать ссылки в Вашем блоге переливающимися всеми цветами радуги!
Для этого нам придется немного изменить HTML-код нашего макета. Т.е. вызываем "Панель инструментов" Blogger'a кликаем на "Дизайн" и выбираем "Изменить HTML"
Теперь находим окончание заголовочной части HTML-описания нашего макета. Т.е. вот такую строчку:
Теперь находим окончание заголовочной части HTML-описания нашего макета. Т.е. вот такую строчку:
</head>
и перед ней вставляем строчку:
<script src='http://blogger4you.narod.ru/JavaScript/rainbow2.js'/>
т.е. все вместе у нас получилось:
<script src='http://blogger4you.narod.ru/JavaScript/rainbow2.js'/>
</head >
Всем всего доброго!
Не забудьте подписаться или добавит этот сайт к себе в закладки, а то с очередной сменой шаблона вашего блога вы потеряете и эти замечательные радужные ссылки!
А также, пожалуйста, НЕ ЗАБЫВАЙТЕ делать резервную копию вашего блога иногда!
Света
Комментарии и вопросы более чем приветствуются,
нужна помощь - поможем! Читать дальше...
Ну, строго говоря, рассказала не как сделать, а где взять.))) А вот снежинки - это да! У меня тоже где-то такие есть. Надо будет запустить. Тем более, что в Саратове сегодня первый снег выпал - значит пора. Про снежинки тоже напиши - они прикольные.
ОтветитьУдалитьПривет, Баранкин!
ОтветитьУдалитьОчень рада тебя видеть - строго говоря найти следы твоего прибывания в этом блоге! ;)))
Что до "радужных ссылок" - я все-таки рассказала как их у себя в блоге установить. А как их сделать - ну, на JavaScript можно посмотреть - разобраться как он работает. Но кстати, скорее всего напрямую в блог (на Blogger'e) его внедрить не удастся - уж очень он Blogger капризен и привередлив к JavaScript'у.
Вот у нас с Катей тут была засада, когда надо было на сайте разместить поисковую формочку. Её макет/шаблон ну, ни как не хотел принимать мой вариант записи onclick="this.value=''" и у неё это только заработало когда мы поменяли кавычки и и апострофы местами: onclick='this.value=""'.
Обсуждали мы это все здесь,
если появятся какие-нибудь идеи почему для одних шаблонов работает одно расположение кавычек-апосторфов, а для другого оно не работает, а работает прямо противоположное, напиши, пожалуйста.
Что же до снежинок и капризности Blogger'a можешь заглянуть на Blogger Groups где мы это обсуждали. Я сейчас работаю над статьей про снежинки в блоге [Ты прав сейчас самое время для этого! ;)))] у меня есть парачка скриптов в запасе (надо же дать людям возможность выбора!), но один (очень красивый) ни как не хочет работать на Blogger'e!
Еще раз спасибо, что заглянул!
Света
капризная штука - радужные ссылки. После любого изменения в блоге, они перестают работать. Приходится перезаписывать шаблон. Неудобно. Попробую весь скрипт внести в блог.
ОтветитьУдалитьЗдравствуйте, Юридичний провідник!
ОтветитьУдалитьНе знаю... у меня они работают в плоть до смены шаблона, а вот если уж меняю шаблон, тут естественно приходится вставлять javascript для них заново.
Лично я, в копировании JavaScript'а в тело блога ничего плохого не вижу, если вам так нравится и кажется надежнее.
Бог в помощь.
Света
Спасибо за идею вобщем и поддержку. Перенес скрипт немного в другое место - поставил его перед всеми остальными скриптами в разделе head. Теперь работает без сбоев.
ОтветитьУдалитьМне нравится как переливаются ссылки на блоге, и самое главное - вписываются в цветовую гамму блога.
Мне нравится как переливаются ссылки на блоге, и самое главное - вписываются в цветовую гамму блога - мне тоже нравится "Юридичний провідник". Вот поэтому я и написала эту статью ;)
ОтветитьУдалитьУдачи!
Света
Не получается. Вставляю всё как сказано. Пишет:
ОтветитьУдалить"Исправьте перечисленные ниже ошибки и отправьте шаблон еще раз.
Не удалось проанализировать ваш шаблон, так как он неправильно сформирован. Убедитесь, что все элементы XML правильно закрыты.
Сообщение об ошибке в XML: The element type "script" must be terminated by the matching end-tag ""."
Не получается. Вставляю всё как сказано. Пишет:
ОтветитьУдалить"Исправьте перечисленные ниже ошибки и отправьте шаблон еще раз.
Не удалось проанализировать ваш шаблон, так как он неправильно сформирован. Убедитесь, что все элементы XML правильно закрыты.
Сообщение об ошибке в XML: The element type "script" must be terminated by the matching end-tag ""."
Виктория Валерьевна, рада что у вас радужные ссылки все же заработали!
ОтветитьУдалитьАлександр (G@D), с такой бедой я действительно никогда не сталкивалась.... можно спросить у Виктории Валерьевны, как она убедила Blogger принять предложенный код (у неё все заработало!) или сначала можно поробовать вставить код еще раз (только внимательно прочитать куда именно и убедиться, что код скопирован целиком) и наконец можно прислать мне ваш шаблон я посмотрю как это в нем код не вставляется.
Удачи во всем!
Света
Здравствуйте, Света! Блог у меня совсем недавно, а с Вашим блогом познакомилась через рассылку Сергея Аничкина и очень этому рада. Вы так здорово все описываете, даже для меня полного чайника. Света, хотела спросить, а можно ли сделать так, чтоб цвет ссылки менялся не радужно, а на темно-синий. Я поменяла и все получилось, была рада как маленький ребенок, но мне больше подошел бы один цвет. Если это возможно, напишите пожалуйста, как сделать.
ОтветитьУдалитьВенера Владимировна, здравствуйте!
ОтветитьУдалитьПоменять ссылку при наведении на один цвет просто.
Идете в Дизайн - Изменить Html
Находите там:
a:visited {
color: #660000;
}
и под ними вставляете:
a:hover {
color: #003366;
}
Нажимаете СОХРАНИТЬ и потом смотрите на результат (в режиме ПРОСМОТРа ссылки не работают).
Удачи во всем!
Света
Светочка, спасибо большое! Даже не представляете сколько радости мне доставляют всякие изменения, которые я начала делать с Вашей помощью!
ОтветитьУдалитьСпасибо большое! Я даже и не знала, что можно сделать такую красоту!
ОтветитьУдалитьваааай спасибооооо
ОтветитьУдалитьты клево все объясняешь)
Спасибо, все получилось! Очень красиво!
ОтветитьУдалитьСпасибо! У меня тоже получилось, главное все коротко и ясно объяснили! :)
ОтветитьУдалитьСпасибо большое за Ваши советы!
ОтветитьУдалитьКлассно, радостно от полученного результата! Спасибо!
ОтветитьУдалитьСвета, спасибо. Реализовала и эту Вашу находку у себя в блоге.
ОтветитьУдалитьПредложенная строка-это, по сути, ссылка на Ваш блог. А можно взять у Вас сам код "радуги". Все-таки ссылка сильно привязыает блог к блогу.
Ольга, здравствуйте!
ОтветитьУдалитьПредложенная строка - это ссылка на файл в сети интернет, где хранится ява-скрипт.
Вы можете пойти по этой ссылке и скопировать код. Проблема заключается в том, что не всякий ява-скрипт можно вставить напрямую в шаблон Blogger'а.
Этот скрипт у меня не получилось, но возможно у вас получится... Либо скопируйте код и положите его в любое другое место, которое считаете надежным.
С уважением,
Светлана
Большое спасибо за уроки. Все радужные ссылки получились. Подскажите, пожалуйста, как сделать радужным название блога?Такое действие возможно?
ОтветитьУдалитьНа страницах постов оно и так радужное, потому что является ссылкой, если очень хочется, чтобы на главной странице оно тоже переливалось при наведении из названия надо сделать ссылку.
УдалитьСвета
Вау! Мне очень понравилось :)
ОтветитьУдалить