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

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

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

Выглядит такая способность следующим образом:
+ + + + +

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

Установка виджета для регулирования размера шрифта в статье:

Виджет выполнен на основе простейшего скрипта и легко интегрируется в блог посредством гаджета HTML/JavaScript.

Из административной панели управления вашим блогом проследуйте во вкладку "Дизайн" и добавьте в шаблон новый элемент HTML/JavaScript. В открывшееся поле гаджета впишите код ниже:
<a href="javascript:void(0);" onclick="javascript:body.style.fontSize='.5em'"><span style="font-size: xx-small;">+</span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='1em'"><span style="font-size: x-small;">+</span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='1.5em'"><span style="font-size: small;">+</span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='2em'"><span style="font-size: large;">+</span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='2.5em'"><span style="font-size: x-large;">+</span></a>
Задайте новому элементу название, способное разъяснить читателю благородное значение аскетичных плюсиков, и сохраните его.

В итоге у вас должно получиться нечто подобное:

Виджет для изменения размера текста в статье

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



Понравилась статья? Поделись ею с друзьями!

Не забудь подписаться на обновления блога:


Вы можете оставить свой отзыв через блок комментариев Вконтакте. При отсутствии профиля в этой социальной сети, воспользуйтесь удобной формой Disqus ниже.