RPG TOP Forum

 | TOP | Новости | Навигация | Начало | Регистрация | Поиск | Статистика | FAQ |
Развитие RPG TOP Forum / Развитие /  
 

Переоформление страницы с объявлениями

 
 
Страница  Страница 1 из 4:  1  2  3  4  Дальше »

Автор RPGTOP
Администратор
#1 | Дата: 2 Апр 2018 22:40:53 
https://top.roleplay.ru/cgi-bin/b.cgi?a=list2 - набросал новый дизайн для страницы объявлений.
Оцените плиз. Такое оформление лучше или хуже текущего (смотрим блок «Остальные объявления»)
//пытаясь создать подобный диз намудрил предостаточно, аж пришлось информацию два раза выводить (один скрыл через opacity:0), поэтому, если у вас есть более простое решение — можете показать. У меня проблема возникла с плавным сокрытием картинки объявления. Как не размещал блок, (position:absolite) все равно перекрывал текст. Поэтому добавил еще один блок с (position:absolite), куда переместил текст. Но из-за этого блок перестал расширяться по высоте. Для решения данной проблемы просто добавил еще один текстовый блок, который и скрыл. В общем, намудрено сильно, надо бы упростить. Кроме того никак не смог разметить по высоте картинку, если ее ширина больше текущей :( Подобное поведение можете наблюдать в двух объявлениях.

Автор SVET
Участник
#2 | Дата: 2 Апр 2018 22:47:44 
Выглядит симпатично и оригинальнее))
А вот по остальному не подскажу, ничего не понимаю в скриптах и им подобных...

Автор RPGTOP
Администратор
#3 | Дата: 3 Апр 2018 11:55:56 
Как я полагаю, больших негодований новое оформление не вызывает. Тогда продолжу работу.

Автор Hakusin
Участник
#4 | Дата: 3 Апр 2018 17:18:12 
RPGTOP:
если ее ширина больше текущей :(

а может, ограничить по конкретной нужной ширине картинки для заливки? И просто не давать заливать большие?

Автор Ororo
Участник
#5 | Дата: 4 Апр 2018 00:27:10 
1. z-index должен помочь решить проблему.
2. Как мне кажется, то зелёные молнии не нужны в боксах, бо они выбиваются из стилистики.
3. И в любом случае нужно доработать однородный масштаб боксов. Без этого запускать новый вариант как-то не огонь.

Автор Morgan_Drug
Участник
#6 | Дата: 4 Апр 2018 00:27:40 
Какая смысловая нагрузка у зелёной молнии, которая так некрасиво бьёт строки названия? Зачем так много места, которое никак не используется? Дайте больше места названию акции, а дату и время можно перенести вниз. Картинки видны плохо, не информативны, сидишь и гадаешь, что за часть персонажа там изображена.

Введите минимальное и максимальное количество символов, чтобы плашки объявлений были одного размера. Выставите требования к прикрепляемой картинке или даже двум, если вдруг решите использовать одну в качестве фона с прозрачностью.

https://sun9-2.userapi.com/c840639/v840639340/6e950/j_6wfYTpoEU.jpg

Автор RPGTOP
Администратор
#7 | Дата: 4 Апр 2018 08:38:02 
Morgan_Drug:
Какая смысловая нагрузка у зелёной молнии, которая так некрасиво бьёт строки названия?

Это как бы тип объявления. «Требуется», «Квест», «Продаю» и т.д.

По количеству символов: возможно только если ограничить определенным количеством. Ограничение, на сколько я помню все же есть. /или нет?/

Автор RPGTOP
Администратор
#8 | Дата: 4 Апр 2018 08:55:00 
Ororo:
1. z-index должен помочь решить проблему.

В теории, да. Но на практике — нет. О нем я, конечно же знаю, но вот, не действовало. Правда я нашел статью, где рассказано почему у меня не получилось и как это решить (opacity:0.99 типа надо выставить...). Попробую.

Автор RPGTOP
Администратор
#9 | Дата: 8 Апр 2018 17:17:15 
Morgan_Drug:
https://sun9-2.userapi.com/c840639/v840639340/6e950/j_6wfYTpoEU.jpg

Ваши идеи помогли — дату переместил вниз.
https://top.roleplay.ru/cgi-bin/b.cgi?a=list2 - теперь так выглядит.

Автор Morgan_Drug
Участник
#10 | Дата: 8 Апр 2018 17:26:50 
так лучше, но если цвет фона так и останется светлым, то метки тематики (грамотность, активность и прочее) стоит сделать темнее для лучшей читаемости. пока оно сливается с фоном

Автор Ororo
Участник
#11 | Дата: 8 Апр 2018 17:28:27 
Есть такой вариант. Двойной бокс и скрытый текст пофикшены + размер абсолютный. Зашаривать код?

Автор RPGTOP
Администратор
#12 | Дата: 8 Апр 2018 17:41:48 
Morgan_Drug:
так лучше, но если цвет фона так и останется светлым, то метки тематики (грамотность, активность и прочее) стоит сделать темнее для лучшей читаемости. пока оно сливается с фоном

темнее становятся при наведении. Изначально темным делать не хочу — будет на себя внимание слишком сильно забирать.

Автор RPGTOP
Администратор
#13 | Дата: 8 Апр 2018 17:43:57 
Ororo:
Есть такой вариант. Двойной бокс и скрытый текст пофикшены + размер абсолютный. Зашаривать код?

Нет. Ваш вариант годится только в том случае, если картинка горизонтальная. Но у нас чаще всего они вертикальные. Еще один минус — он у вас фиксированный.
//скрытый текст пофиксил сам — opacity:0.99, как и советовалось, проблему решил.

Автор RPGTOP
Администратор
#14 | Дата: 8 Апр 2018 18:38:26 
В общем, закончил оформление. Как вам оно? Стоит актуализировать или что-то еще изменить?

Автор RPGTOP
Администратор
#15 | Дата: 8 Апр 2018 18:38:46 

Страница  Страница 1 из 4:  1  2  3  4  Дальше » 
Развитие RPG TOP Forum / Развитие /
 Переоформление страницы с объявлениями

Ваш ответ Нажмите эту иконку для возврата на цитируемое сообщение


 ?
Только зарегистрированные пользователи могут отправлять сообщения. Авторизуйтесь для отправки сообщений, или зарегистрируйтесь сейчас.

 

 
 
RPG TOP Forum Поддержка: Online Community Software miniBB ®
  ⇑