Дизайн - это обертка..

Форум » Вопросы дизайна » Дизайн - это обертка.. » Ответить

Дизайн - это обертка..

Hugo Lantern: Дизайн - это обертка от конфетки. Красивый дизайн несомненно заставляет остановить взгляд на форуме, просмотреть его, он увеличивает шанс того, что новичок решит зарегистрироваться на игре. Но жизнь игры зависит ведь не от этого. Если за красивой обложкой ничего нет - ни сюжета, и мастерской работы, ни просто игры - форум обречен на вымирание. [more]Кстати, когда я обновлял дизайн своей ролевой - старался сделать его функциональным в первую очередь. Чтобы новости в шапке не вываливались за рамку, и чтобы форум не "ехал", если кому-то взбредет в голову повесить большую картинку в рекламный шаблон.[/more] Перенесено в новую тему (Серифа)

Ответов - 126, стр: 1 2 3 4 5 6 7 8 9 All

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)

Serifa: Khaion, камрад, и вы туда же? Добро пожаловать в члены клуба Значит, нас уже трое!)) Проверяю через браузер Оперу, есть там такая функция. Но больше половины того, что там пишет, не могу расшифровать. Хотя кое-какие самые простые ошибки понять можно.

Hugo Lantern: Serifa пишет: Но я как-то привыкла виден форум посредине экрана. Разве ж кто-то мешает? Это я сдвинул фор влево, обойдясь одним бордером, можно ведь и по-другому... Бордеры по обеим сторонам позволяют сделать диз симметричным. Иначе, если только справа или слева - где-то сбоку все время будет пустое место, расстояние до края экрана будет только увеличиваться/уменьшаться в зависимости от разрешения монитора. Я чего-то недопонимаю или это ты о фиксированной по ширине таблице форума, заключенной в центрирующие теги?

Serifa: Hugo Lantern пишет: Я чего-то недопонимаю или это ты о фиксированной по ширине таблице форума, заключенной в центрирующие теги? Это просто размышления на тему, так сказать. Потом разберемся с этой проблемой и напишем совместно учебное пособие Разумеется, о масштабируемой таблице. Вот мне вчера кое-кто, не буду показывать пальцем, сказал, что такой дизайн в принципе ограничен и скучен. Что шапка форума всегда будет квадратной, как и таблица. Вот забавно, а что мешает сделать шапку любой формы и размера??

Khaion: Serifa пишет: Вот мне вчера кое-кто, не буду показывать пальцем, сказал, что такой дизайн в принципе ограничен и скучен. Что шапка форума всегда будет квадратной, как и таблица. Вот забавно, а что мешает сделать шапку любой формы и размера?? Имхо, эдак можно вообще сказать, что дизайн любого сайта или форума ограничен, потому что окно браузера прямоугольное и монитор тоже 8) И млекопитающие все ограниченные - одна голова, одно туловище, четыре конечности, хвост. Имхо, все дело в соответствии формы и содержания. Например, в сайте можно выделить три области - логотип, панель навигации и содержимое. Компоновать их можно по-разному, но понятно, что область содержимого будет самой большой, панель навигации - располагаться справа, слева или вверху, логотип - тоже. Вроде вариантов не так уж много, но, как в случае с животными, разнообразие достигается цветом, размером, фактурой, формой. Для форума главное - сам форум. Структура форума как такового уже является навигацией по нему, так что по большому счету панель навигации не нужна, хватит информативно подписанных разделов и пояснений к ним. Человек вроде как так устроен, что лучше всего воспринимает содержимое в центре зоны видимости, оно как бы кажется главным, на нем концентрируется внимание, а взгляд всегда движется сверху вниз. За верность не ручаюсь, это просто мои измышления. Так вот, и получается, что форумы лучше всего центровать. При такой компоновке вариантов остается совсем мало: логотип - вверху, новости и объявления - тоже вверху. Но когда приходишь на такой форум, первым делом не отмечаешь, что у него голова и четыре конечности, это как бы само собой разумеющееся, а смотришь на размер, цвет шерсти и наличие/отсутствие хобота. Так вот что касается шерсти, расцветки и хобота. Допустим, хочется сделать своего зверя косматым, но сколько ни накладывай на него шерсти, опытный глаз все равно сможет определить форму его тела. Тоже и с шапкой. Можно убрать линии форумной сетки, залить все одним цветом, чтобы воспринималось как единое целое, добавить сверху и снизу по полукругу - и вот уже получается свежо и интересно. Но за счет того, что это все равно приходится вписывать в прямоугольник страницы, да еще чтобы имело возможность растягиваться, эта самая форма тела все равно будет видна. Однако миллионы дизайнеров и пользователей почему-то это все ничуть не смущает, и они продолжают создавать самые разнообразные вещи на основе ряда известных форм. Кстати, никто не пробовал верстать дизайн для борды не таблицей, а блоками? Там же можно сделать интересные эффекты с их наложением друг на друга - вот и еще разнообразие. Но вообще, я не понял, что значит "квадратная шапка" 8) То, что она находится в квадратной ячейке? То есть, даже такую шапку, как на http://ossba.borda.ru/, тоже следует считать квадратной?

Serifa: Кстати, на "Долине" шапка квадратная)))) А какая еще? Очень даже четкое ограничение с боков, сам же фон форума резко выделяется не только цветом, но и отсутствием рисунка. Там что да, шапка точно прямоугольная. А вот логотип - это другой вопрос. Вот мне вчера кое-кто, не буду показывать пальцем, сказал, что такой дизайн в принципе ограничен и скучен. Что шапка форума всегда будет квадратной, как и таблица. Ладно, покажу пальцем. Я же с Марком разговаривала, чего вы хотите... У него такая установка: масштабируемый дизайн - это не есть гуд, потому что ему они "не нравятся". И все. Khaion пишет: Кстати, никто не пробовал верстать дизайн для борды не таблицей, а блоками? А вот тут поподробнее, пожалуйста. Учитывая, что большинство скриптов на Борде встроено в сам форум, как это можно их блоками?

Serifa: Проверяю вставку картинки в бордеры. Решила, что уж если вставлять, то пустой прозрачный квадратик. Как результаты, уважаемый коллега Hugo Lantern?

Hugo Lantern: Serifa пишет: Я же с Марком разговаривала, чего вы хотите... У него такая установка: масштабируемый дизайн - это не есть гуд, потому что ему они "не нравятся". И все. Я из знакомства с Марком понял, что ему просто не интересно возиться с маштабируемой сеткой, потому что делать ее чуть сложнее, чем фиксированную. От себя же - просто я часто работаю на самых разных машинах, мониторы у них так же самые разные, от 800х600 до 1680х1080, а потому я имею возможность посмотреть как мой форум выглядит у разных людей, с разной скоростью интернета и разными экранами. Именно поэтому я стараюсь теперь делать маштабируемые дизайны, фиксируя его придется думать о тех, у кого форум может не поместиться на экране и тех, у кого по бокам будут широооокие полосы. Serifa По крайней мере на разрешении 1280Хх800 бордеры мне теперь видны, замечательно) На выходных смогу посмотреть на иных расширениях)

Альма: Кстати, по поводу боковых синих полосок здесь... раньше их не видела, теперь вижу, правда страничка чуточку прокручивается (1024*768). Лично мое мнение - когда их было не видно, было лучше

Serifa: Ну вот... раньше они ужимались, поэтому их не было. Все-таки, такая компоновка таблиц лучше смотрится при больших разрешениях монитора. Ладно, учту. У меня есть другой вариант размещения бордеров, но там необходимо другое решение для шапки форума. "Будем искать" (с)

DXV: У меня та же картина, что и у Альмы.

Serifa: Дайте два дня, не успеваю ничего)) Я уже пробую новый код.

Serifa: Нарушаю график, знаю. Мне нужно еще время.

Альма: Serifa, я не думаю, что кто-то прямо умрет, если подождет даже недельку-другую . А поспешишь - людей насмешишь, так что лучше все делать не спеша, аккуратно, с минимум нервотрепки для себя любимой ) Вот я сейчас взяла, закрыла ЗС, покопалась в кодах, поменяла дизайн, спокойно, неторопливо. И пускай кто скажет, что я долго делала....

Serifa: Альма пишет: Вот я сейчас взяла, закрыла ЗС Ни фига се... О_о Не, тут такой номер не пройдет)) Я закрою Фору - ДХУ ее тут же откроет)))) А насчет неторопливо - этого у меня никогда не будет, наверное. Все надо делать быстро, точно и при этом максимально хорошо. В идеале. А в реальности...

Альма: Serifa, а зачем игрокам видеть косяки администрации? Мне куда спокойнее все спокойно сделать, посмотреть, как лучше и прикинуть пару вариантов того или такого оформления. А когда вижу, что кто-то сидит и видит как я там мудрю, меня это напрягает, словно стоят над душой, как капли на темечко...

Hugo Lantern: Serifa Кажется, я знаю в чем проблема твоей шапки, от чего так странно видны бордеры - поставь этим картинкам размер не в пикселях, а в процентах - все станет на места.

Hugo Lantern: Кстати, лично я для создания нового дизайна держу отдельный адрес на борде, где и тестирую сначала новый дизайн... удобно, никого не напрягает, после того, как все готово - просто переносятся все настройки на основной форум и вуаля.

Альма: Hugo Lantern, а зачем тестировать то, что уже сразу же делаешь? ) Просто чтобы заменить на Юкозе все нужные строчки, внешний вид каждой выделенной ссылки, даже циферки в столбиках Ответов/просмотров нужно время. Причем еще нужно не просто заметить, а посмотреть, как лучше выглядит. Для таких мелких дел держать отдельный сайт (лично для меня) лишнее =)

Hugo Lantern: Альма Ну... вообще-то у меня борда, это раз... предпросмотром не все можно посмотреть - это два... и, в общем все. На борде отдельный форум - это не гемморой, они делаются на раз-два.

Альма: Hugo Lantern, это да, регистрация на Юкозе это целая церемония Только же в борде куда все проще, там я думаю, вообще бы не пригодился второй, если даже на Юкозе можно без тестового сайта. Хотя, дело вкуса, конечно.

Zenitchik: Я по своему опыту считаю, что все должно разрабатываться отдельно, а потом форум закрывается на 10-30 минут, в течение которых на него устанавливаются все нововвведения. Если, конечно, вообще нужно его для этого закрывать.

Serifa: Hugo Lantern пишет: Кажется, я знаю в чем проблема твоей шапки, от чего так странно видны бордеры - поставь этим картинкам размер не в пикселях, а в процентах - все станет на места. Но тогда они исказятся при отображении! Конечно, проблема в картинках. Эта шапка явно рассчитана на параметры минимум 1280*1024 ))) А за счет бордеров вся система и регулировалась. Завтра я запакую все в новый код, сегодня уже сил нет. (Все силы ушли на борьбу с новой версией файрвола). Кнопки и лого пока не доделала, так что временно постоят старые. Вообще, с админством на Борде все очень странно. Какое-то оно неполноценное... форум за пару минут - это как-то несерьезно. А там и второй, и третий... У меня тоже тестовых штук пять, на них висят прежние версии дизайнов - на всякий случай. Но если бы при всем это у админа были бы реальные права! Разве это нормально, что я не могу получить себе базу форума?? Вот надо сделать отдельный архив на Форролл орг - так только копипастить, иначе никак.

Альма: Serifa пишет: Вообще, с админством на Борде все очень странно. Какое-то оно неполноценное... форум за пару минут - это как-то несерьезно. А там и второй, и третий... У меня тоже тестовых штук пять, на них висят прежние версии дизайнов - на всякий случай. Но если бы при всем это у админа были бы реальные права! Разве это нормально, что я не могу получить себе базу форума?? Вот надо сделать отдельный архив на Форролл орг - так только копипастить, иначе никак. Переходите на Юкоз, будем вам база ))

Serifa: Код максимально упростила. Осталось под этот код сбацать шапку, чтобы тоже максимально легкая, учитывая, что хотя бы одна картинка будет даже не гифовая, а png. Скорее всего. Не получается установить баннеры внизу форума. Сразу весь форум косячит.

Альма: Serifa, а зачем было вообще мудрить с кодом? До этого было все хорошо (до того, как боковые снежинки появились). А теперь таблица узкая слишком Мне кажется, оригинал был лучше . Но это только мое мнение, конечно.

Serifa: Таблица выставлена в процентах, это не проблема. Надо будет - добавим хоть 100%. Зато боковые "снежинки" (там будет другой бэкгроунд) теперь всегда поместятся в пределах экрана. И я не мудрила с кодом, я его как раз сделала проще.

Альма: Ясно-ясно. И так, для наглядности =)

Serifa: ага, давайте меряться мониторами))

Альма: Serifa, ну с таким разрешением, конечно... но когда табличка где стоит аватар по ширине равна той, где сообщение - немного стремно

Serifa: Давайте, я выставлю таблице 100% экрана? Хотя бы на денек, чтобы проверить, как оно выглядит. Если нормально - то и с шапкой будет больше вариантов.

DXV: Serifa Попробуй

Альма: Не знаю, как у других, а у меня теперь все отлично :) И по ширине экрана и боковые снежинки видны.

DXV: А у меня логотип исчез.

Альма: DXV, у меня тоже, но Serifa пишет: Осталось под этот код сбацать шапку, чтобы тоже максимально легкая, учитывая, что хотя бы одна картинка будет даже не гифовая, а png. Скорее всего.

Serifa: А у меня разве был логотип?? Я еще не сделала шапку! Там нет ничего, кроме названия. И таблицы новостей. Старый специально убрала, как морально устаревший. А сейчас думаю над новым.

Serifa: Про блоки мне так никто и не ответил(( На первой страинце был вопрос... Итак, новый диз сейчас на тестовом форуме. Камрад DXV его видел. Вариант дизайна представляет собой компромисс между темным и светлым вариантами, то есть светлым его как бы не назовешь, но и не то, чтобы темный... К сожалению, была замечена проблема с отображением таблицы новостей, куда вставлена картинка. В ИЕ она жутко косячит, если монитор недостаточно "просторный")) Так что текст новостей пришлось подрезать. Иногда хочется воскликнуть на манер Марка: да кто сейчас пользуется такими мониторами?))) Камрад Доктор заметил, что Форролл постепенно превращается в филиал тайного общества Илюминаторов. Это в связи с выбранным мною логотипом - вы его видели на новогоднем дизайне, в этот раз я сделала картинку побольше, чтобы впечатляла Ну вот, кое кого уже впечатлило)) Последним, кто вчера потестил новый диз, был бот Яндекса. Жаль, дизайна он не увидел, но сразу поскакал читать нашу с DXV переписку. В общем, если завтра все успею, то поставлю. И еще: гадкие эмо!! из-за них я не могу сочетать черное с розовым! А так красиво смотрелось)))))

DXV: Serifa пишет: черное с розовым

Serifa: С дизом пока придется подождать. У меня появились... творческие разночтения? И разногласия. Попробую еще третий вариант шапки сделать, с бэкгроундом. И еще: кому-нибудь мешают баннеры в разделах? Кнопки не загораживают?)) А то их что-то слишком много уже...

DXV: Serifa пишет: кому-нибудь мешают баннеры в разделах? Мне - нет.

Serifa: C большим трудом смогла втиснуть таблицу в шапку форума. Зато теперь размер монитора будет влиять гораздо меньше. Возможно, цвета тускловаты, но если общая схема окажется удачной, сменить цветовую гамму будет гораздо проще, достаточно те же самые рисунки отредактировать в фотошопе.

Serifa: И самое главное: ФОРА СНОВА ЗЕЛЕНАЯ)))

DXV: По мне, так нормально.

Доктор Фелл: А текст не очень мелкий? Я на работе. Тут экран 15 инч. Очень трудно читать текст. Тем более он черный на темном. Приду домой гляну на своем широкоформатном. Но там скорее всего будет еще мельче.

DXV: Serifa пишет: ФОРА СНОВА ЗЕЛЕНАЯ))) Где????77 Это, ЕМНИП, называется dark gull gray...

Serifa: У меня монитор 1280*1024, вполне читабельно, имхо текст: a {font-family: Georgia, Times New Roman, Times, serif; font-size: x-small; color: #000000;} плюс .style2 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: large;} .style1 {font-size: x-small} .style3 {font-size: x-small} рекомендуете сделать small? или в пиксельном выражении? DXV, ну где-то "грэй" тут есть, да. Серо-зеленый, скажем так. А что такое gull? body {margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #748692;

Доктор Фелл: Serifa Вот сейчас я на своем компе. Очень, очень мелкий шрифт. Если хотите, могу кинуть скриншот.

Serifa: Скриншоты - обязательно! Я ведь должна видеть, что не так. Вот думаю, фон в таблице новостей можно немного затереть справа, а то некоторые буквы пропадают.

DXV: Serifa пишет: что такое gull "Чайка". Цвет, характерный для европейской морской авиации Второй Мировой... Доктор Фелл У меня с текстом ве нормально...

Доктор Фелл: Вооть. Могу принести лупу с детективного. Она у меня лишняя. Все равно диз поменял.

DXV:

DXV: Вот так. В Хроме и впрямь хромает... А поскольку у него один движок с огнелисом - то и там то же. В Опере нормально.

Доктор Фелл: DXV На вашем скриншоте главной страницы шрифт разве не мелкий?

Serifa: DXV. а последний скрин - с какого браузера? У меня в таблице три ячейки, последняя - пустая, 5%, чтобы текст не сильно размазывался. Надо же, как эти пять процентов сказываются)) Доктор Фелл, а если шрифт сделать 11 или 12 пикселей? Я сейчас поменяю основной шрифт, а вы скажете.

Khaion: Вот теперь шрифт постенга, имхо, самое то (на мой взгляд, так 12px для постенга - самая оптимальная величина (разрешение на моем мониторе 1280х1024)). А то правда, очень мелковато было. Кстате, опять-таки имхо, но размер шрифта лучше все-таки жестко в пикселях задавать, а то, как практика показывает, все остальное сильно зависит от настроек самого браузера. X-small вовсе не такой абсолютный, как кажется 8( А цвета подобраны хорошо. Вроде так простенько, а находиться приятно.

DXV: Доктор Фелл Смотря на каком.

Доктор Фелл: Serifa пишет: Доктор Фелл, а если шрифт сделать 11 или 12 пикселей? Я сейчас поменяю основной шрифт, а вы скажете. О! Это как раз то что доктор прописал))). Даже без очков могу читать и писать.)))

Zenitchik: О, боже, куда я попал? Не могу осуществлять навигацию: цвет ссылок не контрастен, приходится напрягать зрение.

Serifa: Khaion пишет: А цвета подобраны хорошо. Вроде так простенько, а находиться приятно. Ой, хоть кто-то сказал приятное) Спасибо, дорогой камрад) Zenitchik У кого что... У Зенитчика - ссылки)) Не контрастен, говоришь? А для зеленого контрастный цвет какой будет?)) Я больше склоняюсь к мнению, что основной цвет тут все-таки серо-зеленый.

Khaion: Контрастными для зелено-голубых оттенков являются оранжево-красные. Другое дело, будет ли это смотреться здесь так, как задумано. Может быть, имелась ввиду просто бОльшая визуальная интенсивность, яркость? Например, цвет a:hover не серый, а бледно-голубой или бледно-зеленый... #BBD7EC, #8EDCAA...?

Serifa: Я в Дримвивере специально пробовала разные оттенки, остановилась на этом сером. Можно еще взять #333333, чуть темнее, и при этом отличается от цвета шрифта. "Интенсивно" смотрится только чисто белый. Но это ужасно. Самый удобный фон, имхо, - белый или #сссссс

Khaion: Нет, не белый 8) если делать такой светлый, то обязательно с оттенком. Можно тот же #cccccc использовать. И в качестве фона белый тоже редко когда годится, по крайней мере там, где приходится читать большие объемы текста. Имхо, конечно. Белый цвет плюс неправильно отстроенный монитор да внешнее освещение - и все, глаза быстро устают. Все равно что все время на лампу смотреть. В общем, лучше разбавлять.

Zenitchik: Для ссылок замечательно покатил бы белый или светло-серый. Кто превращает монитор в лампу - сам себе злобный буратино. П.С.: В упор не вижу зеленый. ИМХО, серый с легкой синевой.

Каринованая: Serifa пишет: Я больше склоняюсь к мнению, что основной цвет тут все-таки серо-зеленый. Нет тут зеленого, им тут даже не пахнет. Серый, с синим или голубым оттенком, та самая "Чайка", но зеленого и рядом не лежало. "Это я тебе, голуба, говорю, как краевед" (с).

Serifa: Люди, это я одна тут дальтоник?? Я ВИЖУ ЗЕЛЕНЫЙ ЦВЕТ! Это симптомы?? Это не смертельно? А вдруг это заразно?? Серые ссылки я пробовала. Могу скриншот сделать.

Khaion: Serifa пишет: Я ВИЖУ ЗЕЛЕНЫЙ ЦВЕТ! Это симптомы?? Это не волчанка Может быть, настройка монитора? о_О Еще момент - можно попробовать подобрать цвет сцылков со значка статистики или с кружка логотипа - будет в общей гамме. Или может, попробовать сделать их тем цветом, что сейчас в поле поиска выставлен. Или это он? А при наведении - белым, чтоб как бы вспыхивало. Кстате, у меня рисунок в tr.font не отображается. Браузер Firefox 2.0.0.20

Serifa: Khaion Да, и шрифт на шапке слишком мелкий. Вижу. Про .font6 {COLOR: #000000; font: 11px Verdana; font-weight: 700; BackGround-Image:url(http://i259.photobucket.com/albums/hh299/koriri/ff24fon44vert.gif);} обычный гифовый файл на Фотобукете, вполне отображается, вот только картинку можно было обрезать, поленилась. Что-то не обратила внимания, а фон-то отображается? Фон тоже на фотобукете, но другой файл.

Serifa: Заметила нечто странное: у меня форум был открыт в двух окнах, в одном есть новые сообщения, в другом - нет. Так вот, цвет таблицы в обоих случаях был разный! В одном окне - больше синего оттенка, в другом - больше зеленого. Цвет-хамелеон?)))

Khaion: Serifa пишет: а фон-то отображается? Фон присутствует. По tr-ам - сам с этим тоже недавно столкнулся, похоже, все дело в волшебных пузырьках, то есть кавычках. Крутил, вертел, в конце концов поставил вот в этом месте: .font6 {COLOR: #000000; font: 11px Verdana; font-weight: 700; BackGround-Image:url('http://i259.photobucket.com/albums/hh299/koriri/ff24fon44vert.gif');} одинарные кавычки (заключил в них сам адрес). Огнелис сразу прозрел. Serifa пишет: Так вот, цвет таблицы в обоих случаях был разный! Наверное, все-таки особенности монитора... О_о Цветовой код-то один и тот же.

Serifa: Поставила кавычки, ИЕ пока реагирует нормально.

Каринованая: Serifa пишет: Люди, это я одна тут дальтоник?? Спокойно, Серифа, женщины дальтонизмом не болеют. А вот мониторы отличаются настройками.

Serifa: В таком случае у меня монитор-эстет? Один и тот же цвет показывает по-разному в зависимости от настроения?)) Сегодня опять все зеленое. Кстати, можно провести сравнительный анализ вот по этому рисунку фона: Тут больше серого, зеленого или синего?

Khaion: Serifa пишет: Тут больше серого, зеленого или синего? На мой взгляд, здесь зеленого нет вообще. Но это не показатель, я в точности настройки своего монитора не уверен. Но вот если в фотошопе взять эти оттенки и посмотреть через Color Picker, то будет сразу видно, что они все лежат в синей области цветовой шкалы. До зеленого еще очень далеко. Чтобы быть точно уверенным, можно точно также подставить цветовые коды, использованные в форумной таблице, и посмотреть, в какой области они лежат. Это будет уже точно. Update Вот это я имел ввиду: Нету зеленого

Serifa: посмотрите на цифры - зеленый там все-таки есть! (это кусок из Дримвивера)

DXV: Зеленый есть везде.

Serifa: DXV, камрад, из тебя одного можно цитатник делать)))

DXV: Так. Цветоразделение у мониторов какое? Обычно - RGB. Как это расшифровать, надеюсь, знаешь?

Khaion: В данном случае зеленый и красный в смешении и дают серый, как и должно быть у любых двух дополнительных друг к другу цветов (об этом можно почитать в учебных пособиях по теории цвета). А преобладающий - синий, и итоговый цвет попадает в синюю область шкалы. На скриншоте из Дримвьювера это тоже видно, между данным цветом и зеленой областью еще целая куча оттенков

Serifa: Я не говорю, что нет синего. Он преобладает, это видно. Но в данном оттенке я замечаю зеленый цвет, вот такая особенность зрения, наверное))) Хочется видеть зеленый - и видишь зеленый.

Khaion: Хм... что-то я нить разговора совсем потерял... Но цвет в любом случае хороший. Кстате, странно, но рисунок в тр-ах на моем Firefox'e так и не появился. Надо еще подумать. С другой стороны, может, у других нормально отображается?

Serifa: Тут нет нити разговора)) Да странностей много при отображении диза в разных браузерах. Вот в Опере горизонтальная линия - серая и темно-серая, а в ИЕ - всегда белая. В Опере на главной пробелы между разделами в таблице отображаются шире, чем в ИЕ. И др. В Опере рисунок точно есть. Но в Опере форма ответа не закрашена! В коде стоит: textarea{width:100%; height:180; color:#000000; background-color:#5e6e7a;} input, select {font: 11px Verdana; border-style:solid; border-width:1px; border-color:#666666; color:#ffffff; background-color:#3e4e5a;} Но бэкгроунда в Опере нет. Кстати, и ссылки отображаются тоже по-другому. Ссылки "Участники", "Помощь", Профиль..." - черные, почему-то. В ИЕ они - того же цвета, что и в шапке.

Serifa: Цитата с Баша: 402837 [ + 1112 − ] [:||||:] утверждена 2009-03-15 в 08:44 С сайта cooler-online: Кстати, есть целый континент, где FireFox установлен на 100% компьютеров в качестве основного браузера. Континент называется Антарктида. :)

DXV: Так, сейчас будут скрины... Глядишь, пригодиттся.)

DXV: Собствено, вот: Смотрите. Может, что-то полезное углядите)

Serifa: DXV А-а-а! Хочу себе такую Винду! А что там за Увертюра играет??)) Нет скрина формы ответа.

DXV: Serifa Вот тебе форма ответа: Serifa пишет: А-а-а! Хочу себе такую Винду! Хочешь, пришлю эту тему?

Serifa: а у меня в Опере форма ответа не закрашена, почему-то... хотя у меня такая Опера, что все может быть))

Serifa: ВСЕ, КАРОЧЕ. БУДУ ДЕЛАТЬ НОВЫЙ ДИЗ, ИБО ДОСТАЛО.

DXV: Serifa пишет: ВСЕ, КАРОЧЕ. БУДУ ДЕЛАТЬ НОВЫЙ ДИЗ, ИБО ДОСТАЛО. Да нах оно надо? Из-за одного ФГМ-ного сопляка?

Serifa: Да, ради еще одной его "сопливой" рецензии. Я их коллекционирую.

DXV: Serifa Забей.

Serifa: Все равно сделаю. Раз решила - сделаю. Лишним не будет.

Каринованая: Serifa Тогда давайте уж действительно зелененький. Весна на дворе, а у нас тут царство туманов.

Serifa: Совсем зеленый?? где-то видела смайлик с глазами Вообще, постараюсь фон темнее #cccccc не делать. Так это... не знаю, как у вас, а у нас еще снег лежит))

DXV: Для зеленого еще рано. Явно. Каринованая пишет: у нас тут царство туманов Ну так и отлично. Создает мистическое настроение.

Zenitchik: Создает мистическое настроение. Спать хочется

Каринованая: Serifa пишет: Так это... не знаю, как у вас, а у нас еще снег лежит)) У нас тут тоже. Но все равно. Весна будет после Песаха, а он уже 8 апреля начинается. DXV пишет: Ну так и отлично. Создает мистическое настроение. Не, мне нравится. Просто к слову пришлось=)

Герда: Мне так нравится. Этакая загадочная неопределённость...

Serifa: Предлагаю записываться на презентацию нового диза для Форы))) Как сделаю, выложу на тестовом форуме (у меня их несколько), и вы будете первыми, кому дам адрес А этот диз тоже никуда не денется. Доработаю и будет сидеть на тестовом. Чтобы иногда меняться))

Hugo Lantern: Serifa Я записываюсь)) А вот был у нас разговор про статичные дизайны, и их проблемы. Самая, на мой взгляд, противная проблема - это когда пользователи и рекламщики оставляют слишком широкие картинки, и дизайн растягивается, порой разрушая весь вид или повтором шапки, или еще чем... В общем, недавно пришлось думать как от этого избавляться. Нашел. .font1{overflow:hidden;width:500px;} или .font1{overflow:auto;overflow-x:hidden;width:500px;} это ставим в css, тогда все картинки шире 500рх будут просто скрываться "за краем" и перестанут растягивать диз.

Khaion: Хорошее решение. Только ведь тогда дизайнеры рекламы (да и не только они) совсем расслабятся (и будет, как на Мубб) 8) Надо пользователей приучать к тому, что не у всех безлимит есть, надо и о других думать. Имхо, жесткое модерирование в этом плане, хоть и трудозатратнее, но зато с далеко идущими последствиями. Имхо, статичный дизайн все-таки целесообразнее использовать на сайтах. Ребята, а что насчет формата PNG? У кого-нибудь была практика его применения для IE? Только без использования яваскрипта, исключительно средствами css.

Hugo Lantern: Khaion Модерирование при этом никто не отменяет. И никто не запрещает при этом иметь в правилах строчку "шаблоны, содержащие картинки более такого-то размера удаляются без разговоров" и "картинки более такого-то размера оставляйте в виде превью или ссылкой". То, что от таких картинок не страдает дизайн не означает, что смотреть чего там понаоставляли юзера в темах.

Khaion: Hugo Lantern, ну, в принципе, в качестве превентивной меры, пока модератор не доберется до соответствующей темы, конечно. Вообще согласен, нехорошо, когда заходят пользователи, а них перед глазами вместо нормального форума расползающееся во все стороны Нечто. Лучше предусмотреть как можно больше.

Serifa: Khaion пишет: Имхо, статичный дизайн все-таки целесообразнее использовать на сайтах. Странно, мне еще ни разу не попадались сайты со статичным дизайном. Ну хоть пару примеров дайте?)) Наоборот, сайты всяких крупных компаний и вообще имеющие громкое название всегда имеют масштабируемый дизайн. Для меня идеал - это сайт компании Агнитум http://www.agnitum.ru/support/index.php

Hugo Lantern: Serifa Вконтакте не видела ни разу?))

Serifa: Hugo Lantern, вот ты удивишься, камрад, но ни Вконтакте, ни вообще в социальных сетях ни разу не бывала. Че то так и не дошла я до них, все время по дороге куда-то заворачиваю не туда))) Да и просто реально некогда. Кстати, по теме... Начала собирать новый диз. Трудности в том, что картинки изначально были нарисованы в другом редакторе, а теперь их надо в Фотошопе как-то вырезать из фона, и кнопы отредактировать.

Hugo Lantern: Serifa Ну, скажем, у меня на контакт тоже ни времени, ни желания, но как он выглядит я знаю. Хорошо, дубль два, башорг.

Khaion: Масштабируемый дизайн делать посложнее, но он того стоит. Сразу чувствуется соответствующее отношение к пользователям, настраивает на позитивный лад 8) А вот примеры статичных (есть арт-галереи, так что с трафиком осторожно, если что): http://www.raymondswanland.com http://www.toddlockwood.com http://www.fantasygallery.net http://www.wizards.com http://www.astronet.ru Кстате, у Агнитума-то не полностью масштабируемый, а только за счет левой полосы. Основная часть остается статичной. Вроде как.

Serifa: А как сделать диз полностью масштабируемым? По-любому будут статичные детали. Они иногда как гвозди - держат на себе груз немалой части дизайна)) Представленные примеры статичных дизайнов тоже не полностью статичны. Там тоже присутствуют "левые", "правые" и другие части, которые ужимаются и растягиваются без вреда для общей картинки. Хотя, http://www.toddlockwood.com/ и http://www.wizards.com/ - да, проблемные дизы))... Кстати, идея с кнопками справа понравилась на wizards. Надо что-то такое сделать для ВВ-кода на Форе орг.

Khaion: Ye, я для себя определяю таким образом: если основной контент задан статично, а масштабирование происходит только за счет полей, а сам контент остается неподвижным, то это статичный дизайн. А если основная часть масштабируется - резиновый. Вот типичный пример - Форрол.орг, середина самая большая, ее зрительно можно считать как основную, и она растягивается. Ее окружают маленькие меню, это уже просто как элемент навигации. Вообще, встречал это как наиболее распространенное решение для сайтов, сверстанных в вертикальные полосы: статичные меню справа/слева и резиновое основное поле. Если верстать в горизонтальные полосы, то так даже проще - шапка, строка меню, контент, низ, - но это не всегда подходит. Кстате, в отличие от сайтов, все форумы на всех движках построены по этому принципу.

Serifa: Главная страница Форролл орг имеет несколько вариантов представления, просто мне не дают все использовать Например, интересен вариант, когда на главной, помимо правого-левого столбцов навигации - их можно выключить по выбору - отображается сам форум. Который на следующей странице. Нажимаешь выбранный раздел форума - тебя перебрасывает на другую страницу, в тот раздел. Так вот, форум отображается, но место на странице уже занято боковыми панелями. Понятно, что форуму деться некуда, и он вынужден ужиматься, как только может. Khaion пишет: Ye, я для себя определяю таким образом: если основной контент задан статично, а масштабирование происходит только за счет полей, а сам контент остается неподвижным, то это статичный дизайн. А вот с этого места поподробнее. Вообще, существует какое-то обобщенное понятие "масштабируемого дизайна"? Наверняка, его уже изобрели и там есть какие-то жесткие рамки, за пределами которых дизайн уже "не тот". Никто не встречал?

Serifa: Цитата из темы про анкеты на игре. http://forroll.forum24.ru/?1-7-0-00000133-000-40-0-1266171293 DXV пишет: Вот поэтому копирайт - зло... Я лично считаю большой глупостью рушить игру, завязанную на персонажа ушедшего игрока только потому, что это его "собственность". Персонаж с его анкетой, отыгрышами и пр. - ИМХО, собственность игрового коллектива. Как, кстати, и дизайн. Ё! Вот если бы этот дизайн был бы еще и общим делом))

полная версия страницы