Больший Шрифт / Маленький Шрифт

Бесплатные и интересные решения для сайтов.
Правила форума
1. Темы с названиями Помогите, Как сделать, Хелп, Не могу найти и так далее будут перенесении в мусорку без предупреждения!
2. Любой транс-лит будет удален, так что подумайте стоит ли писать транс-литом.
3. Темы не по тематике этого раздела будут также перенесены в мусорку. (Например по DLE, phpBB, php скриптам и так далее...)
4. Не забываем про Общие правила форума!
Внимание: В этом разделе можно оставлять только готовые скрипты, для вопросов есть раздел Общение!!! :evil: Иначе, получите предупреждение, а потом бан :D .
Ответить
Boxe
Сообщения: 20
Зарегистрирован: 21 апр 2008, 14:15

Больший Шрифт / Маленький Шрифт

Сообщение Boxe »

Иногда текстовый размер, который Вы определили для своего webpage, не является подходящим для зрителя, в зависимости от его конфигурации браузера или OS. Этот полезный подлинник Taewook использует Динамический CSS, чтобы позволить самому зрителю изменять текстовый размер страницы по требованию, нажимая на связь Размера Шрифта Увеличения или Уменьшения. Теперь это - своего рода воплощение, которое могут только ценить Ваши зрители!

Этот подлинник является самым соответствующим для webpages, разработанного, используя CSS, или минимальный из осуждаемого HTML помечает, хотя это может также затронуть измеренное использование текста, явное <размер шрифта = "x"> признаки (см. Настройку ниже). Мудрая совместимость, позволенный браузер DOM требуется для подлинника взять аффект - IE5 +/NS6 +/Opera 7 + и т.д.

Шаг 1: Добавьте следующий кодекс к <HEAD> секции Вашей веб-страницы:

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

<script type="text/javascript">
//Specify affected tags. Add or remove from list:
var tgs = new Array( 'div','td','tr');

//Specify spectrum of different font sizes:
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 ];
   }
}
</script>


Шаг 2: Теперь настройте две связи, которые увеличат и уменьшат Ваш текстовый размер. Следующее сделает приятно:

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

<a href="javascript:ts('body',1)">+ Больший Шрифт</a> | <a
href="javascript:ts('body',-1)">+ Маленький Шрифт</a>
Ответить