|
Вопросы от ^_^
|
|
| [1] rikulia [15.09.2012, 08:41] |
Привет всем!
хочу узнать как лучше верстать некоторые элементы для браузеров на примере этого сайта.
там есть единая картинка в блоках,
вопрос в том лучше ли эту картинку нарезать или же вот так целиком вставлять? понимаете? 
Сообщение отредактировал rikulia - Суббота, 15.09.2012, 08:56 |
|
| [2] bandjuk [15.09.2012, 12:55] |
rikulia, привет, ты имеешь ввиду картинки спрайты?
Ну если умеешь ими пользоваться и правильно прописывать, то я думаю можно и так, хотя лично мне легче отдельными картинками  |
|
| [3] rikulia [15.09.2012, 16:59] |
хотя лично мне легче отдельными картинками
мне тоже удобнее, а как для браузера лучше? (что он быстрее загрузит) или ему всё-равно?
Сообщение отредактировал rikulia - Суббота, 15.09.2012, 17:01 |
|
| [4] Mr_Smith [15.09.2012, 18:32] |
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;}
- код рабочий - иконка админа фоном по центру. |
|
| [5] bandjuk [15.09.2012, 23:18] |
код рабочий - иконка админа фоном по центру.
жесть! Первый раз такое вижу!  :o |
|
| [6] Diana [15.09.2012, 23:25] |
 |
|
| [7] likbezz [15.09.2012, 23:33] |
bandjuk, жесть! Первый раз такое вижу!
Посмотри еще раз: http://likbezz.ru/_theme1/_st/css/_forumStyle.css - в самом низу )
Найди в стилях хоть одну картинку) |
|
| [8] Diana [15.09.2012, 23:43] |
|
Вы это хотя бы не вручную кодировали? Добавлено (15.09.2012, 23:43)
---------------------------------------------
Ух ты. Оказывается не в ручную 
В википедии нашла.
http://secundomer.ru/index.php?r=Base64/Decode |
|
| [9] likbezz [15.09.2012, 23:59] |
Diana, Вы это хотя бы не вручную кодировали?
)
Как вы себе это представляете?)
Нет, обычным тотал командером)
rikulia, В википедии нашла.
http://secundomer.ru/index.php?r=Base64/Decode
-- это не совсем то)
|
|
| [10] rikulia [22.09.2012, 14:10] |
В википедии нашла.
http://secundomer.ru/index.php?r=Base64/Decode
По этому многие сайты, нагруженные графикой, либо используют спрайты, либо кодируют картинки в base64 - то бишь картинка в виде текста - для того что бы уменьшить кол-во обращений к серверу.
огого! спасибочки)
Добавлено (22.09.2012, 14:10)
---------------------------------------------
такой вопросик, мне в чате написали что надпись в шапке смещается: "rikulia, "Редактор" Мой профиль & Выход"
а где "ГлавнаяФорумФотоальбомыФайлыГостевая " - неподвижная, когда размер экрана меняется (Ctrl + -) и одно залезает на другое.
как бы исправить что бы "rikulia, "Редактор" Мой профиль & Выход" тоже было фиксировано?
сайт, как всегда этот
Сообщение отредактировал rikulia - Суббота, 22.09.2012, 14:11 |
|
| [11] likbezz [22.09.2012, 14:32] |
rikulia, такой вопросик, мне в чате написали что надпись в шапке смещается: "rikulia, "Редактор" Мой профиль & Выход"
а где "ГлавнаяФорумФотоальбомыФайлыГостевая " - неподвижная, когда размер экрана меняется (Ctrl + -) и одно залезает на другое.
как бы исправить что бы "rikulia, "Редактор" Мой профиль & Выход" тоже было фиксировано?
сайт, как всегда этот
Использовать относительное позиционирование, относительно границ монитора и в процентах или ем-ах.
В вашем случае я сложно представляю как лучше ... и так плохо, и так .... если только к блоку слайдера привязывать. |
|
| [12] rikulia [22.09.2012, 14:37] |
Использовать относительное позиционирование, относительно границ монитора и в процентах или ем-ах.
В вашем случае я сложно представляю как лучше ... и так плохо, и так .... если только к блоку слайдера привязывать.
спасибо, попробую!
likbezz, а широкие экраны у небольшой части пользователей? |
|
| [13] likbezz [22.09.2012, 16:05] |
rikulia, likbezz, а широкие экраны у небольшой части пользователей?
Смотря какие «большие»)
Статистика разрешений экрана |
|
| [14] rikulia [26.09.2012, 14:45] |
likbezz, привязывать к слайдеру этим способом, что ты писал тут?
Сообщение отредактировал rikulia - Среда, 26.09.2012, 14:46 |
|
| [15] likbezz [26.09.2012, 17:16] |
rikulia, привязывать к слайдеру этим способом, что ты писал тут?
Это вы про что?
По ссылке вообще материал не по теме - там условия.
если только к блоку слайдера привязывать.
- Устанавливать возицию относительно этого блока, стилями.
Есть разные способы.
Например задать родительскому блоку позиционирование в релатив, а нужному блоку абсолют, в процентах от родительского.
Или просто зафиксировать относительно центра, задав фиксированный размер.
Много способов есть позиционировать элементы внутри родительских блоков, в вашем случае, по моему, не смотрел, они просто независимые - шапка отдельно - блок входа - отдельно по этому и при масштабировании по разному изменяются.
Либо им надо прописывать одинаковые параметры, что бы при масштабировании изменялись одинаково, либо изменить текущий метод которым выставлено меню.
.. Ну или писать корректировочные стили относительно разрешения, через медиа скрин (@media screen...) ...
Но лучше, просто сделать грамотно и правильно. с общим блоком.
Что-то сказать типа: “вот тут измените на вот это ...”, скорее всего не получится.
Нужно менять принцип, а не параметры. |
|
