|
Вопросы от ^_^
|
|
|
2012-09-15Дата: Суббота, 15.09.2012, 08:41 | Сообщение # 1 |
Подполковник
Группа: Пользователи
Статус: Offline
|
Привет всем!
хочу узнать как лучше верстать некоторые элементы для браузеров на примере этого сайта.
там есть единая картинка в блоках,
вопрос в том лучше ли эту картинку нарезать или же вот так целиком вставлять? понимаете? 
Сообщение отредактировал rikulia - Суббота, 15.09.2012, 08:56 | | |
|
|
2012-09-15Дата: Суббота, 15.09.2012, 12:55 | Сообщение # 2 |
Генерал-майор
Группа: Пользователи
Статус: Offline
|
rikulia, привет, ты имеешь ввиду картинки спрайты?
Ну если умеешь ими пользоваться и правильно прописывать, то я думаю можно и так, хотя лично мне легче отдельными картинками 
| | |
|
|
2012-09-15Дата: Суббота, 15.09.2012, 16:59 | Сообщение # 3 |
Подполковник
Группа: Пользователи
Статус: Offline
|
хотя лично мне легче отдельными картинками
мне тоже удобнее, а как для браузера лучше? (что он быстрее загрузит) или ему всё-равно?
Сообщение отредактировал rikulia - Суббота, 15.09.2012, 17:01 | | |
|
|
2012-09-15Дата: Суббота, 15.09.2012, 18:32 | Сообщение # 4 |
Site Moder
Группа: Администраторы
Статус: Offline
|
rikulia, мне тоже удобнее, а как для браузера лучше? (что он быстрее загрузит) или ему всё-равно?
Нет, не все равно.
Колическтво одновременных запросов с одного домена ограничено двумя - первый - CSS - а дальше - картинки из этих самых стилей. На каждую картинку - по запросу. Запросы к сайту - НЕ мгновенные, а занимают определенное время, ВНЕ зависимости от веса картинки - вес - это другой вопрос, сейчас почти не актуальных для хороших провайдеров. А вот кол-во запросов пока важно. Чем меньше картинок - тем меньше запросов, тем быстрее отрисуется сайт.
По этому многие сайты, нагруженные графикой, либо используют спрайты, либо кодируют картинки в base64 - то бишь картинка в виде текста - для того что бы уменьшить кол-во обращений к серверу.
Типа:
Code .class{
background:url(data:image/gif;base64,R0lGODlhDQAQANU/AKazMbCwrtvRjf/vOdG6Vte0BXN4pf/6V3R0eL+mPfn5+YyUxsrM3Me/mJGUqmaXUJqcsXV3hPbLAOnQTv7aAP/nAmdtlujo6N/JENbX2pGTmre5xfvzZIeJmsjJMMbGxe3YGYKlQ9nII/3nG+S6AJatN1mRVlNWcfDFAcOcAF9ienJ3nj9BWL7C1ZSfNriSALehELCqm0VIWO7v8ufAEOrUC3+CntfZ6ba2fNnLXsnBe4aKpYSKspCVuZ+env///yH5BAEAAD8ALAAAAAANABAAAAaqwJ9wZmPcLB+h8rexxT4bn6GjEEIMDsGooavgeJZOpiPgHAa6XKUCIiwimsGBM3iYQBUK6t0Z+D0PISV5ND0RKwMjIyEAHiY1EiI8HSsTFSImHiIPJ SgEKzEODRQhjAAlDwUNJxkZO5gYEhIoDy4bJ1UWOgWzJCQwOCs+Qhs9EwXIKQktMhdKES0EKS8JGScBSxcqDAINDCoIVdkqPQ4sCDNLSgo+CAHiQkEAOw==) no-repeat center center;}
- код рабочий - иконка админа фоном по центру.
| | |
|
|
2012-09-15Дата: Суббота, 15.09.2012, 23:18 | Сообщение # 5 |
Генерал-майор
Группа: Пользователи
Статус: Offline
|
код рабочий - иконка админа фоном по центру.
жесть! Первый раз такое вижу!  :o
| | |
|
|
2012-09-15Дата: Суббота, 15.09.2012, 23:25 | Сообщение # 6 |
Генерал-лейтенант
Группа: Помощники
Статус: Offline
|
| | |
|
|
2012-09-15Дата: Суббота, 15.09.2012, 23:33 | Сообщение # 7 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
bandjuk, жесть! Первый раз такое вижу!
Посмотри еще раз: http://likbezz.ru/_theme1/_st/css/_forumStyle.css - в самом низу )
Найди в стилях хоть одну картинку)
| | |
|
|
2012-09-15Дата: Суббота, 15.09.2012, 23:43 | Сообщение # 8 |
Генерал-лейтенант
Группа: Помощники
Статус: Offline
|
Вы это хотя бы не вручную кодировали? Добавлено (15.09.2012, 23:43)
---------------------------------------------
Ух ты. Оказывается не в ручную 
В википедии нашла.
http://secundomer.ru/index.php?r=Base64/Decode
| | |
|
|
2012-09-15Дата: Суббота, 15.09.2012, 23:59 | Сообщение # 9 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
Diana, Вы это хотя бы не вручную кодировали?
)
Как вы себе это представляете?)
Нет, обычным тотал командером)
rikulia, В википедии нашла.
http://secundomer.ru/index.php?r=Base64/Decode
-- это не совсем то)
| | |
|
|
2012-09-22Дата: Суббота, 22.09.2012, 14:10 | Сообщение # 10 |
Подполковник
Группа: Пользователи
Статус: Offline
|
В википедии нашла.
http://secundomer.ru/index.php?r=Base64/Decode
По этому многие сайты, нагруженные графикой, либо используют спрайты, либо кодируют картинки в base64 - то бишь картинка в виде текста - для того что бы уменьшить кол-во обращений к серверу.
огого! спасибочки)
Добавлено (22.09.2012, 14:10)
---------------------------------------------
такой вопросик, мне в чате написали что надпись в шапке смещается: "rikulia, "Редактор" Мой профиль & Выход"
а где "ГлавнаяФорумФотоальбомыФайлыГостевая " - неподвижная, когда размер экрана меняется (Ctrl + -) и одно залезает на другое.
как бы исправить что бы "rikulia, "Редактор" Мой профиль & Выход" тоже было фиксировано?
сайт, как всегда этот
Сообщение отредактировал rikulia - Суббота, 22.09.2012, 14:11 | | |
|
|
2012-09-22Дата: Суббота, 22.09.2012, 14:32 | Сообщение # 11 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
rikulia, такой вопросик, мне в чате написали что надпись в шапке смещается: "rikulia, "Редактор" Мой профиль & Выход"
а где "ГлавнаяФорумФотоальбомыФайлыГостевая " - неподвижная, когда размер экрана меняется (Ctrl + -) и одно залезает на другое.
как бы исправить что бы "rikulia, "Редактор" Мой профиль & Выход" тоже было фиксировано?
сайт, как всегда этот
Использовать относительное позиционирование, относительно границ монитора и в процентах или ем-ах.
В вашем случае я сложно представляю как лучше ... и так плохо, и так .... если только к блоку слайдера привязывать.
| | |
|
|
2012-09-22Дата: Суббота, 22.09.2012, 14:37 | Сообщение # 12 |
Подполковник
Группа: Пользователи
Статус: Offline
|
Использовать относительное позиционирование, относительно границ монитора и в процентах или ем-ах.
В вашем случае я сложно представляю как лучше ... и так плохо, и так .... если только к блоку слайдера привязывать.
спасибо, попробую!
likbezz, а широкие экраны у небольшой части пользователей?
| | |
|
|
2012-09-22Дата: Суббота, 22.09.2012, 16:05 | Сообщение # 13 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
rikulia, likbezz, а широкие экраны у небольшой части пользователей?
Смотря какие «большие»)
Статистика разрешений экрана
| | |
|
|
2012-09-26Дата: Среда, 26.09.2012, 14:45 | Сообщение # 14 |
Подполковник
Группа: Пользователи
Статус: Offline
|
likbezz, привязывать к слайдеру этим способом, что ты писал тут?
Сообщение отредактировал rikulia - Среда, 26.09.2012, 14:46 | | |
|
|
2012-09-26Дата: Среда, 26.09.2012, 17:16 | Сообщение # 15 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
rikulia, привязывать к слайдеру этим способом, что ты писал тут?
Это вы про что?
По ссылке вообще материал не по теме - там условия.
если только к блоку слайдера привязывать.
- Устанавливать возицию относительно этого блока, стилями.
Есть разные способы.
Например задать родительскому блоку позиционирование в релатив, а нужному блоку абсолют, в процентах от родительского.
Или просто зафиксировать относительно центра, задав фиксированный размер.
Много способов есть позиционировать элементы внутри родительских блоков, в вашем случае, по моему, не смотрел, они просто независимые - шапка отдельно - блок входа - отдельно по этому и при масштабировании по разному изменяются.
Либо им надо прописывать одинаковые параметры, что бы при масштабировании изменялись одинаково, либо изменить текущий метод которым выставлено меню.
.. Ну или писать корректировочные стили относительно разрешения, через медиа скрин (@media screen...) ...
Но лучше, просто сделать грамотно и правильно. с общим блоком.
Что-то сказать типа: “вот тут измените на вот это ...”, скорее всего не получится.
Нужно менять принцип, а не параметры.
| | |
|
