Управљање величине фонтова ... са слајдер!

Имплементација савремених сајт и треба да будете свесни не само графике и садржаја, али и "доступности.

Да ли постоје упутства о В3Ц, можете пронаћи превод овде .

Између осталог, такође је важно да се омогући онима који нас посете да би могли да зумирате текст одређену страницу или одељак.

Ова функција поред тога што уживају људи са визуелним проблеми могу постати перјаница нашег рада уколико се проведу на креативан начин.

Решење

Мислио сам овом тренутку користи јКуери УИ клизач компоненту за креирање наше ФонтСизе-прекидачи, користећи се, наравно, неколико линија ЦСС.

Да би идеја коначних резултата желимо да постигнемо погледате слику испод:

Потребна

Овде је "слика једноставан пример структуру фолдера:

јКуери и јКуери Уи

Смо прво у телефон преузмете најновију верзију јКуери од овде (1.6.1 у време писања овог текста)

Следећи корак је да преузмете јКуери УИ , а посебно слајдер компоненте, након исти кораци који смо описали овде за ПрогрессБар.

Индек.хтмл

Онда постоји једноставан ХТМЛ структуру, коју ми зовемо страница само индек.хтмл

 <ДОЦТИПЕ ХТМЛ ПУБЛИЦ "- / / В3Ц / / ДТД КСХТМЛ 1.0 Транситионал / / ЕН" "хттп://ввв.в3.орг/ТР/кхтмл1/ДТД/кхтмл1-транситионал.дтд">









 <хтмл>







 <хеад>



  



 Клизачи <титле> јКуери Уи МрВебмастер.ит и фонт-сизе </ титле>





  



 а хреф = "ЦСС / стиле.цсс" <линк рел="стилесхеет" типе="тект/цсс" />



  



 а хреф = "цсс/уи-лигхтнесс/јкуери-уи-1.8.13.цустом.цсс" <линк рел="стилесхеет" типе="тект/цсс" />



  



 срц = "јс/јкуери.1.6.1.јс" <сцрипт типе="тект/јавасцрипт"> </ сцрипт>



  



 срц = "јс/јкуери-уи-1.8.13.цустом.мин.јс" <сцрипт типе="тект/јавасцрипт"> </ сцрипт>



  



 срц = "ЈС / индек.јс" <сцрипт типе="тект/јавасцрипт"> </ сцрипт>



    





 </ Хеад>







 <боди>



  



 Клизачи <х3> јКуери Уи МрВебмастер.ит и фонт-сизе </ х3>



  

  



 <див ид="фонтЛабелс">



    



 <див ид="нормал"> </ див>



    



 <див ид="биг"> </ див>



    



 <див ид="биггер"> </ див>



    



 <див ид="биггест"> </ див>



  



 </ Див>



  

  



 <див ид="слидерЦонт"> <див ид="слидер" цласс="уи-видгет-хеадер"> </ див> </ див>



  



 <див ид="тектцонтент">



    



 Лорем ипсум долор сит амет, цонсецтетур адиписцинг елит.

 

    



 Куискуе СЕМ рисус, егет ЦОНГУ највише достојан егет, пхаретра у тегле.

 

    



 У ХАЦ дицтумст ХАБИТАРЕ публике.



  



 </ Див>







 </ Боди>







 </ ХТМЛ>

Страница садржи све потребне фајлове, ЦСС и ЈС фајлова нам је потребна. Унутар тела тагове ми само дефинишемо див са ИД = фонтЛабелс унутра са четири див који ће садржати "" узорак са други фонт величине.

Одмах испод дефинишемо контејнер (див ид = "слидерЦонт") морамо да ставимо себе у средини странице и унутар див са ИД = "слајдер" у којој ћемо изградити са јКуери УИ клизача себе.

Додао сам текст контејнер са ИД = "ТектЦонтент" на којима ћемо деловати на повећање / смањење величине фонта.

• <<
• 1
• 2
• >>