BloggaRolla
Онлайн-генератор веб-цветов
Онлайн-подбор оптимальных веб-цветов для сайта
Онлайн-редактор HTML
Цветовой онлайн-калькулятор
Онлайн-калькулятор
Онлайн-рисовалка PencilMadness
  • Web
  • Images
  • News
  • Videos
  четверг, марта 29, 2012  

Динамическое изменение заголовков страниц
С помощью этого небольшого скрипта вы сможете оживить существующий заголовок страницы и всегда обратить внимание пользователя на вкладку с вашим ресурсом.

Смысл его заключается в том, что актуальное название страницы блога (ее title) будет циклично печататься в заглавии браузерной вкладки буква за буквой, подобно вводу текста при наборе.

Потребуется единожды прописать скрипт в шаблоне, и проделанное изменение коснется всех опубликованных страниц блога. За ненадобности достаточно будет удалить из шаблона внесенный ранее код.

  среда, марта 28, 2012  

Стильные кнопки на CSS в блог
В последнее время становится распространенным явлением облекать ссылки блога в некую очаровательную кнопочную форму, реагирующую на действия посетителей. Особенно это проявляется при использовании меню и различных информационных форм.

Не будем и мы воронами-блондинками и попытаемся воспроизвести что-нибудь подобное и прекрасное в наших блогах.

Дальше я расскажу о том, как создать стильные кнопки с использованием красочных эффектов, которые поддерживают современные браузеры с поддержкой CSS3. С помощью них будет возможно украсить любой список меню либо требуемые ссылки.

Стильные кнопки на CSS в блог

  вторник, марта 27, 2012  

Ссылки с эффектом вращения
Робко и небрежно весна все более и более воцаряется вокруг, заползая постепенно в наши промерзшие за зиму квартиры и погрузневшие тела. И только по ночам еще злорадствует бесконечно унылый и холодный ветер, отчего днем надолго пытаешься впитать те редкие мгновенье солнца, которые только одни способны скрасить затянувшийся приход весны...

Продолжим и мы добавлять очарования в наши блоги в предвкушении торжества теплых и солнечных часов. Потому сегодня я расскажу о небольшом оригинальном украшении ссылок при наведении на них курсором мыши. О чем-то подобном, но намного проще и строже, я уже пытался рассказывать ранее, однако теперь речь пойдет о гораздо более красочном и заметном воплощении. И все благодаря использованию замечательных свойств CSS.

Пример стилизации ссылок при наведении.







  суббота, февраля 25, 2012  

Небольшое вращение списка меню с помощью CSS
С помощью вмешательства CSS можно выделить любой список ссылок или обычной текстовой информации в блоге.
Один из таких органичных и стильных способов оформления мы и рассмотрим далее. Сам способ легко применим и основан только на CSS.

Мы создадим небольшой список меню, при наведении на любой из пунктов которого будет происходить небольшое вращение выделенного пункта.
Благодаря этому, появляется возможность украсить эффектом трансформации любой аскетичный список ссылок.

Визуальное воплощение трансформации ссылок меню при наведении:


  четверг, февраля 16, 2012  

Всплывающая подсказка у всех атрибутов title и alt в блоге автоматически
Озаботившись привнесением в блог дополнительного лоска, в порыве инфантильного очарования решил сменить стандартную всплывающую подсказку на что-то более гламурное. И нарыл у себя в закромах простенький, но весьма полезный скрипт всплывающей подсказки, который автоматически выводит содержимое всех атрибутов title и alt.

Испытав мимолетное подобие оргазма от осознания того факта, что не придется вручную дописывать к предыдущим ссылкам в блоге определенный класс с закрепленными стилями, что обычно бывает при создании собственной всплывающей подсказки на CSS, делюсь замечательной находкой с читателями.

Как я уже упомянул, данный скрипт автоматически выводит содержимое стандартного свойства title у ссылок во всем блоге в виде всего того безобразия, которое мы ему определим стилями. Это означает, что прописав скрипт один раз в шаблоне, можно не беспокоиться о некоей разнородности оформления постов. Помимо прочего при отсутствии аналогичной подписи у изображений он также автоматически отображает содержимое уже атрибута alt, прописанного к ним. И как дополнительное удобство, позволяет запретить показ всплывающего текста у тех определений, к которых он не требуется.

Действующий пример скрипта всплывающей подсказки вы можете подсмотреть у любой соответствующей ссылки в этом блоге, но дабы свести до минимума физическое усилие по перемещению указателя мыши со стороны читателя, сокращу путь, предложив взглянуть на пример совсем рядом:
Загадка:
Какое слово начинается с трех букв "Г" и заканчивается тремя буквами "Я"?
Отгадка.

Загадка:
Назовите слово с пятью буквами "Ы".
Отгадка.