Как сделать кнопку для переключения с мобильной на полную версию сайта?

Голоса: +1
На моем сайте стоит адаптация под мобильные устройства  MEDIA как сделать кнопку чтобы при нажатии на нее уходила адаптация и открылась полная версия сайта без скрытия блоков
Адрес сайта naruto.su
| Автор: | Категория: Дизайн сайта
Редактирование | | Автор: M_Izmailov

Ответов: 3

Голоса: +1
 
Лучший ответ

Создаете новый класс в который завертываете ссылку вида:

<div id="but-polnvers"><a href="/index/53">Перейти к полной версии</a></div>

после в стили добавим следующее:

#but-polnvers a {
    color: #fff;
    padding: 5px;
    background: rgba(0, 0, 0, 0.74);
    border-radius: 3px;
}

это как пример набросок, вы же можете все изменить под себя, кнопку добавьте куда вам нужно, обычно это нижняя часть сайта.

| Автор:
Выбор ответа лучшим | | Автор: M_Izmailov
Дело в том что у меня pda версия отключена
M_Izmailov,
в таком случае никак, пда не включена значит не переключитесь, а если все сделано на условиях MEDIA то и переключатель здесь не нужен так как стили на автоматике срабатывают
Yuri_Geruk,
получается если зайду через телефон не смогу просмтаривать полную версию?
M_Izmailov,
выходит так, условия срабатывают автоматически, так работает адаптивная верстка
голоса: 0
ссылка на полную версию вашего сайта  http://naruto.su/index/53
| Автор:
голоса: 0

Вставте в нужное место эту ссылку 

<a href="/index/53">Полная версия</a>

 

| Автор:
...