Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Вопросы по мобильному стилю
wersal
Есть костыльная правка на этот случай >
<script type="text/javascript">
(function () {
function setColspan () {
if($(document).width()<541)$("#pun-viewforum table td[colspan='4']").attr("colspan",2);
else $("#pun-viewforum table td[colspan='2']").attr("colspan",4);
}; setColspan ();
$(window).resize(setColspan)
}())
</script>
(*Ставится сразу после скрипта разделения "Важных" Тем(в HTML низ)
Есть костыльная правка на этот случай
Спасибо!
Здесь есть скрипт переключения мобильной версии и декстопа от Deff. Но по моему он не рабочий сейчас. Насколько я понимаю, он через кнопку выключал пользователю адаптирование под мобильный.
Господа, не бросите ссылкой на этот скрипт?
Юзеры разделились (из-за) своих ОС. На iOS все идеально в обоих версиях, всякие китайские андрохромы глючат на полной версии форума, сидя через телефон.
Нужно дать пользователям возможность решать самим в каждом индивидуальном случае. Ну, то есть стандартная для сайтов фича:
P.S. Нашел, если это он, но не совсем то, что надо. Кнопка светится и на десктопах, что ни к чему. Хотелось, чтобы по дефолту у юзеров в телефонах открывался стандартный вид форума, а внизу страницы был линк (не кнопка) "Мобильная версия". То есть в Админке должна моб версия быть отключена, и пользователи могли бы ее активировать индивидуально. Скрипт по ссылке выше, при использовании с телефона выдает не такую десктопную версию, как если бы этого скрипта не было.
Вот примеры:
"Десктоп-версия" со скриптом:
Десктоп версия без скрипта (как надо):
Другими словами, надо вынести из админки пункт про мобильную версию для всех, только разумеется в виде пользовательской ссылки.
Отредактировано toxygen (Чт, 10 Ноя 2016 12:13:37)
toxygen
Попробуйте в HTML верх
<!-- Включение мобильной версии -->
<style type="text/css">#desktop-version,#mobile-version{display:none}</style>
<script type="text/javascript">
(function() {
if($(window).width()>540) return;
if(!$getCookie('is_mobile')) $('link[rel="stylesheet"][href*="/style/mobile"]').remove();
$(document).ready(function() {
var l = $('#mobile-version'), d = $('#desktop-version');
if(!$getCookie('is_mobile')) d.remove() & l.show(); else l.remove() & d.show();
l.click(function(e) {e.preventDefault(); $setCookie('is_mobile','true',30*3600*24*30*1000); location.reload()});
d.click(function(e) {e.preventDefault(); $deleteCookie('is_mobile'); location.reload()});
});
})();
</script>
Ссылку(и) ставим куда нужно:
<a href="#" id="desktop-version">Полная версия</a><a href="#" id="mobile-version">Мобильная версия</a>
Ссылку(и) ставим куда нужно:
Немного не соображу как вставлять свои ссылки, например если я хочу рядом с "Создать бесплатный форум"
Отредактировано toxygen (Чт, 10 Ноя 2016 20:21:31)
Немного не соображу как вставлять свои ссылки, например если я хочу рядом с "Создать бесплатный форум"
Ну можете вставить в HTML низ, ну и сделать подвижку в css
Ну можете вставить в HTML низ, ну и сделать подвижку в css
А что предполагается увидеть в результате?
Пробовал в разных местах размещать HTML верх/низ - изменений никаких нет. Немного видать не хватает мозга.
toxygen
Ой соррь.. - Недописал код (Сейчас вроде поправил
Ну вроде должно работать, как заказывали
if($(window).width()>540) return;
А можно при использовании такого условия включать стиль, который будет указан ссылкой в скрипте?
Вообщем если человек заходит с компа, то включается стиль по умолчанию. А если с мобильного, то при условии ширины экрана включается второй стиль?
А можно при использовании такого условия включать стиль, который будет указан ссылкой в скрипте?
Не совсем понятен Вопрос - при каком условии включать стиль по ссылке? (Если юзер с мобильного или наоборот - с десктопа?
А если с мобильного, то при условии ширины экрана включается второй стиль?
В моем скрипте - мобильный стиль отключается, если не выбрана "Мобильная версия"(По клику на эту ссылку записывается в куки, далее тестируется - если ширина экрана < 540 пикселей - тестим кук, если он есть - мобильный стиль не отключаем(юзер выбрал мобильную версию), иначе - отображается десктопная версия(без правок для мобильного)
Возможно нун ремовить еще и метатег, - потестируйте, все ли норм отображается в десктопной версии со скриптом
В моем скрипте - мобильный стиль отключается, если не выбрана "Мобильная версия"(По клику на эту ссылку записывается в куки, далее тестируется - если ширина экрана < 540 пикселей - тестим кук, если он есть - мобильный стиль не отключаем(юзер выбрал мобильную версию), иначе - отображается десктопная версия(без правок для мобильного)
Возможно нун ремовить еще и метатег, - потестируйте, все ли норм отображается в десктопной версии со скриптом
Мне не нужно переключение между декстопной версией и мобильной.
Хочу что бы:
Есть условие, что если такая то ширина экрана(540 на сколько я понимаю), то значит это мобильный девайс. И тогда выполняется скрипт, который включат файл css со стилем, который будет указан ссылкой.
Мне не нужно переключение между декстопной версией и мобильной.
А, соррь, чот подумал, что это Вы спрашивали скрипт
Есть условие, что если такая то ширина экрана(540 на сколько я понимаю), то значит это мобильный девайс. И тогда выполняется скрипт, который включат файл css со стилем, который будет указан ссылкой.
if ($(window).width() <= 540) {
$('head').append('<link rel="stylesheet" type="text/css" href="ссылка" />');
}
if ($(window).width() <= 540) {
$('head').append('<link rel="stylesheet" type="text/css" href="ссылка" />');
}
Спасибо, это уже почти то, что нужно. Но возникает накладка, что стиль этот как бы сверху накладывается на предыдущий.
Ощущение, что разметку верхнего окна стиля он переписывает, а вот разметку нижнего нет. Появляются некоторые смещения, закругленные углы и т.д. Как то можно поправить более легким способом? Или придется через !important все прописывать?
Как то можно поправить более легким способом?
Тот стиль, что по ссылке - объединить Первое и Второе Окна стиля( Второе ставим вместо @import url (...
Тот стиль, что по ссылке - объединить Первое и Второе Окна стиля( Второе ставим вместо @import url (...
Да это я в курсе, там в файле оба окна прописаны, на декстопной версии в полном размере он работает, и на мобильной тоже нормально все, если вручную делать переключение по кнопке стиля.
А вот в таком автоматическом варианте появился косяк.
wersal
Тады мон попробовать подменять ссылку >
if ($(window).width() <= 540) {
$('head>link[rel="stylesheet"]:first').attr('href','ссылка')
}
Тады мон попробовать подменять ссылку >
Теперь четко! Наконец то получил тот вид мобильной версии, к которому шел всё это время. Спасибо!)
Возможно нун ремовить еще и метатег, - потестируйте, все ли норм отображается в десктопной версии со скриптом
<a href="#" id="desktop-version">Полная версия</a><a href="#" id="mobile-version">Мобильная версия</a> - линки не видны
Убираю "лишние" кавычки в коде, например:
<a href="# id="desktop-version">Полная версия</a> <a href="# id="mobile-version">Мобильная версия</a> линки видны, но не работают:
Но как видно пытаются хотя бы сослаться:
Захожу с телефона для проверки - все вроде выглядит ок, но ссылки не пашут (ноль эмоций)
В админке мобильный стиль отключен.
Убираю "лишние" кавычки в коде, например:
Они не лишние... Ну мну не тестил, поэтому скрипт может не работать (Сами линки нун вернуть к прежнему виду)
Попробуйте заменить скрипт на такой:
<!-- Включение мобильной версии -->
<style type="text/css">#desktop-version,#mobile-version{display:none}</style>
<script type="text/javascript">
(function() {
if($(window).width()>540) return;
if(!$getCookie('is_mobile')) $('link[rel="stylesheet"][href*="/style/mobile"]').remove();
$(document).ready(function() {
var l = $('#mobile-version'), d = $('#desktop-version');
if(!$getCookie('is_mobile')) {d.remove();l.show(); }else{ l.remove() ; d.show();}
l.click(function(e) {e.preventDefault(); $setCookie('is_mobile','true',30*3600*24*30*1000); location.reload()});
d.click(function(e) {e.preventDefault(); $deleteCookie('is_mobile'); location.reload()});
});
})();
</script>
вернул как сказано (новый скрипт, старый линк) - ссылок не видно стало.
Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Вопросы по мобильному стилю