X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Переключение между стилями
sergei_burg
sergei_burg
Topic Starter сообщение 6.9.2018, 11:39; Ответить: sergei_burg
Сообщение #1


Помогите сообразить как более правильно и лучше сделать.
На сайтах иногда делают возможность измение размера шрифта и цвета сайта.
вот пример
http://uole-museum.ru/
если кликнуть версию для слабовидящей там появится возможность все это сделать.

И я понимаю что там просто изменяют стили. Но не могу сообразить как сделать, то есть не несколько же версий сайта создают должно быть как то по проще.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Degradator
Degradator
сообщение 25.3.2019, 19:31; Ответить: Degradator
Сообщение #2


Делай примерно вот так
[JS]<html>
<head>
<link rel="stylesheet" type="text/css" href="style0.css">
<link rel="stylesheet" type="text/css" id="styles" href="style1.css">
</head>
<body>
<button id="button">Сменить стили</button>
<script>
var styles = true;
document.getElementById('button', function(){
styles = !styles;
var link = document.getElementById('styles');
if(styles) {
link.href = "styles1.css";
} else {
link.href = "styles2.css";
}
})
</script>
</body>
</html>[/JS]

style0.css - общий файл со стилями для обоих версий сайта
style1.css - файл со стилями для нормальновидящих
style2.css - файл со стилями для слабовидящих

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Как вы сравниваете ТОП сайтов между собой?
5 noviktamw 5773 10.1.2024, 13:23
автор: wanessa
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыВыравнивание картинки по центру между текстом
10 NikN 2630 6.1.2021, 23:24
автор: buypushplatform
Открытая тема (нет новых ответов) Автоматическая перелинковка между страницами Wordpress
4 rokot 2289 28.7.2019, 20:56
автор: rokot
Открытая тема (нет новых ответов) Сменить фокус общения JS между документами
нужен очень толковый JS разработчик
0 LebedevStr 2620 24.6.2018, 19:21
автор: LebedevStr
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыКак удобнее работать в команде, если надоело переключаться между мессенджерами?
3 work_lance 3874 14.3.2018, 3:30
автор: work_lance


 



RSS Текстовая версия Сейчас: 28.3.2024, 14:58
Дизайн