Цветные ники

[alekk]

Добрый день.
Если не ошибаюсь, видел на данном форуме информацию о том, как сделать цветные ники участникам форума, но не могу найти, где. Хелп.

Еще вопрос, касательно отображения аватара.
Как сделать его тображение по центру профиля и как увеличить его размеры.



Заранее благодарю.

[Snickers777]

Добрый день.
Если не ошибаюсь, видел на данном форуме информацию о том, как сделать цветные ники участникам форума, но не могу найти, где. Хелп.

Идёшь в настройки нужной группы пользователей.
Выделяешь хтмл - кодом.Вот я например админу сделал:


Авка по центру делается следущим образом:
Идёте в админку - стили и шаблоны - поиск в шаблонах - postbit.css - находим и открываем.

Ищете следущее:

.postbitlegacy .userinfo .postuseravatar, .eventbit .userinfo .eventuseravatar {
    display:block;
    margin:{vb:math {vb:stylevar padding}/3} auto 0;
    text-align:{vb:stylevar left};
    width: auto;
    float: {vb:stylevar left};
    clear: both;
}

Меняете на это:

.postbitlegacy .userinfo .postuseravatar, .eventbit .userinfo .eventuseravatar {
    display:block;
    margin:{vb:math {vb:stylevar padding}/3} auto 0;
    text-align:{vb:stylevar left};
    width: auto;
    text-align:center;
    clear: both;
}

Естественно,делаете это в том стиле,в котором нужно сделать аватар по центру.
Если нужно статус пользователей разместить по центру (чтобы смотрелось с авой) то в том же шаблоне (postbit.css ) найти:

.postbitlegacy .userinfo .rank, .postbitlegacy .userinfo .usertitle { 
    font-size: {vb:stylevar small_fontSize}; 
    display:block; 
    clear:both; 
}

И заменить этим:

.postbitlegacy .userinfo .rank, .postbitlegacy .userinfo .usertitle { 
    text-align: center; 
    font-size: {vb:stylevar small_fontSize}; 
    display:block; 
    clear:both; 
}

Ну а чтобы сделать поцентру никнеймы пользователей,то

.postbitlegacy .userinfo .username_container { 
    margin-bottom: 8px; 
}

Меняем на

.postbitlegacy .userinfo .username_container { 
        text-align: center; 
    padding-left: 16px; 
    margin-bottom: 8px; 
}