 студент
сообщений 69 регистрация 29.09.2015 
|
Но в мобильной версии (адаптивной) окно не умещается по ширине. И сузить его нельзя, только переворот телефона спасает положение. Ну это наверное только у тех, у кого адаптивный дизайн без скроллинга по горизонтали.
|
 тестер абитуриент
сообщений 39 регистрация 03.04.2015 откуда Ростов-на-Дону
|
Здравствуйте!
Я этим вопросом занимался в апреле-мае, и весь сайт делал адаптивным.
Все скрипты Сергея.
Взял адаптивный шаблон, и в каждом скрипте, потихоньку, по-шагово менял код вставляя в скрипты стили из шаблона.
Где-то стало быстро и с малой кровью. Где возился долго...
Получилось так, как меня устраивает.
Если чем могу помочь, то пишите в личку.
Для просмотра гостевой, посмотрите отзывы на моем сайте (Светальтер).
...И Вам не хворать!
|
студент
сообщений 69 регистрация 29.09.2015
|
Блин. Классный сайт у Вас. Хочется понажимать на такие красивые окна и ссылки. Главная страница вообще красивая очень.
Но, посмотрите я зашел с телефона на Вашу гостевую книгу (Отзывы) - так если захотеть оставить отзыв будет вот такое окно:
В нем не возможно ничего написать, так как вправо оно не сдвигается. Если перевернуть телефон (что догадываются сделать не все и некоторые пользовтели просто покидают страницу), то окно ввода становится совсем маленьким и неудобным.
|
тестер абитуриент
сообщений 39 регистрация 03.04.2015 откуда Ростов-на-Дону
|
Спасибо, что подсказали. С этими тонкостями долго боролся.
Надо будет подгонять и этот скрипт. В других (наверное) все открывается корректно.
А у Вас какой смартфон?
Я уже поправил. У меня на смартфоне видно нормально...
...И Вам не хворать!
|
студент
сообщений 69 регистрация 29.09.2015
|
Iphone 5. Но я зашел - все нормально стало!
А где Вы код правите? Я так понял в Index.php но где там в какой строке?
|
тестер абитуриент
сообщений 39 регистрация 03.04.2015 откуда Ростов-на-Дону
|
Конкретно данную проблему я исправил в css.php
| код |
#b_win {
position: absolute;
left: 50%;
top: 200px;
margin-left: -150px;
margin-top: -150px;
padding:10px;
background: #FFFFFF;
border: solid 1px #808080;
color:#3E3E3E;
font-size:12pt;
font-family:"Times New Roman", "serif";
}
|
margin-left: -200px; изменил на margin-left: -150px;
Но вцелом корректировка была в index.php.
Например в строке
echo"<div id=b_win class='six columns'><div class='boxblog'>";
добавил class_ы из шаблона адаптивного сайта, который я взял за основу, и исправил его под свои нужды.
Теперь шаблон трудновато узнать...
Но подгонять скрипт под шаблон не благодарное дело. Т.к. когда будет изменение, придется долго корректировать по той же схеме.
Хотя если сам делаешь, то это возможно.
...И Вам не хворать!
|
студент
сообщений 69 регистрация 29.09.2015
|
Не особо вышло. Помог вот такой код:
#b_win {
position: absolute;
left: 0%;
top: 200px;
margin-left: 0px;
margin-top: 0px;
padding:0px;
background: #FFFFFF;
border: solid 1px ;
color:#3E3E3E;
font-size:12pt;
font-family:"Times New Roman", "serif";
Теперь экран сообщения прилеплен к левому краю и у него уменьшены внутренние отступы. Но вот как уменьшить ширину самого этого экрана хотя бы на немного? Сейчас его невозможно закрыть, если не повернуть экран.
|
тестер абитуриент
сообщений 39 регистрация 03.04.2015 откуда Ростов-на-Дону
|
Универсального рецепта нет.
Лучше консультироваться со специалистами по CSS.
Я любитель. Верстал код пошагово.
Если не получается делал откат.
Не меняйте сразу несколько параметров. Запутаетесь.
Сначала попробуйте изменять только одну переменную во всем диапазоне.
Потом следующую.
Быстро не получится. На одном смартфоне видно хорошо, на другом по-другому.
Если внимательно работать с кодом, то результат будет... со временем.
Больше посоветовать не могу, т.к. шаблоны разные. Результаты у них тоже разные.
Я перебрал 6-7 шаблонов пока подобрал оптимальный.
Удачи!
...И Вам не хворать!
|
студент
сообщений 69 регистрация 29.09.2015
|
Я тоже любитель. Спасибо за подсказки - все получилось. Теперь на мобильны и текст в рамках экрана, и окно сообщения тоже в уместных параметрах.
Единственное - не красиво что экран сообщения не имеет отступ от правого края экрана. Когда ставлю отступ - в мобильной версии сайта смещается.
|
тестер абитуриент
сообщений 39 регистрация 03.04.2015 откуда Ростов-на-Дону
|
Со временем и это победите!..
...И Вам не хворать!
|
|
