Увеличения шрифта кнопкой + и -

Архив полностью рабочих скриптов и так далее...
Закрыто
Аватара пользователя
AllCity
Сообщения: 2508
Зарегистрирован: 18 апр 2008, 17:52
Контактная информация:

Увеличения шрифта кнопкой + и -

Сообщение AllCity »

Изображение

Описания: при нажатие кнопочки + размер фронта увеличится, а при нажатие - уменьшится. (Только для новостей!)

Инструкция по установке внутри архива
Вложения
zoom.zip
(2.94 КБ) 180 скачиваний
Аватара пользователя
AllCity
Сообщения: 2508
Зарегистрирован: 18 апр 2008, 17:52
Контактная информация:

Re: Увеличения шрифта кнопкой + и -

Сообщение AllCity »

Изображение

Вот eще один мод переделанный с движка Joomla думаю по скрину все понятно.

Особенность этого скрипта в том что даже после обновления страницы размер остаётся тот же который Вы настроили :)
Вложения
FontSize_For_UcoZ.zip
(3.1 КБ) 158 скачиваний
Аватара пользователя
AllCity
Сообщения: 2508
Зарегистрирован: 18 апр 2008, 17:52
Контактная информация:

Re: Увеличения шрифта кнопкой + и -

Сообщение AllCity »

Вот еще один скрипт
1. создаем файлик с расширением *.js туда забрасываем код:

Код: Выделить всё

var tgs = new Array( 'div','td','tr');
var szs = new Array( 'xx-small','x-small','small','medium','large','x-large','xx-large' );
var startSz = 2;

function ts( trgt,inc ) {
    if (!document.getElementById) return
    var d = document,cEl = null,sz = startSz,i,j,cTags;
   
    sz += inc;
    if ( sz < 0 ) sz = 0;
    if ( sz > 6 ) sz = 6;
    startSz = sz;
       
    if ( !( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];

    cEl.style.fontSize = szs[ sz ];

    for ( i = 0; i < tgs.length; i++ ) {
        cTags = cEl.getElementsByTagName( tgs[ i ] );
        for ( j = 0; j < cTags.length; j++ ) cTags[ j ].style.fontSize = szs[ sz ];
    }
}

Сам файл залить в любое место :)

2. В любой шаблон (где будем увиличивать размеры шрифта) добавляем код:

Код: Выделить всё

<script type="text/javascript" src="http://www.туды_куды_забросил_файлик_*.js/название.js"></script>

3. и в любое место шаблона размещяем этот код:

Код: Выделить всё

<a href="javascript:ts('body',1)">+ Увеличить</a> | <a href="javascript:ts('body',-1)">- Уменьшить</a>

Источник ;)
Закрыто