Форум » Вопросы дизайна » Дизайн - это обертка.. » Ответить
Дизайн - это обертка..
Hugo Lantern: Дизайн - это обертка от конфетки. Красивый дизайн несомненно заставляет остановить взгляд на форуме, просмотреть его, он увеличивает шанс того, что новичок решит зарегистрироваться на игре. Но жизнь игры зависит ведь не от этого. Если за красивой обложкой ничего нет - ни сюжета, и мастерской работы, ни просто игры - форум обречен на вымирание. [more]Кстати, когда я обновлял дизайн своей ролевой - старался сделать его функциональным в первую очередь. Чтобы новости в шапке не вываливались за рамку, и чтобы форум не "ехал", если кому-то взбредет в голову повесить большую картинку в рекламный шаблон.[/more] Перенесено в новую тему (Серифа)
Serifa: Zenitchik отсюда: http://forroll.forum24.ru/?1-7-0-00000117-000-0-0-1234005420 Не поднимается нихрена. Таких 90%. А я потом их чертов код читаю. "Ой, как убрать ...?" или там "Ой, как изменить?" Об этом надо было думать ДО того, как код на форум тащить! А еще противнее, когда берут мой код и не используют его. Взяли стиль - старый мой стиль с привязкой .b88x31. Смотрю в код: нигде class="b88x31" не встречается. Вопрос: нахрена брали стиль? Можно подробнее про эту привязку? Раз уж мы тут про дизайны. Hugo Lantern а как вы добились, чтобы форум не разъезжался от больших картинок?
Serifa: Вот интересный пример: http://adventure.forum24.ru/ Как ни искала, так и не поняла, КУДА ОНИ СПРЯТАЛИ СВОИ КАРТИНКИ?? Проверка показывает: Result: 51 Errors, 9 warning(s) Ошибки типа таких: You forgot to close a tag, or you used something inside this tag that was not allowed, and the validator is complaining that the tag should be closed before such content can be allowed. The next message, "start tag was here" points to the particular instance of the tag in question); the positional indicator points to where the validator expected you to close the tag. Кстати, при проверке кода СМФ ошибок тоже немало, и тоже - элементарных. Но там еще надо найти, где находится файл с кодом... Вообще, я когда с результатами этих проверок знакомлюсь, я там половины не понимаю, что написано. Даже с переводчиком))
Hugo Lantern: Serifa Ну... как вам это объяснить... я просто делал дизайн, не ограниченный по ширине, у этой таблицы стоит width="90%"... может, сперва взгляните сами, а если что не понятно - я объясню? Ссылка в подписи.
Zenitchik: Все просто: .b88x31{border:none;width:88px;height:31px} Это стиль. Для того, чтобы в каждом баннере не писать border=0 width=88 height=31, а писать class="b88x31". Код короче, разбираться в нем проще. Не далее как сегодня видел форум, в котором стиль есть, а во всех баннерах "border=0 width=88 height=31". Вопрос: нахрена прописали стиль?
Serifa: Hugo Lantern про width="90%" я поняла, а тот бордер справа - как сделан? где тень у края таблицы?
Hugo Lantern: Serifa Это отдельный столбик, с фоном тени. Чтобы этот столбик не "сминался", когда разъезжается правый столбец, в него эта же самая фоновая картинка вставлена поверх. Невооруженным взглядом не видно, зато ничего не изменится, если раздвинуть или сжать таблицу. Можно было бы сделать это по всему периметру, дополнительно сделав уголки - получился бы совершенно надежный в плане растягивания как угодно дизайн... но я же ленивый ^^...
Serifa: Hugo Lantern примерно также сделан диз для этого форума!!! кажется, мы с тобой, камрад, понимаем друг друга! Так, давай по этой теме подробнее. Я тоже ленивая, но если не мы, то кто?? Марк, что ли)) На этом форуме у меня два столбца, и слева, и справа (ну, я их бордерами называю). Там у меня снежинки, тоже как фоновый рисунок. Проблема чаще бывает с правым бордером, если таблицу подвигать - можно заметить, что "ужимаются" бордеры неодинаково. Приходится выкручиваться. Но - два бордера по бокам таблицы - это тяжелая конструкция, имхо. Постоянно думаю, как же остаться с бордерами, но чтобы облегчить код страницы при этом??
Hugo Lantern: Serifa Взгляни на этот форум: http://solemnlyswear.forum24.ru/ Делал его не так давно, однако, глупый еще был... так там всего один столбец, просто у него фон - узкая полоска с тенями по бокам. Мило, легко, однако, имеет сильный минус - невозможно сделать так, чтобы форум растягивался по содержимому. Форум приходится делать фиксированным по ширине, а все, что хоть чуть-чуть больше определенного размера убирать в бегущую строку. Другой вариант - не делать широких бордеров. На Основателях картинка бордера - 16х9px. Мне кажется, выглядит неплохо. А страховачная картинка в самой ячейке с бордером - к этому пришлось идти методом проб и ошибок, я понял, что это просто необходимо, чтобы бордеры не ужимались ни при каком раскладе. Кстати, то ли лыжи не едут, то ли я... в общем, я на этом форуме бордеров не вижу...
Serifa: Hugo Lantern пишет: Кстати, то ли лыжи не едут, то ли я... в общем, я на этом форуме бордеров не вижу... Потому что они ужались )) За счет них, кстати, в основном обеспечивается ужатие самой таблицы, т.к. она вложена в другую таблицу, с этими самыми бордерами. А почему таблица у тебя так ужимается?? Какое разрешение экрана? Hugo Lantern пишет: А страховачная картинка в самой ячейке с бордером - к этому пришлось идти методом проб и ошибок, я понял, что это просто необходимо, чтобы бордеры не ужимались ни при каком раскладе. Вот не въехала. Можно помедленнее? т.е. кроме фонового рисунка ты добавляешь еще что-то? А если у фона как раз рисунок типа со снежинками, и произойдет наложение этой картинки? Далее... добавление еще одной картинки добавит нагрузку на весь форум, я думаю. Хотя я попробую это при смене дизайна - все равно зима уже на исходе, надо что-то новое. Но может есть другой способ?
Serifa: http://i39.tinypic.com/zik2e1.jpg вот здесь видно, как выглядит форролл форум у меня
Hugo Lantern: Serifa пишет: Какое разрешение экрана? Всякое. У меня три машины, на одной - 1024х768px, еще один - 1680х1050px и последний - 1024x600px. Нигде не вижу бордеров. Про страховочную картинку. В тегах <td></td>. Тут я ставлю background, пусть это будет картинка с тенью "back.jpg". Так вот, залил я эту колонку нужным бекграундом, но после этого я между этими тегами ставлю <img src="back.jpg">. Лишний вызов картинки ничем не грузит форум, ибо еще раз картинка не загруается, в кэше она уже есть. Зато браузер видит, что колонка не пуста, что в ней - картинка (пусть даже она сливается с фоном - ему-т все равно), и после этого ни под каким предлогом уже ее не сожмет. Так понятно?
Serifa: Понятно, я в общем, об этом и сказала. Но если на фоне повторяющийся рисунок, то вставить что-то поверх будет сложнее, однако. Хотя можно попробовать, чего нам терять, кроме своих цепей? А то бордеры жалко, что не видно. В них весь смысл)) Так, а что ты скажешь о шапке из трех картинок? Ее-то точно видно. Как она грузиться? Может, кстати, скринш приложишь? А какие у тебя еще есть варианты дизайнов? Посмотри еще здесь. Ничего особенного, кроме масштабируемой шапки. http://serifa.forum24.ru/
Hugo Lantern: Serifa пишет: Но если на фоне повторяющийся рисунок, то вставить что-то поверх будет сложнее, однако. Поверх вставляется тот же рисунок, что и на фоне, так что его совсем не видно. Однако, жить он не мешает, а, скорее, помогает. Картинки в шапке видны превосходно. Грузится быстро. Скриншот - в следующие выходные, от своих машин я уехал, а там, где я сейчас есть резон грузить страницы без картинок (кстати, посмотришь на мой форум без картинок - увидишь где какие скрытые картинки зарыты). Варианты дизайнов я тоже выложу позже, ибо ссылки на тестовые форумы остались на моих машинах. Вообще я считаю, что дизайн - это чуть ли не самая простая часть создания хорошей ролевой. Дизайн можно попросить, заказать... у меня дизайн занимает максимум три дня - два на придумывание идеи и один вечер - на воплощение. Обложка - самая легкая часть. Самое сложное - признаться самому себе чего ты ждешь от игры. Хотя, можно не признаваться, но хотя бы представлять себе. Вечных игр не бывает. Дизайн - это лишний шанс на то, что человек не поведет равнодушным взглядом и не пройдет дальше, что притормозит и присмотрится. А вот там - надо, чтобы было к чему присматриваться. Самое сложное - сделать так, чтобы игроку захотелось остаться.
Serifa: Про скрытый текст - это уже немного другая тема. И насчет самой простой части - ну, как бы не соглашусь... Ладно, давай добьем про дизайн. Бордеры по обеим сторонам позволяют сделать диз симметричным. Иначе, если только справа или слева - где-то сбоку все время будет пустое место, расстояние до края экрана будет только увеличиваться/уменьшаться в зависимости от разрешения монитора. Но я как-то привыкла виден форум посредине экрана. Сегодня попробую поэкспериментировать с вариантом старого диза (не моего, но мне достался по наследству). Там тоже вариант бордеров используется.
Khaion: Serifa пишет: от интересный пример: http://adventure.forum24.ru/ Как ни искала, так и не поняла, КУДА ОНИ СПРЯТАЛИ СВОИ КАРТИНКИ?? А оно так и сделано, через бэкграунды в ячейках 8) таблица в три столбца, в центральном весь контент, в боковых - бордеры-бэкграунды. Даже картинка на лого сделана также, чтобы свободно ужималась, если разрешение экрана маленькое. Скажу по секрету - автор вдохновлялся Форроллом 8) Serifa пишет: Проверка показывает: Result: 51 Errors, 9 warning(s) А чем проверяете? 8)
полная версия страницы