Форум » Вопросы дизайна » Тема взаимопомощи » Ответить
Тема взаимопомощи
Ge-Gra: Для публикации просьб о помощи и ответов на вопросы.
Zoltan: Khaion 34,4 КБ (35 231 байт) Это загруженная страничка, но форум использует передачу сжатых страничек, т.е трафика палится немного меньше. А проект рассчитан на ролку, потому тут норм будет хD а, стоп, это страничка практически без текста. Темы будут весь поболе...
Khaion: Zoltan, да в общем-то, нормально должно быть. А вообще, если _весь_ дизайн (с картинками, скриптами и ксс) весит около 500кб, так это ж замечательно, у подавляющего большинства сейчас одни шапки поболе весят.
Zoltan: Khaion хм, да, я о том и писал, что именно весь дизайн) Ок, вы меня успокоили А шапки я вообще ненавижу
Serifa: Да, мода сейчас на шапки) Я тоже пыталась сделать, но весило они нехило, самое меньшее, что получалось - 200 кб, ну 180. То есть, самый тяжелый элемент форума получался! Вообще, ФРИ должны быть ориентированы на тексты все-таки.
Zoltan: Serifa пишет: Я тоже пыталась сделать, но весило они нехило, самое меньшее, что получалось - 200 кб, ну 180. не так уж и много по сравнению с майбошапками - очень мало)) Serifa пишет: Вообще, ФРИ должны быть ориентированы на тексты все-таки. А тексты вообще, как правило, весят меньше всего на страничке А если еще gzip включен я себе сделал 40 кб шапку
Serifa: Zoltan пишет: я себе сделал 40 кб шапку А посмотреть можно?
Zoltan: Serifa не знаю, пока что форум только "мучается" и пустой.. Вообще, весь секрет в размерах 1150х105 и правильном формате) jpeg спасет, если не мир, то траффик точно)
Serifa: Так, то есть форум не безразмерный, а с фиксированными размерами? У меня-то таблица растягивается... Вообще, тут уже начинаются вопросы, специфичные для SMF))
Zoltan: Serifa Форум-то безразмерный, просто я как сделал, 2 дива один поверх другого, задний залит градиентом, а на верхнем висит шапка, у ней края сливаются с градиентом. Serifa пишет: Вообще, тут уже начинаются вопросы, специфичные для SMF)) не-не-не, это вопросы дизайна, у меня вообще ниразу не смф, но диз-то строится по общему принципу
Serifa: Zoltan пишет: 2 дива один поверх другого, задний залит градиентом, а на верхнем висит шапка, у ней края сливаются с градиентом. Хм, интересное решение... А я пыталась тоже самое сделать без дивов, просто шапку рисовала в пнг с прозрачностью. Получается красиво, но большой минус: чем красивше, тем тяжелее рисунок, блин. Но самое главное: если форум безразмерный, а у рисунка шапки жестко заданные параметры, что происходит, если разрешение монитора не позволяет отобразить всю шапку? Тогда дизайн либо косячит, либо шапка вообще исчезает - у меня такое тоже было, - либо шапка показывается обрезанной. Да?
Zoltan: Serifa пишет: А я пыталась тоже самое сделать без дивов, просто шапку рисовала в пнг с прозрачностью. пнг зло, если задний план монотонный, то легко можно обойтись без прозрачности. Или гифку) Serifa пишет: Тогда дизайн либо косячит, либо шапка вообще исчезает - у меня такое тоже было, - либо шапка показывается обрезанной. Да? у меня, если не влазит какая-то часть, то сначала края шапки не отображаются, т.е слева и справа кусочки обрезаются, а когда доходит по размерам до min width, то появляется вертикальный скролл...
Serifa: Zoltan пишет: у меня, если не влазит какая-то часть, то сначала края шапки не отображаются, т.е слева и справа кусочки обрезаются, а когда доходит по размерам до min width, то появляется вертикальный скролл... Так вот в чем и проблема! Как этого избежать? Я использовала пнг, чтобы засунуть картинку на форум, поверх таблицы, и заливка там была не монотонная. (Можете глянуть на верх форума сейчас, по ссылке в подписи - там градиент). Поэтому размытые по краям рисунка позволяло очень красиво его запихнуть туда. Вот только проблема: чтобы избежать ситуации, описанной выше, я делала рисунок не больше 700-800 пкс в ширину. И оставалась много свободного места, ничем не заполненного. Что туда вставить?
Khaion: Serifa пишет: Как этого избежать? Что туда вставить? Теоретически можно поставить по краям дивы с z-index, предварительно сделав куски шапки так, чтобы она смотрелась при определенных разрешениях монитора, т.е. для каждого разрешения - свое положение дивов, свой вид. По принципу гармошки. Но это теоретически, как оно там будет с кроссбраузерностью - хз. А вообще - зачем туда что-то вставлять? Чем плох концепт, предлагаемый основной темой Curve - градиент и логотип маленький? Резиновая шапка да без регулярного рисунка - это геморрой 8) Если очень надо заполнить все пространство - чем плоха обрезка? Пусть опять-таки режется для каждого разрешения по своему, это не сложно сделать, даже легче, чем я выше предложил.
Zoltan: Serifa пишет: (Можете глянуть на верх форума сейчас, по ссылке в подписи - там градиент). На орге? угум, там градиент, что тоже позволяет сделать картинку без прозрачности :) Тот же градиент и на шапку) Serifa пишет: Что туда вставить? Аххаа, так это уже что хотите, это уже лично дело каждого админа :) Я сделал фон с градиентом, вы уж, как хотите.. В принципе, вам на форум сойдет и не "бесконечная" шапка, т.к сам диз с закруглёнными углами, шапку просто в подобном стиле сделать.. По теории, могу сейчас попробовать сварганить и вариант, как у меня на форуме, 2 наложенных дива.. Это просто :) Khaion пишет: Но это теоретически, как оно там будет с кроссбраузерностью - хз. По теории, норм, только расположить дивы не в пикселях, а в процентах, иначе концепт сломается хD
Serifa: Khaion пишет: Чем плох концепт, предлагаемый основной темой Curve - градиент и логотип маленький? Да ничем не плох, я много форумов посетила, западных в том числе - везде сплошной минимализм в моде. Да и выглядит такой "строгий" форум солиднее, конечно. Самое главное - оформить в тему мелкие детали, кнопочки там. А еще бы смайлики сделать свои, авторские - вообще класс. Просто я пыталась сделать эту страшную резиновую шапку, и столкнулась с рядом проблем, вот и спрашиваю, у кого как. Zoltan пишет: В принципе, вам на форум сойдет и не "бесконечная" шапка, т.к сам диз с закруглёнными углами, шапку просто в подобном стиле сделать.. По теории, могу сейчас попробовать сварганить и вариант, как у меня на форуме, 2 наложенных дива.. Это просто :) А покажите, как оно должны выглядеть хоть? Жутко любопытно. А если можно - еще и код посмотреть. Khaion пишет: дивы с z-index, предварительно сделав куски шапки так, чтобы она смотрелась при определенных разрешениях монитора, т.е. для каждого разрешения - свое положение дивов, свой вид. По принципу гармошки. То же самое. Когда читаю - выглядит как высшая математика)) Можно примерами? Для ликбеза.
полная версия страницы