Страница 10 из 10«128910
Форум про uCoz » Всё для web-мастера » Web мастеру » Не оптимизировано для мобильных устройств (Кто как решает)
Не оптимизировано для мобильных устройств
Prok-Torrent
Дата: Вторник, 31.05.2016, 13:37 | Сообщение # 136
Пользователи
Сообщений:70
Награды: 0


Kosten, Я здесь зарегистрированный - http://hdgo.cc/content/, но мне нужен скрипт плеера, где я бы мог сам добавлять в него новые серии!
Kosten
Дата: Вторник, 31.05.2016, 14:19 | Сообщение # 137
Администраторы
Сообщений:12716
Награды: 39


Prok-Torrent, вот этого не знаю, но было время искал и находил, плотно закачивал, но в один момент просто этот сервис слетел, так что больше не ищу и вообще не слышал, но если только платно, то можно найти.

Maryges
Дата: Вторник, 31.05.2016, 16:34 | Сообщение # 138
Пользователи
Сообщений:116
Награды: 0


Kosten, вам не кажется, что здесь совершенно другое и не относится к плееру, но вам виднее.
Kosten
Дата: Вторник, 31.05.2016, 16:40 | Сообщение # 139
Администраторы
Сообщений:12716
Награды: 39


Maryges, так вот лень сделать тему, чтоб по ней и работали, нет нужно в другой добавить.

feliksteg
Дата: Вторник, 31.05.2016, 16:47 | Сообщение # 140
Пользователи
Сообщений:134
Награды: 0


Но как основном делают все, это решили вопрос и тема закрыта. Но здесь раздел не позволяет наверно закрывать, но можно же просто написать, что не по теме и создайте для себя ее, это же вам нужно.
medved2121
Дата: Четверг, 01.12.2016, 12:17 | Сообщение # 141
Пользователи
Сообщений:3
Награды: 0


Доброго времени суток.

Появилась проблема с адаптацией сайта под мобильные устройства. Проблема состоит в следующем, после прописывания в html коде строчки
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> , начинаю подключать таблицу стилей строкой в html
<link rel="stylesheet" href="/CSS/2081.css" /> или <link type="text/css" rel="StyleSheet" href="/CSS/2081.css" /> (опять же какая строка верная не понятно) , на что гугл пишет, контент шире экрана. Создается такое впечатление, что таблица стилей просто не подхватывается. Если кто то сталкивался, буду очень признателен за помощь.


Все о монетах СССР
ArtElect
Дата: Четверг, 01.12.2016, 12:29 | Сообщение # 142
Модераторы
Сообщений:395
Награды: 1


Цитата medved2121 ()
таблица стилей просто не подхватывается

В полне реально из-за того что где то просто не поставил закрывающий тег в самих стилях

[spoiler=Вот тут, попробуй]
Код
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
[/spoiler]


Если же проблема не будет решена, тогда нужно смотреть в стили.


Закон и порядок бл*ть!
Angerfist
Дата: Четверг, 01.12.2016, 13:02 | Сообщение # 143
Vip
Сообщений:623
Награды: 18


medved2121, шаблон сайта не адаптивный, то что вы называете подключением таблицей стилей, так это медиа запросы, которые не правильно составлены и прописаны (в скобках не указаны стили которые будут применяться), вообщем на данный момент там нет никаких условий.

Выход: почитайте мануалы или возьмите конкретные готовые шаблоны для того чтобы понять суть работы.
Если вам нравится ваш шаблон и нет желания взять готовый адаптивный, то для начала шаблон можно сделать
на основе гибкой разметки и уже после доводим до ума применяя медиа запросы.

Вообщем а пока гугл так и будет писать что контент шире экрана).


No regrets

Сообщение отредактировал Angerfist - Четверг, 01.12.2016, 13:48
Angerfist
Дата: Четверг, 01.12.2016, 13:10 | Сообщение # 144
Vip
Сообщений:623
Награды: 18


medved2121, вот эту статью можно взять за основу Ссылка

а тег
Код
viewport
ничего не даст на данном этапе с фиксированными размерами шаблона.


No regrets

Сообщение отредактировал Angerfist - Четверг, 01.12.2016, 13:11
Angerfist
Дата: Четверг, 01.12.2016, 13:26 | Сообщение # 145
Vip
Сообщений:623
Награды: 18


medved2121, Для начала можно начать отсюда, в главной каскадной таблице у вас прописано так

Код

/* General Style */
body {width: 1000px; margin-left: auto; margin-right: auto; background: url('/_fr/img/12-12.jpg') no-repeat 50% 0 fixed; min-height: 1000px;}
.wrap {text-align: center; background: url('/.s/t/808/1.png') repeat-x; min-height: 100%; height:auto !important; height:100%;}
.wrap1 {text-align: center; background: #ffffff;}
.contanier {width: 1000px; margin-left: auto; margin-right: auto; background: url('/_fr/img/DSCF0755.jpg') no-repeat, url('/_fr/img/1211.jpg') repeat; min-height: 1000px;}



Вносим изменения: делаем гибким макет, ширину контента обозначаем 100% и указываем максимальную ширину 1000px

Код

/* General Style */
body {width: 100%; max-width: 1000px; margin-left: auto; margin-right: auto; background: url('/_fr/img/12-12.jpg') no-repeat 50% 0 fixed; min-height: 1000px;}
.wrap {text-align: center; background: url('/.s/t/808/1.png') repeat-x; min-height: 100%; height:auto !important; height:100%;}
.wrap1 {text-align: center; background: #ffffff;}
.contanier {width: 100%; max-width: 1000px; margin-left: auto; margin-right: auto; background: url('/_fr/img/DSCF0755.jpg') no-repeat, url('/_fr/img/1211.jpg') repeat; min-height: 1000px;}


Ну и так далее, изучаем таблицу CSS, и делаем гибкими параметры сайдбара, футера и т.д.

К примеру ширина сайдбара 250px, а ширина всего контента сайта 1000px мы делим 250 на 1000 и умножаем на 100,
получается 25%, пишем вместо фиксированных 250px - 25% в стиле.

Для внутренних компонентов, боковые сайдбары и основной контент, уже не указываем максимальную ширину, мы уже знаем её в заглавных стилях родителя 1000px и 100%, хватит лишь процентных соотношений, чтобы в итоге выходила сумма 100% (25% левый сайдбар, значит справа ширина контента 75%).

Что касается убирания сайдбара под контент (эффект складывания), то делается к примеру исходя из параметров шаблона (допустим после 960px будем прятать боковой бар вниз), отменой выравнивания float справа или слева в медиа запросе. Допустим выдуманный класс sidebar-left, то пишем в конце таблице стилей:
Код

@media all and (max-width:960px) {
.sidebar-left {float:none; width:auto;}
}
или
Код

@media all and (max-width:960px) {
.sidebar-left {float:none; width:100%;}
}


Вообщем это один из способов весь макет шаблона сделать гибким, и далее через условия медиа запросов подгонять
детали которые выходят за рамки...

Так проще я думаю чем поэтапно писать кучу медиазапросов для всех типов мобильных устройств.


No regrets

Сообщение отредактировал Angerfist - Четверг, 01.12.2016, 14:50
medved2121
Дата: Четверг, 01.12.2016, 14:50 | Сообщение # 146
Пользователи
Сообщений:3
Награды: 0


Angerfist, ArtElect, Спасибо для начала информации хватит.
Еще один вопрос: таблицу стиле под мобильный интерфейс отдельную делать или вносить изменения в существующую?


Все о монетах СССР
Angerfist
Дата: Четверг, 01.12.2016, 15:00 | Сообщение # 147
Vip
Сообщений:623
Награды: 18


medved2121, вносить изменения конечно, примеры я привёл, у вас не такая сложная каскадная таблица стилей чтобы разобраться, просто оригинал сохраните в блокноте, чтобы в случае ошибок можно было быстро сравнить.

Медиа запросы пишите в конце таблицы, а в основных стилях, где вносите поправки можно заккоментировать (будет потом проще самому).

Короче гибким макет сделать не сложно и не долго, ковыряться дальше придётся уже с контентом (виды материалов, изображения и т.д., или же подгоняя отступы.


No regrets

Сообщение отредактировал Angerfist - Четверг, 01.12.2016, 15:06
medved2121
Дата: Четверг, 01.12.2016, 16:10 | Сообщение # 148
Пользователи
Сообщений:3
Награды: 0


Angerfist Не сложно и не долго, когда точно знаешь что делать. Спасибо за ответы, попробую допилить до нормального мобильного интерфейса.

Все о монетах СССР
Webmaster32
Дата: Четверг, 01.12.2016, 18:10 | Сообщение # 149
Модераторы
Сообщений:151
Награды: 3


У меня на сайте адаптация 100%, PDA версия как само собой разумеющееся к тому же desktop шаблон адаптирован под мобильные устройства

Прикрепления: 1969676.jpg(116Kb)


Когда уходят герои, на их места приходят клоуны!..

Alexandrhhh
Дата: Суббота, 03.12.2016, 18:31 | Сообщение # 150
Vip
Сообщений:34
Награды: 4


Webmaster32, +1
Прикрепления: 0652365.png(265Kb)


Сообщение отредактировал Alexandrhhh - Суббота, 03.12.2016, 18:32
Форум про uCoz » Всё для web-мастера » Web мастеру » Не оптимизировано для мобильных устройств (Кто как решает)
Страница 10 из 10«128910
Поиск: