Кодировка HTML | Демо-сайт CMS uCoz | Почта

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

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

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

Сообщение Boxe » 14 июл 2008, 15:36

Иногда текстовый размер, который Вы определили для своего 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>
Boxe
Рядовой
Рядовой
 
Автор темы
Сообщения: 20
Зарегистрирован: 21 апр 2008, 14:15
Карма: + 0 -

Вернуться в Скрипты и интересные решения

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 3

cron