Дизайн игрового сайта по WoW

FiRеFоX · 08.12.2011

Подскажите, что добавить, что изменить, что где передвинуть или переместить.. Вобщем дайте свои профессиональные (и не очень) советы.
Сайт будет для одного серверов игры, поэтому хочу его максимально сделать красивым. Но т.к меня не привлекает дизайн (больше нравится пхп), то я тут плохо смыслю. Вот за два часа набросал сайт, но в таком виде его рано отдавать. Ссылки естественно не рабочие, т.к это только дизайн, наброски.. Заранее спасибо!
http://inet.isgreat.org
Какой то он "пустой", а чем наполнить не знаю(

BaNru · 08.12.2011

Из-за картинки на фоне, которая делает сайт перегруженным, шапка пустая.
В дырку шапки лучше поместить меню или авторизацию
Заголовки в сайдбаре не читаемые и мутные
Тултипы кривые. Не выставлен z-index
Из-за прозрачности - текст не читаемый. Зачем так издеваться над пользователем
Много не нужной пустоты внизу страницы.
Если уж ставишь фоном картинку, то стоит обрезать сверху, до полоски (включительно)

Он не пустой, он перегруженный.

FiRеFоX · 08.12.2011

BaNru сказал(а):
Из-за картинки на фоне, которая делает сайт перегруженным, шапка пустая.

В дырку шапки лучше поместить меню или авторизацию

Заголовки в сайдбаре не читаемые и мутные

Тултипы кривые. Не выставлен z-index

Из-за прозрачности - текст не читаемый. Зачем так издеваться над пользователем

Много не нужной пустоты внизу страницы.

Если уж ставишь фоном картинку, то стоит обрезать сверху, до полоски (включительно)

Он не пустой, он перегруженный.

А что с тултипами не так? о_О z-index: 2; стоит там..

BaNru · 08.12.2011

Тултипы находятся под основным блоком (контентным), перекрываются им (огнелис8)

FiRеFоX · 08.12.2011

Как это исправить?

Прост с оперы у меня всё нормально всплывает..

Кстати.. Можно ли как то сделать, что бы текст был нормально просматриваемым и не издеваться над пользователями, но при этом сохранить прозрачность?
И что бы в низ страницы можно(или желательно) добавить, что бы пустоты не было?

BaNru · 08.12.2011

Adanos сказал(а):
Как это исправить?

В табличной верстке, на CSS ни как
тут два варианта - или делать на JS их и переносить подсказки в конец кода документа, или, что более правильно, сделать дивную верстку. и контекстной части выставить позитион релактиве и тоже указать з-индекс

Adanos сказал(а):
И что бы в низ страницы можно(или желательно) добавить, что бы пустоты не было?

Чтобы избавиться, можно убрать margin-bottom: 240px;
Или поставить например галерею из игры. Топ участников. И конечно же выходные данные.

Adanos сказал(а):
что бы текст был нормально просматриваемым и не издеваться над пользователями, но при этом сохранить прозрачность?

Как вариант добавить тени тексту. Но сомневаюсь что это поможет.

tigra60 · 08.12.2011

Можно ли как то сделать, что бы текст был нормально просматриваемым и не издеваться над пользователями, но при этом сохранить прозрачность?

Для нормальных браузеров - можно:

Код:

.block3 {
    background-color: rgba(0,0,0,.7); /* black background with opacity 0.7 */
    padding: 15px;
}

Любители самизнаетекакого браузера будут наказаны черным фоном.

PS. Стыд и позор верстающим таблицами! :angry:

FiRеFоX · 09.12.2011

Спасибо! Буду исправляться

FiRеFоX · 09.12.2011

Кстати, между шапкой и основной частью, есть помежуток из-за ног сидячего мужика.. Может её чем-нибудь закрыть надо (только чем?) или оставить?

czp · 09.12.2011

можно узнать, это вы на свой сервер делаете? на заказ?

FiRеFоX · 09.12.2011

czp сказал(а):
можно узнать, это вы на свой сервер делаете? на заказ?

Своего сервера пока не имею, значит на заказ

ScripT · 09.12.2011

Adanos сказал(а):
Кстати, между шапкой и основной частью, есть помежуток из-за ног сидячего мужика.. Может её чем-нибудь закрыть надо (только чем?) или оставить?

Можно добавить туда для улучшения юзабельности "хлебные крошки" (Главная --> Личный кабинет --> ...)=))

FiRеFоX · 09.12.2011

ScripT сказал(а):
Adanos сказал(а):

Кстати, между шапкой и основной частью, есть помежуток из-за ног сидячего мужика.. Может её чем-нибудь закрыть надо (только чем?) или оставить?

Нажмите, чтобы раскрыть...

Можно добавить туда для улучшения юзабельности "хлебные крошки" (Главная --> Личный кабинет --> ...)=))

ооо! Спасибо! Это и сделаю!

BaNru · 09.12.2011

BaNru сказал(а):
В дырку шапки лучше поместить меню или авторизацию

FiRеFоX · 09.12.2011

Попробую все варианты) Плюсанул) Спасибо за помощь

Проблемка.. Эта пустота - это же часть изображенияиз шапки. Как сделать это изображение фоном ячейки и потом поверх него уже сделать авторизацию или "крошки хлеба"?

BaNru · 09.12.2011

Очевидно же
Режешь пополам. Верхняя часть Ссылка с лого, вторая, нижняя - бэкгроундом.

FiRеFоX · 09.12.2011

А почему всю картинку не сделать фоном? Резать надо..

BaNru · 09.12.2011

BaNru сказал(а):
Верхняя часть Ссылка с лого

FiRеFоX · 09.12.2011

а, понял! А не подскажите какую форму лучше сделать и цвет текста в этой дырке? Мб какие то картинки добавить вместо просто слов "логин" и "пароль"? Дайте совет

BaNru · 09.12.2011

Adanos сказал(а):
Мб какие то картинки

Посмотри тут findicons.com
да и в инете думаю есть какие нить тематические

Adanos сказал(а):
А не подскажите какую форму лучше сделать и цвет текста в этой дырке?

Цвет фона как в контекстной части
Заголовок если будет, то так же как и в заголовках статей.
Ну а буковки в полях белые.
В общем приводи все к единому стилю.

Ты добить юзеров решил желтой тенью?

Дизайн игрового сайта по WoW

V.I.P.

Пацифизжу

V.I.P.

Пацифизжу

V.I.P.

Пацифизжу

Спасатель

V.I.P.

V.I.P.

czp

V.I.P.

Fighter

V.I.P.

Пацифизжу

V.I.P.

Пацифизжу

V.I.P.

Пацифизжу

V.I.P.

Пацифизжу

Онлайн статистика

Статистика форума

Новые пользователи

Поделиться этой страницей