1.
Подключаем jQuery 2. Добавляем следующий ява-скрипт между
<head> и
</head> Code
<script type="text/javascript">
$(document).ready(function()
{
$('a').click(function()
{
var theElement = $("#text").css("font-size");
var textSize = parseFloat(theElement, 10);
var unitOfMeasurement = theElement.slice(-2);
if ( (this).id == "largerTextLink")
{
textSize += 2;
}
else
{
textSize -= 2;
};
$('p').css("font-size", textSize + unitOfMeasurement);
return false;
});
});
</script>
3. Главная » Управление дизайном » Редактирование шаблонов: модуль "
Новости сайта", шаблон "
Вид материалов".
Находим
$MESSAGE$, обрамляем его следующим образом:
Code
<p id="text">
$MESSAGE$
</p>
Ставим кнопки увеличения/уменьшения шрифта (по месту требования):
Code
<a href="#" id="smallerTextLink">Уменьшить</a>
<a href="#" id="largerTextLink">Увеличить</a>
Правила использования:
- Все права на публикуемые скрипты принадлежат их авторам!
- Запрещается распространение скриптов без указания автора!
- Запрещается "затирание" копирайтов!