|
11 / 11 / 13
Регистрация: 25.04.2012
Сообщений: 1,163
|
|
Ретина или как быть с картинками?01.05.2014, 00:28. Показов 1401. Ответов 19
Метки нет (Все метки)
Может это для ретиновских экранов? если да как быть? как использовать ? картинка ниже в пример тут она уменьшилась даже))
0
|
|
(| 01.05.2014, 00:28 | |
|
Ответы с готовыми решениями:
19
Как правильно использовать закаченую картинку, ретина/не ретина дисплей Как быть с картинками?
|
|
11 / 11 / 13
Регистрация: 25.04.2012
Сообщений: 1,163
|
|
| 01.05.2014, 11:07 [ТС] | |
|
Taatshi, как это лучше сделать ? может инструменты есть какие?
0
|
|
|
Почетный модератор
|
|
| 01.05.2014, 11:14 | |
|
sendxt, самим фотошопом. К примеру у Вас шаблон должен быть шириной 1000px. Макет с отступами вместе 5000, отступы по 1000 пикселей.
Считаем. Вся ширина - 5000, отступы - 1000, основная часть 4000. Нам нужно, чтоб основная часть была 1000 - в 4 раза меньше. Тогда отступы будут 1000/4 - 250px. Итого весь макет будет 1250px. В фотошопе снимаем выделение со всех слоев и инструментом Размер картинки выставляем ширину 1250px. Фотошоп подумает, повисит немного если psd огромный - и преобразует макет в нужный нам размер. Сохраняем в новый файл и с ним работаем. Никогда таких действий не производите с оригиналом. Он должен быть неприкосновенным. На всякий пожарный случай 
1
|
|
|
11 / 11 / 13
Регистрация: 25.04.2012
Сообщений: 1,163
|
|
| 01.05.2014, 11:17 [ТС] | |
|
Taatshi, и походу и не с оригиналом таких действий проводить не буду, по крайней мере на данном этапе-))
0
|
|
|
11 / 11 / 13
Регистрация: 25.04.2012
Сообщений: 1,163
|
|
| 01.05.2014, 13:00 [ТС] | |
|
Taatshi, а можно ли так сделать чтобы картинка маштабировалась по экрану? потому что если я размер экрана делаю 50% фон тогда реально становится такой какой доолжен бы быть?
есть ещё картинка голова девушки, её должен пристоковать к фону, если он как щас 2560пх и 100% не стыкуится
0
|
|
|
11 / 11 / 13
Регистрация: 25.04.2012
Сообщений: 1,163
|
|
| 01.05.2014, 13:12 [ТС] | |
|
вот что я сделал как выглядит http://function.vv.si/ , и как на картинке
0
|
|
|
Почетный модератор
|
|
| 01.05.2014, 13:51 | |
|
sendxt, Вам нужно спросить у заказчика одну вещь. КАК должен выглядеть фон браузера за пределами шаблона на широкоэкранках. Диз у вас только на середину.
Либо пусть дизайнер дорисовывает если это статика, либо это должен быть полностью адаптивный шаблон - всегда на всю ширину экрана независимо от разрешения. Уточните этот момент. В зависимости от ответа и будут рецепты - диаметрально противоположные по сути.
1
|
|
|
11 / 11 / 13
Регистрация: 25.04.2012
Сообщений: 1,163
|
|
| 01.05.2014, 15:39 [ТС] | |
|
Taatshi, это адаптивный дизайн, вроде со всем нормально всё укладываются, там есть картинки для retin(ы), и есть нормальные они как-бы всё ок подходять, вот только с фоном остается.
Что за рецептик может быть с ним? как-то его может можно сделать чтобы он под экран адаптировался в плане например под мой экран он отображается так как надо при маштабировании 50% Добавлено через 1 час 38 минут Вопрос решён
0
|
|
|
11 / 11 / 13
Регистрация: 25.04.2012
Сообщений: 1,163
|
|
| 01.05.2014, 18:30 [ТС] | |
|
Taatshi, нашёл psd ещё с 1280px вырезал от туда картинку как бы нормально. Но я себе все равно не ответил на вопрос нафига там уже нарезан такой большой фон был? Ретина? Я первый раз адаптивную вёрстку делаю, вопросов по ходу жесть скока появляется))
Добавлено через 2 часа 32 минуты опять возвращаюсь назад к этой теме оказалось нефига я не решиль этот вопрос) http://function.vv.si пример того что щас вышло делал из расчета чтобы получилось так но есть ещё папка full hd там выглядит чуть иначе, незнаю что значит и для чего full hd дается. ну и вопрос в шапке и голове которую к ней надо пристыковывать. И в том какой всё таки фон использовать для header, есть 1280 шириной и в два раза больше
0
|
|
|
Почетный модератор
|
|
| 02.05.2014, 12:15 | |
|
sendxt, если сайт должен быть полностью адаптивным - то есть на всех мониторах смотреться одинаково - вам нужно начинать с начала все стили переписывать.
Первое, что я делаю в таких случаях - устанавливаю скрипт, выставляющий размер шрифта в зависимости от разрешения экрана. И все размеры для всех элементов прописываю в процентах и em. Иначе добиться полного соответствия дизайну невозможно. В Вашем случае картинка будет обрываться по краям на широкоэкранках. Иначе никак.
0
|
|
|
11 / 11 / 13
Регистрация: 25.04.2012
Сообщений: 1,163
|
|
| 02.05.2014, 12:54 [ТС] | |
|
Taatshi, со шрифтами понятно... Вот с фономом не понимаю каким образом стилизовать его в моём случаи, если есть два варианта 1280пх и 2560пх , или надо фон под каждое расширение экрана и через медиа при изменениях экрана менять его? или просто ставить большую картинку и фон в 100% указывать и он подгонять будет под экран?
0
|
|
|
Почетный модератор
|
|
| 02.05.2014, 12:59 | |
|
Смотря какая ширина сайта у Вас выбрана за основную. Под нее и подгоняйте. Если ее сделать бэкграундом - берите картинку побольше и ставьте бэку позиционирование center top - она автоматом будет обрезаться на узких мониторах.
0
|
|
|
11 / 11 / 13
Регистрация: 25.04.2012
Сообщений: 1,163
|
|
| 02.05.2014, 13:03 [ТС] | |
|
Taatshi, ну если бы просто только фон шапки, так ещё голова эта должна прилегать, состыковыватся с шапкой, вот в этом всё творчество)) 2 элемента этих слить так)
0
|
|
|
Почетный модератор
|
|
| 02.05.2014, 13:17 | |
|
Я бы сделала
1) Вариант с извращениями: голову бэком для боди, а розовую фигню бэком для дива. 2) Логически обоснованный вариант: зачем их разделять? Сделайте их общей картинкой.
0
|
|
419 / 381 / 163
Регистрация: 03.01.2013
Сообщений: 966
|
|
| 02.05.2014, 15:36 | |
|
sendxt,
Можете выложить все файлы макета?
0
|
|
|
11 / 11 / 13
Регистрация: 25.04.2012
Сообщений: 1,163
|
|
| 02.05.2014, 17:42 [ТС] | |
|
1
|
|
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
| 02.05.2014, 17:42 | |
|
Помогаю со студенческими работами здесь
20
"В поле может быть введено только одно слово, пробелы могут быть или не быть с начала слова и в конце" Здоровье глаз. Как теперь выбрать монитор? Глянец или матовый, или в чем можеть быть дело? Samsung или Sony? Быть или не быть Триггер или Процедура? Быть или не быть? Игровой софт «подвергся нападению»: Дума решает быть ему или не быть Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |
|
Новые блоги и статьи
|
|||
|
Контроль заполнения и очистка дат в зависимости от значения перечислений
Maks 12.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2.
Задача: реализовать контроль корректности заполнения дат назначения. . .
|
Архитектура слоя интернета для сервера-слоя.
Hrethgir 11.04.2026
В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html
Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
|
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2.
Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
|
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях.
Задача: при копировании документа очищать определенные реквизиты и табличную. . .
|
|
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий
anaschu 08.04.2026
https:/ / github. com/ shumilovas/ med2. git
main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели
8ATzM_2aurI
|
Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2.
Задача: запретить редактирование документа, если он открыт у другого пользователя.
/ / . . .
|
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка.
Hrethgir 08.04.2026
Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои.
А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
|
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20%
kYBz3eJf3jQ
|
Наверх