+ Ответить в теме
Показано с 1 по 3 из 3

Тема: Переключение между стилями

  1. #1
    Пользователь sergei1980 на пути к лучшему Аватар для sergei1980
    Регистрация
    23.01.2015
    Сообщений
    55
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Переключение между стилями

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

    И я понимаю что там просто изменяют стили. Но не могу сообразить как сделать, то есть не несколько же версий сайта создают должно быть как то по проще.

  2. #2
    Новичок Chatlanin44 на пути к лучшему Аватар для Chatlanin44
    Регистрация
    25.03.2019
    Сообщений
    17
    Thanks
    1
    Thanked 0 Times in 0 Posts

  3. #3
    Местный Degradator скоро придёт к известности Аватар для Degradator
    Регистрация
    02.07.2012
    Сообщений
    2,016
    Thanks
    141
    Thanked 150 Times in 150 Posts
    Делай примерно вот так
    <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>


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

+ Ответить в теме

Похожие темы

  1. Переключение между формами
    от Gari в разделе HTML
    Ответов: 2
    Последнее сообщение: 15.11.2017, 05:58
  2. Переключение между страницами
    от Gagapsha в разделе HTML
    Ответов: 3
    Последнее сообщение: 22.08.2013, 14:13
  3. проблемы со стилями
    от rsw в разделе Помогите!
    Ответов: 8
    Последнее сообщение: 17.11.2011, 23:50
  4. Переключение между картинками
    от Aramis в разделе JavaScript
    Ответов: 1
    Последнее сообщение: 14.03.2011, 13:04
  5. переключение между Checkbox
    от devi409 в разделе CSS
    Ответов: 3
    Последнее сообщение: 27.01.2010, 20:55

Социальные закладки

Социальные закладки

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения