Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Профиль участника в теме 
:(
    Опции темы
Alexeis
Дата 9.10.2007, 16:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Амеба
Group Icon


Профиль
Группа: Админ
Сообщений: 11743
Регистрация: 12.10.2005
Где: Зеленоград

Репутация: 13
Всего: 459
sTa1kEr, IP это тоже ссылка, в этом варианте тогда напрашивается еще черта перед IP. Да с IP можем и по мучится, так как используется довольно редко.


--------------------
Vit вечная память.

Обсуждение действий администрации форума производятся только в этом форуме

гениальность идеи состоит в том, что ее невозможно придумать
PM ICQ Skype   Вверх
SelenIT
Дата 9.10.2007, 16:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: нет
Всего: 401
Попробовал вариант с таблицей - не все так просто, наследуемые стили влезают, таблицы без спросу растягиваются и покрываются бордерами... Попробовал было, что можно сделать минимальными правками...


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
Caramel
Дата 9.10.2007, 16:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


Профиль
Группа: Завсегдатай
Сообщений: 4190
Регистрация: 7.8.2004
Где: Дюссельдорф

Репутация: 17
Всего: 142
Цитата(sTa1kEr @  9.10.2007,  16:00 Найти цитируемый пост)
Видимо у меня менталитет такой - люблю когда все красиво и ровненько smile

Беда в том, что ты с таким менталитетом один, а сколько остальных пользователей?


Цитата(GZep @  9.10.2007,  17:12 Найти цитируемый пост)
А как на стчет урать (online) и вместо него просто перекрашивать ник в зеленый цвет?


Никак. Зачем?


Цитата(sTa1kEr @  9.10.2007,  17:19 Найти цитируемый пост)
Просто, имхо, ссылка на профиль в самом профиле как-то не совсем хорошо смотрится...

Если бы у нас там стоял заголовок Профиль в котором была бы ссылка Профиль, вот тогда смотрелось бы плохоsmile


Цитата(Alexeis @  9.10.2007,  17:21 Найти цитируемый пост)
sTa1kEr, IP это тоже ссылка, в этом варианте тогда напрашивается еще черта перед IP. Да с IP можем и по мучится, так как используется довольно редко. 

Редко, но тем не менее используется. Кроме того, обычным участникам он не виден, давайте пока оставим его в покое? Будем в девелоперском разделе обсуждать, тогда и решим.
PM MAIL WWW Skype   Вверх
sTa1kEr
Дата 9.10.2007, 18:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


9/10 программиста
***


Профиль
Группа: Завсегдатай
Сообщений: 1553
Регистрация: 21.2.2007

Репутация: 8
Всего: 146
Цитата(SelenIT @  9.10.2007,  16:54 Найти цитируемый пост)
Попробовал вариант с таблицей - не все так просто, наследуемые стили влезают, таблицы без спросу растягиваются и покрываются бордерами...

Сделал на дивах с фиксированной шириной. Все равно там распорка в 156px стоит... не даст значениям уехать. IP и предупреждения не добавлял. Все оригинальные стили остались без изменений (за исключением 2х бордюрчиков, что бы без самого поста смотрелось нормально), т.ч. остальные элементы форума это никак не затронет.
Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--link rel='stylesheet' type='text/css' href='main.css' /-->
<meta http-equiv="content-type" content="text/html; charset=Windows-1251" />
<title>Profile</title>
<style type="text/css">
body {
    padding: 0px;
    margin: 0px;
    font-family: Verdana, Tahoma, Arial, sans-serif;
    font-size: 11px;
    color: #000000;
    background-color: #FFFFFF;
    background-image: none;
    text-align: center;
    min-width: 950px; /*Girder: Что бы было :) */
}

body.green {
    background-color: #F9FFF2;
}

img {
    border-width: 0px;
    vertical-align: middle;
}

table {
    width: 100%;
    border-width: 0px;
    font-size: 11px;
}

td {
    padding: 0px;
    vertical-align: middle;
}

a {                                              /* Основной стиль для ссылок */
    color: #000000;
    text-decoration: underline;
}

a:hover {                     /* Основной стиль для ссылок при наведении мыши */
    color: #428000;
}


hr {
    margin: 6px 0px;
    border-style: solid;
    border-color: #999999;
    border-width: 1px 0px 0px 0px;
    height: 1px;
    width: 100%;
}

table.posttable {                               /* Таблица с постом участника */
    border-style: solid;
    border-color: #999999;
    border-top-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 1px;
    width: 156px;
}

table.posttable td {
    border-style: solid;
    border-color: #999999;
    border-top-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 0px;
}

td.post-row1l {                            /* Пост - 1-я строка - левая часть */
    border-right-width: 1px;
    height: 25px;
    width: 156px;
    background-color: #E8E8E8;
    padding-left: 4px;
    padding-right: 4px;
    text-align: left;
    white-space: nowrap;
    font-weight: bold;
    color: #000;
}

td.post-row1l a {
    font-weight: bold;
    font-size: 12px;
}

td.post-row1l span {
    font-weight: normal;
    color: #000;
}

td.post-row1l span span {
    color: #008000;
}

td.post-row1l span a {
    font-weight: bold;
    font-size: 11px;
    color: #BE2323;
}

table.subtable {
   height: 26px;    
}

table.subtable td {      /* Таблица в таблице - 1-я и 3-я строка поста правая */
                         /* часть   */
    border-width: 0px;
    border-style: solid;
}

div.post-setwidth {                         /* Установка ширины левых ячеек */
    width: 156px;
    height: 0px;
}

table.post-setwidth td {
    border: 0px;
}


td.post-row2l {                            /* Пост - 2-я строка - левая часть */
    padding: 6px;                                                                     /* Объединить этот и следующий стиль */
    vertical-align: top;
    text-align: center;
    font-size: 10px;
    line-height: 120%;
}

td.post-row2la {                            /* Пост - 2-я строка - левая часть */
    padding: 6px;                                                                     /* Объединить этот и следующий стиль */
    vertical-align: top;
    text-align: left;
    font-size: 10px;
    line-height: 120%;
}

td.post-row2lb {                            /* Пост - 2-я строка - левая часть */
    padding: 6px;                                                                     /* Объединить этот и следующий стиль */
    vertical-align: top;
    text-align: right;
    font-size: 10px;
    line-height: 120%;
}

td.post-row2l-middle {                            /* Пост - 2-я строка - левая часть */
    padding: 6px;
    vertical-align: middle;
    text-align: left;
    font-size: 10px;
}
                              /* Цвет второй строки - левая часть - вариант 1 */
td.color1l {
    background-color: #F2FAE8;
}


td.color2l {                  /* Цвет второй строки - левая часть - вариант 2 */
    background-color: #FFFFFF;
}

td.post-row3 {                                           /* Пост - 3-я строка */
    height: 25px;
    background-color: #D8D8D8;
    padding-left: 4px;
    padding-right: 4px;
    text-align: center;
    font-size: 10px;
}

td.post-row3 a {                                                   /* Используется с списке сообщений в форме расширенного ответа */
    color: #222222;
}

td.post-row3 a:hover {
    color: #428000;
}

/* !!! sTalkEr: Эти стили добавил я... !!! */

div.statusgroup {
    color: #805056;
    font-size: 12px;
    padding-bottom: 4px;
}

.leftcaption {
    display: block;
    float:left;
    width: 80px;
}

div.greencaption {
    float:left;
    color: #508056;
}

a.greencaption {
    color: #508056;
}
</style>
</head>
<body>
<div style="padding-left: 10px; padding-top: 10px;">

<table cellspacing="0" class="posttable">
<tr>
   <td class="post-row1l"><a href="#">Caramel</a> <span>(<span>Online</span>)</span></td>
</tr>
<tr>
   <td class="post-row2l color1l">
      <div class="statusgroup">Модератор</div>
      <img src="http://forum.vingrad.ru/uploads/av-5526.jpg" alt="" height="80" width="80" /><br />
      Каа<br />
      <img src="pip.gif" alt="*" /><img src="pip.gif" alt="*" /><img src="pip.gif" alt="*" /><img src="pip.gif" alt="*" /><br />
      <hr class="line" />
      <div style="text-align:left;">
      <div class="leftcaption greencaption">Сообщений:</div>3898<br />
      <div class="leftcaption greencaption">Регистрация:</div>7.8.2004<br />
      <div class="greencaption">Где:&nbsp;</div>На абрикосовых хол мах<br />
      <hr class="line" />
      <div class="leftcaption greencaption">Репутация</div>[ <a href="#" class="greencaption">+</a> | <a href="#" class="greencaption">—</a> ]<br />
      <a href="#" class="leftcaption greencaption">В разделе:</a>16<br />
      <a href="#" class="leftcaption greencaption">Всего:</a>130<br />
      <div style="padding-top: 4px;"></div>
      <div class="leftcaption"><a href="#" class="greencaption">Друзей:</a>&nbsp;14</div><a href="#" class="greencaption">Групп:</a>&nbsp;1<br />
      </div>
      <div class="post-setwidth"></div>
      </td>
</tr>
<tr>
   <td class="post-row3">
      <table class="subtable" cellspacing="0">
      <tbody>
         <tr>
            <td class="centeralign"><a href="http://vingrad.ru/@Caramel">Профиль</a></td>
         </tr>
      </tbody>
      </table>
   </td>
</tr>
</table>

</div>
</body>
</html>

Как оно выглядит см файл (просто не куда html-ку выкладывать на данный момент smile)

Цитата(Caramel @  9.10.2007,  16:58 Найти цитируемый пост)
Беда в том, что ты с таким менталитетом один, а сколько остальных пользователей?

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

Это сообщение отредактировал(а) sTa1kEr - 9.10.2007, 18:24

Присоединённый файл ( Кол-во скачиваний: 31 )
Присоединённый файл  profile.jpg 54,49 Kb
PM MAIL   Вверх
Caramel
Дата 9.10.2007, 18:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


Профиль
Группа: Завсегдатай
Сообщений: 4190
Регистрация: 7.8.2004
Где: Дюссельдорф

Репутация: 17
Всего: 142
Цитата(sTa1kEr @  9.10.2007,  19:18 Найти цитируемый пост)
Ну может быть все-таки не совсем один?... В общем это мое субъективное мнение, что с выравниванием лучше, хотя подряд тоже ничего.

Ну что касается кардинального выравнивания (одна часть слева, другая справа) - вас максимум двое)))
А вот то, что получилось на последнем рисунке - вполне себе ничего. Только профиль не надо вместо айпи ставить. Его лучше всего подставить под пунктом "где". У меня он слишком длинный, поэтому занимает две строки, но если бы там был написан город, то занял бы одну.
И модератра, плиз, напиши черным smile
PM MAIL WWW Skype   Вверх
sTa1kEr
Дата 9.10.2007, 19:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


9/10 программиста
***


Профиль
Группа: Завсегдатай
Сообщений: 1553
Регистрация: 21.2.2007

Репутация: 8
Всего: 146
Замучился делать скриншоты... Выложил HTML-ку сюда. Как такой вариант?

Ну не смотрится ссылка на профиль среди другой информации smile Сам посебе профиль содержит все тоже самое, что и мини профиль, а так получается (когда он среди другой информации), будто это просто какая-то еще не важная дополнительная информация...

Это сообщение отредактировал(а) sTa1kEr - 9.10.2007, 19:42
PM MAIL   Вверх
nickless
Дата 9.10.2007, 20:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Гентозавр
****


Профиль
Группа: Участник Клуба
Сообщений: 2976
Регистрация: 29.8.2005
Где: Germany

Репутация: 2
Всего: 181
Цитата(sTa1kEr @  9.10.2007,  18:40 Найти цитируемый пост)
Выложил HTML-ку сюда. Как такой вариант?

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


--------------------
user posted image

Real men don't use backups, they post their stuff on a public ftp server and let the rest of the world make copies
- Linus Torvalds
PM MAIL   Вверх
Caramel
Дата 9.10.2007, 20:06 (ссылка) | (голосов:2) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


Профиль
Группа: Завсегдатай
Сообщений: 4190
Регистрация: 7.8.2004
Где: Дюссельдорф

Репутация: 17
Всего: 142
sTa1kEr, ну... тут мне кажется не принципиально. 
Мне все нравитсяsmile Вроде бы ничего не забыл.
Может быть не "всего",а "по форуму"?
PM MAIL WWW Skype   Вверх
sTa1kEr
Дата 9.10.2007, 20:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


9/10 программиста
***


Профиль
Группа: Завсегдатай
Сообщений: 1553
Регистрация: 21.2.2007

Репутация: 8
Всего: 146
nickless, поправил. Да, действительно так лучше.
PM MAIL   Вверх
SelenIT
Дата 9.10.2007, 20:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: нет
Всего: 401
Имхо, отлично!

Правда, в FF при увеличении шрифта на 2 ступени слово "регистрация" чуть налезает на дату, но все читабельно. На одну ступень крупнее - вообще все хорошо.

Только друзей и группы я бы все-таки в средний блок поднял. А ссылку на профиль, может, обозвать "Подробное досье" ;) и опустить в самый низ, под репу (через еще одну черту)?

Либо, может, аватарку сделать ссылкой на профиль? А у кого ее нет - тем текстовую ссылку на ее месте... хотя это бред, наверное smile.

upd.: а когда ссылка на профиль слева - так вроде и вообще все на своем месте...  smile 

Это сообщение отредактировал(а) SelenIT - 9.10.2007, 20:11


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
sTa1kEr
Дата 9.10.2007, 20:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


9/10 программиста
***


Профиль
Группа: Завсегдатай
Сообщений: 1553
Регистрация: 21.2.2007

Репутация: 8
Всего: 146
Цитата(Caramel @  9.10.2007,  20:06 Найти цитируемый пост)
Может быть не "всего",а "по форуму"? 

Гениально! И по размеру с "В разделе" почти совпадает smile
PM MAIL   Вверх
SelenIT
Дата 9.10.2007, 20:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: нет
Всего: 401
А мне кажется, "Всего" лучше отражает суть - то, что вторая цифра включает в себя первую. Тем более, если я ничего не путаю, теперь в общей репе будет учитываться не только форумская, но и репа с vingrad.ru. Запись в виде дроби, имхо, наиболее наглядна сама по себе - сразу виден и общий "вес", и "специализация" участника (а пояснить цифры можно и тултипами)...


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
sTa1kEr
Дата 9.10.2007, 20:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


9/10 программиста
***


Профиль
Группа: Завсегдатай
Сообщений: 1553
Регистрация: 21.2.2007

Репутация: 8
Всего: 146
Цитата(SelenIT @  9.10.2007,  20:08 Найти цитируемый пост)
Правда, в FF при увеличении шрифта на 2 ступени слово "регистрация" чуть налезает на дату, но все читабельно. На одну ступень крупнее - вообще все хорошо.

В принципе можно подвинуть, место еще есть.

Цитата(SelenIT @  9.10.2007,  20:08 Найти цитируемый пост)
Только друзей и группы я бы все-таки в средний блок поднял. А ссылку на профиль, может, обозвать "Подробное досье" ;) и опустить в самый низ, под репу (через еще одну черту)?

Я так пробовал... как-то не очень смотрится (может из-за того, что у Caramel поле "Где" на две строки разбито?).
Хотя, имхо, логичнее все-таки друзьям рядом с репутацией быть. Сначала идет общая информация, а после второй черты вся дополнительная + еще предупреждения и, может быть, какая-либо еще информация будет.

Цитата(SelenIT @  9.10.2007,  20:08 Найти цитируемый пост)
Либо, может, аватарку сделать ссылкой на профиль? А у кого ее нет - тем текстовую ссылку на ее месте... хотя это бред, наверное smile

Да, тоже была такая мысль. Только, я думаю, не все догадаются, что надо по аватарке кликать что бы в профиль попасть. Можно оставить и текстовую ссылку и аватар сделать ссылкой на профиль.

Цитата(SelenIT @  9.10.2007,  20:19 Найти цитируемый пост)
А мне кажется, "Всего" лучше отражает суть - то, что вторая цифра включает в себя первую.

Хм... Может "По винграду:", "На винградее:" ?
PM MAIL   Вверх
Caramel
Дата 9.10.2007, 20:36 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


Профиль
Группа: Завсегдатай
Сообщений: 4190
Регистрация: 7.8.2004
Где: Дюссельдорф

Репутация: 17
Всего: 142
Цитата(sTa1kEr @  9.10.2007,  21:29 Найти цитируемый пост)
Да, тоже была такая мысль. Только, я думаю, не все догадаются, что надо по аватарке кликать что бы в профиль попасть. Можно оставить и текстовую ссылку и аватар сделать ссылкой на профиль.

Точно не догадаются.


Цитата(sTa1kEr @  9.10.2007,  21:29 Найти цитируемый пост)
Цитата(SelenIT @  9.10.2007,  20:19 Найти цитируемый пост)
А мне кажется, "Всего" лучше отражает суть - то, что вторая цифра включает в себя первую.

Хм... Может "По винграду:", "На винградее:" ? 


Всего везде  smile 
PM MAIL WWW Skype   Вверх
SelenIT
Дата 9.10.2007, 20:39 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: нет
Всего: 401
Цитата(sTa1kEr @  9.10.2007,  20:29 Найти цитируемый пост)
логичнее все-таки друзьям рядом с репутацией быть.

Мне как раз казалось, что не очень - может быть, потому, что слово "репутация" смотрится немножко как заголовок нижнего блока и все, что ниже, на первый взгляд кажется уточнениями к ней, вот я и подумал, что тогда лучше бы ей быть совсем отдельной.

Хотя так логика, действительно, тоже есть - вверху как бы "индивидуальные" характеристики, внизу "социальные" smile.


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
Страницы: (9) Все « Первая ... 5 6 [7] 8 9 
 Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Обсуждение форума | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0800 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.