ТЗ

Поделиться12013-07-19 20:49:03

Автор: Unnamed
Администратор
Зарегистрирован: 2013-07-19
Приглашений: 0
Сообщений: 7
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
8 часов 18 минут
Последний визит:
2013-11-14 14:29:08

Итак. Дизайн, как я уже говорила, нам нужен "на века", и поэтому я подхожу к этому всему с очень большой серьезностью. На счет цветовой гаммы хотелось бы что-то среднее между серым и стальным синим, или же около того. Без обилия яркости, вырвизглазности и прочих прелестей летних дизайнов. Хотелось бы так же увидеть дизайн по Звездным Войнам, который не ориентировался бы сугубо на джедаев - я понимаю, что это то, что в первую очередь запоминается о ЗВ, но все же в этой Вселенной есть много чего интересного

Вот это - макет того, как я структурно представляю себе форум. Хочется много интерактивности, в некоторых местах анимации - где конкретно все скажу и покажу)
[реклама вместо картинки]

Итак, начнем сверху. Нави-меню хотелось бы не особенно броским, но сразу заметным - чтобы оно было не вынужденной необходимостью, а полноценной частью дизайна. Разделено оно должно быть логически: сверху технические ссылки, снизу пути входа/выхода.

Дальше, что бросается в глаза - это прямоугольник по центру. Тут мне хотелось бы выпендриться, и сделать небольшую JS-скриптовую слайд-превьюшку) Примерно такую штуку можно подсмотреть вот здесь, но вместо превью на всю страницу хотелось бы сделать ее указанных размеров. Кружочки на прямоугольнике - индикаторы переключения.

Справа и слева от превью - место для шапки. Тут мне хотелось бы акцентировать то, что у нас две основные противоборствующие фракции - Новая Республика и Осколки Империи. Это делает отсылку к Оригинальной Трилогии, где была Империя и Альянс Повстанцев. Слева я предполагаю изображение крейсера мон-каламари, икс-винга и пилота повстанцев (в оранжевеньких комбинезонах которые). Справа же соответственно Звездного Разрушителя, Тай-Файтера и имперского пилота (в черном скафандре).

Горизонтальные прямоугольные панели по обе стороны тела форума - места для различной игровой/форумной/ролевой информации. Вроде контактов администрации, горячих ролей, ссылок на разные технические темы и другое.

Прямоугольная область по центру с прокруткой - место для новостей форума/ролевой. Хотелось бы реализовать возможность выделения каждой отдельной новости, вне зависимости от количества строк в ней, другим цветом фона. Таким образом, каждую новую новость надо будет брать в отдельный див с заранее прописанным в цсс классом.
Желательно организовать область таблицей с двумя вкладками - новости форума и новости ролевой соответственно.

Ширина форума, думаю, оптимально будет около 900px, плюс-минус 100 пикселей. Ширина фиксированная. Желательно предусмотреть возможность появления и исчезновения рекламного блока - это будет зависеть о того, будем ли мы платить хостингу.

Плюс несколько вариантов шапки, которая будет чередоваться скриптом при обновлении страницы.

Ну, думаю, пока достаточно))

Отредактировано Unnamed (2013-07-19 23:38:05)

0

Поделиться22013-07-20 00:04:29

Автор: Unnamed
Администратор
Зарегистрирован: 2013-07-19
Приглашений: 0
Сообщений: 7
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
8 часов 18 минут
Последний визит:
2013-11-14 14:29:08

Ник
Статус

Аватар

Иконка количества сообщений*
Количество сообщений
Репутация

Принадлежность
Имя+должность ссылкой на био
Раса+возраст

Последний визит

+ иконки для админов вместо иконки количества сообщений

Иконка количества сообщений:

1 звездочка - 1-49 сообщений;
2 звездочки - 50-199 сообщений;
3 звездочки - 200 - 499 сообщений;
4 звездочки - 500 - 999 сообщений;
5 звездочки - 1000 - 1499 сооющений;
6 звездочки - более 2000 сообщений.

Нужно три набора по 6 иконок: для Республики, для Империи и для Консорциума Занна.

Принадлежность выбирается как минимум из:
- Джедай;
- Темный Пророк;
- Имперский Рыцарь;
- Республиканец;
- Имперец;
- Контрабандист;
- Наемник;
- Другие.

+ рамки к аватарам;
+ переименовывать или вообще убрать кнопку с наградами.

Отредактировано Unnamed (2013-07-20 00:05:41)

0

Поделиться32013-07-25 14:03:47

Автор: Unnamed
Администратор
Зарегистрирован: 2013-07-19
Приглашений: 0
Сообщений: 7
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
8 часов 18 минут
Последний визит:
2013-11-14 14:29:08

Уа уа уа. На счет профиля. Вот такое чудо хочу, только в стиле ЗВ Т_Т

0

Поделиться42013-07-25 18:36:18

Автор: Kaori A.
Администратор
Зарегистрирован: 2013-07-19
Приглашений: 0
Сообщений: 7
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
19 часов 37 минут
Последний визит:
2013-10-14 21:22:24

Unnamed
Только что рекламила на этом форуме и думала себе на ролку такое сделать))
Не вопрос) Вроде это скрип свободного доступа)

0

Поделиться52013-08-01 20:53:35

Автор: Unnamed
Администратор
Зарегистрирован: 2013-07-19
Приглашений: 0
Сообщений: 7
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
8 часов 18 минут
Последний визит:
2013-11-14 14:29:08

Итак, таблица, которая под шапкой. Там нужно три вкладки, прижатые к нижнему левому углу: "Новости игры", "Новости форума" и "Очередность". Обязательно, чтоб вкладки подсвечивались при наведении и желательно, чтобы анимировались при нажатии. Вкладка, на которой на данный момент находится пользователь, должна выделяться.
Текст по всей ширине рамки, которая уже есть, разве что с отступом в пару пикселей, чтоб текст на нее не залезал. Справа полоса прокрутки - желательно ее стилизировать под весь дизайн. Фон такой же, как и во всем теле форума, шрифт такой же, можно чуть-чуть мельче.
Очень желательно, чтоб каждую новость можно было взять в отдельный div - всего div'а два, у одного фон немного светлее, у другого - немного темнее. Новости в разных дивах должны чередоваться эдакой "зеброй".
Кнопки, желательно, по дизайну должны совпадать с кнопками "Форум, Участники..." и полезными ссылками в блоке над "новые сообщения, активные темы...", о чем мы только что говорили)
Ну, вроде все

Отредактировано Unnamed (2013-08-01 20:55:26)

0

Поделиться62013-08-05 01:02:54

Автор: Unnamed
Администратор
Зарегистрирован: 2013-07-19
Приглашений: 0
Сообщений: 7
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
8 часов 18 минут
Последний визит:
2013-11-14 14:29:08

Вот в этом скрипте делаешь вот какие перестановки:

Код:

<div class="tab_container1">

<div style="display: block;" id="tab1" class="tab_content">
текст 1
</div>

<div style="display: none;" id="tab2" class="tab_content">
текст 2
</div>

<div style="display: none;" id="tab3" class="tab_content"> 
текст 3
</div>

 </div>


<ul class="tabs">
    <li class="active"><a href="#tab1">Вкладка 1</a></li>
    <li><a href="#tab2">Вкладка 2</a></li>
    <li><a href="#tab3">Вкладка 3</a></li>
</ul>

То есть, меняем местами верх и низ. Для изменения изображения при наведении вставляем вместо текста "Вкладка 1", "Вкладка 2" и так далее такие фразы:

Код:

    <li class="active"><a href="#tab1"><img src="адрес картинки в состоянии покоя"
           onmouseover="this.src='адрес картинки при наведении мышкой'"
           onmouseout="this.src='адрес после отведения мышки'"></a>
    </li>

Вообще в идеале первая и третья картинки должны совпадать. Обращу внимание, что адрес после this.src=... берется в одинарные кавычки. Повторить для каждой вкладки от #tab1 до #tab3.
Я вижу, ты кнопки фоном делала, как там делать - не знаю.

0

Поделиться72013-08-06 18:41:33

Автор: Kaori A.
Администратор
Зарегистрирован: 2013-07-19
Приглашений: 0
Сообщений: 7
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
19 часов 37 минут
Последний визит:
2013-10-14 21:22:24

Unnamed написал(а):

Я вижу, ты кнопки фоном делала, как там делать - не знаю.

Да, с этим кодом я разобралась =) он, как выяснилось проще и понятнее =)

0

Поделиться82013-10-13 15:19:07

Автор: Kaori A.
Администратор
Зарегистрирован: 2013-07-19
Приглашений: 0
Сообщений: 7
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
19 часов 37 минут
Последний визит:
2013-10-14 21:22:24

Unnamed
Судя по всему диз я закончила. (не просло с 100500 лет)) если есть какие-то нарекания, вылови меня в скайпе (а то мне тебя не поймать)). И на всякий случай дала тебе админку - можешь тырить код, но если проблемы будут, то опять таки улучи момент меня пнуть, я быстро все поставлю)

0