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

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

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

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

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

https://sun9-2.userapi.com/c840639/v840639340/6e950/j_6wfYTpoEU.jpg
Автор RPGTOP
Администратор
#7 | Дата: 4 Апр 2018 08:38
Ответить 
Morgan_Drug:
Какая смысловая нагрузка у зелёной молнии, которая так некрасиво бьёт строки названия?

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

По количеству символов: возможно только если ограничить определенным количеством. Ограничение, на сколько я помню все же есть. /или нет?/
Автор RPGTOP
Администратор
#8 | Дата: 4 Апр 2018 08:55
Ответить 
Ororo:
1. z-index должен помочь решить проблему.

В теории, да. Но на практике — нет. О нем я, конечно же знаю, но вот, не действовало. Правда я нашел статью, где рассказано почему у меня не получилось и как это решить (opacity:0.99 типа надо выставить...). Попробую.
Автор RPGTOP
Администратор
#9 | Дата: 8 Апр 2018 17:17
Ответить 
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
Ответить 
так лучше, но если цвет фона так и останется светлым, то метки тематики (грамотность, активность и прочее) стоит сделать темнее для лучшей читаемости. пока оно сливается с фоном
Автор Ororo
Участник
#11 | Дата: 8 Апр 2018 17:28
Ответить 
Есть такой вариант. Двойной бокс и скрытый текст пофикшены + размер абсолютный. Зашаривать код?
Автор RPGTOP
Администратор
#12 | Дата: 8 Апр 2018 17:41
Ответить 
Morgan_Drug:
так лучше, но если цвет фона так и останется светлым, то метки тематики (грамотность, активность и прочее) стоит сделать темнее для лучшей читаемости. пока оно сливается с фоном

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

Нет. Ваш вариант годится только в том случае, если картинка горизонтальная. Но у нас чаще всего они вертикальные. Еще один минус — он у вас фиксированный.
//скрытый текст пофиксил сам — opacity:0.99, как и советовалось, проблему решил.
Автор RPGTOP
Администратор
#14 | Дата: 8 Апр 2018 18:38
Ответить 
В общем, закончил оформление. Как вам оно? Стоит актуализировать или что-то еще изменить?
Автор RPGTOP
Администратор
#15 | Дата: 8 Апр 2018 18:38
Ответить 
 Страница Страница:  1  2  3  4  »» 
Ваш ответ
Color Picker  Preformatted Text 

» Логин  » Пароль 
Только зарегистрированные пользователи могут отправлять сообщения. Авторизуйтесь для отправки сообщений, или зарегистрируйтесь сейчас.
 
  RPG TOP Поддержка: Free Forum Software miniBB ®