Русское сообщество fluxbb

Zevs

Гость

Инофрмация о пользователе в две колонки. Как ?

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

Как это лучше сделать ?

Сенькс.

Anna Li

Гость

Re: Инофрмация о пользователе в две колонки. Как ?

Я видела ещё делают инфу о пользователе горизонтально, над постом и тогда пост занимает всю ширину страницы. Тоже интересный вариантт.

Как это лучше сделать ?

Дивы изучать ))))
Но впринципе это не сложно. Поэкспериментируй с процентами и пикселями ))

maximum

Гость

Re: Инофрмация о пользователе в две колонки. Как ?

За счет этого немного уменьшится ширина колонки под сообщение, но в целом должен быть хороший выигрыш по высоте.

Как это лучше сделать ?

Если пользователь отвечает одной строкой, то это будет всегда так.

Выход есть - отключить аватары.

Zevs

Гость

Re: Инофрмация о пользователе в две колонки. Как ?

Если пользователь отвечает одной строкой, то это будет всегда так.

Но все равно - сэкономить-то место можно, хоть чуть-чуть.

Дивы изучать ))))

Чем сейчас и занимаюсь

hcs

Гость

Re: Инофрмация о пользователе в две колонки. Как ?

У меня аватары отключены и я не понимаю в чем проблема

Добавлено спустя     2 минуты   27 секунд:
Можно информацию об авторе спрятать в невидимый див, показывать его при наведении мыши на специальный линк "ИНФО" как тултип.

Добавлено спустя     5 минут   20 секунд:
по тому же принципу как подсказка цитирования

Zevs

Гость

Re: Инофрмация о пользователе в две колонки. Как ?

У меня аватары отключены

Ну, я не хотел бы отключать аватарки.

Можно информацию об авторе спрятать в невидимый див

А ссылки "профиль" и т.д. можно будет в этот див запихать ?

Anna Li

Гость

Re: Инофрмация о пользователе в две колонки. Как ?

А ссылки "профиль" и т.д. можно будет в этот див запихать ?

Это на javascript нужно делать.
А джаву некотрые отключают, а в некоторых браузерах не работает... вобщем бяка....

Тогду уж лучше на новой странице выводить, и оставить одну только ссылку "профиль".

Zevs

Гость

Re: Инофрмация о пользователе в две колонки. Как ?

Тогду уж лучше на новой странице выводить

Не, это не выход - долго и муторно - никто не будет этим пользоваться

Anna Li

Гость

Re: Инофрмация о пользователе в две колонки. Как ?

Zevs
Ну пусти тогда все эти данные (кроме аватарки) внизу. Там где это: "Сообщить модератору | Ответить | Цитировать".
Вот тебе места и уменьшится.

hcs

Гость

Re: Инофрмация о пользователе в две колонки. Как ?

Anna Li

А джаву некотрые отключают, а в некоторых браузерах не работает... вобщем бяка....

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

Anna Li

Гость

Re: Инофрмация о пользователе в две колонки. Как ?

hcs
Ну так вопрос-то в том, что есть вещи когда без этой бяки не обойтись и есть вещи когда можно выбирать "или-или"
И я бы не стала бы никуда прятать в подполье то, что юзеры хотели бы демонстрировать. Имхо моим бы юзерам это не понравилось бы

hcs

Гость

Re: Инофрмация о пользователе в две колонки. Как ?

Я тоже не вижу смысла прятать инфу, или менять способ отображения этой информации, поскольку этот способ привычен и его изменение будет многих раздражать, как например раздражает новый интерфейс оффис2007.
По существу вопроса: можно убрать надписи "зарегистрирован", "сообщений", "откуда" и ранг. Останется только аватар и ссылка на профиль, где всё что нужно можно будет найти.

VoiD

Гость

Re: Инофрмация о пользователе в две колонки. Как ?

активен-неактивен можно сделать цветом, тогда надпись убирается тоже

artoodetoo

Гость

Re: Инофрмация о пользователе в две колонки. Как ?

аватара вобщето способствует узнаванию. это гут.
можно в юзеринфо аватару выводить размером, скажем, 24x24 и без текста. просто имя пользователя и маааленькая аватарка, а при наведении мыши увеличивать размер до нормального и высвечивать текст Откуда,Зарегистрирован и т.д.

достаточно CSS без JavaScript.

Zevs

Гость

Re: Инофрмация о пользователе в две колонки. Как ?

А можно убрать все, что ниже аватарки до активен/неактивен - а при наведении мыши выводить в окне остальное (со ссылками на профиль, e-mail и т.д.)

artoodetoo

И конечно, вопрос  - сколько ?

artoodetoo

Гость

Re: Инофрмация о пользователе в две колонки. Как ?

Zevs, мне нравится твой практичный подход

я просто попробую это сделать. что-то очень похоже приходилось делать, только в другом месте.
- см. здесь - сделай фон черным, затем наводи на ссылки Предыдущая|Следующая.
обрати внимание как меняется размер дива, обрамляющего ссылку
- см. здесь - слева "ноготки" при наведении мыши становятся вдвое больше.

в обоих случаях "всплывающие" иконки делает не JS, а CSS, это дешевле. хотя JS на обоих страничках тоже есть для своих задач.

естественно, можно заставлять "всплывать" не только картинки, но и текст вроде "Откуда... Зарегистрирован...". все можно.

$20

Zevs

Гость

Re: Инофрмация о пользователе в две колонки. Как ?

естественно, можно заставлять "всплывать" не только картинки, но и текст вроде "Откуда... Зарегистрирован...". все можно.

т.е. ссылки во всплывающем окне будут полностью кликабельные ? Можно будет в профиль зайти и т.д. ?

Если да, то это будет тебе мой следующий заказ

PS. А пока жду ссылку на предыдущий

artoodetoo

Гость

Re: Инофрмация о пользователе в две колонки. Как ?

предыдущий ты получил. делай следующий. так с миру по нитке на сигареты зарабатываю

Visman

Гость

Re: Инофрмация о пользователе в две колонки. Как ?

Если аватарка небольшая 60х60 то ее можно обтекать текстом (пример для Oxygen.css):

DD.postavatar {MARGIN-RIGHT: 5px; float: left}

artoodetoo

Гость

Re: Инофрмация о пользователе в две колонки. Как ?

А можно убрать все, что ниже аватарки до активен/неактивен - а при наведении мыши выводить в окне остальное (со ссылками на профиль, e-mail и т.д.)

что-то вроде того:
http://pupkin.punbb-pe.org.ru/viewtopic.php?pid=4#p4
наведите мышку на имя автора поста... инфа о пользователе появится во всплывающем окне. высота сообщения останется прежней.

без наведения и с наведением мышки:

можно залогиниться как demo/demo и протестировать другой вариант.
поменяйте стиль на Lithium и увидите: пояилась маленькая аватарка. при наведении мышки маленькая аватарка превратится в полноценную + появится пара доп. инф. строк. юзеринфа раздвигает сообщение насколько необходимо.
мне так больше нравится. если дополнить "аватарой по умолчанию", то получится очень неплохо, imho.

без наведения и с наведением мышки:

голый CSS без JavaScript! мод затронул ТОЛЬКО стилевые файлы! дополнительный стиль примерно +0.5 килобайта

забыл сказать: работа оплачена Zevs-ом надеюсь ему онравится

nobody

Гость

Re: Инофрмация о пользователе в две колонки. Как ?

Наверное, дело вкуса. Но мне не очень нравится. В первом варианте обрезается иногда не очень красиво (напрмер, от статуса "администратор" виден только верх), а во втором при наведении мыши вся страничка "прыгает", очень неудобно.

Лучшее - враг хорошего, имхо. Стандартный вариант для меня достаточно удобен чтобы не изобретать велосипед

artoodetoo

Гость

Re: Инофрмация о пользователе в две колонки. Как ?

В первом варианте обрезается иногда не очень красиво (напрмер, от статуса "администратор" виден только верх

ага, в IE такое есть. лечится добавил padding для задания минимальной высоты строки.

третий вариант: комбинированый. маленькая аватарка есть всегда, а по наведению мыши всплывает полная инфа с большой аватаркой.

внедрено в стиль Sulfur. для наглядности я еще уменьшил левую колонку. актуально для узких стилей (у меня Sulur стал стилем с фиксированной шириной). реальная экономия места. кому-то оно надо.

edited 11-mar: протестировал в IE7 и opera 9, внес правки

artoodetoo

Гость

Re: Инофрмация о пользователе в две колонки. Как ?

т.к. Zevs хотел не автовыскакивающие, а выскакивающие по клику попапы, я все переделал
теперь надо кликнуть где-нибудь в левой колонке и появится попап

http://pupkin.punbb-pe.org.ru/viewtopic.php?id=2