Web-Codes

У себя на новом сайте мне охото сделать такую штучку чтобы когда пользователь зарегистрировался у него появлялся определенный аватар, который будет меняться когда пользователь переходит в другую группу! А также хочется чтобы когда пользователь регистрируется на аватаре появлялся вотермарк с его логином. Как такое осуществить?

Вот стандартный рисунок
а в низу должен быть вотермарк

Lexin писал(а):У себя на новом сайте мне охото сделать такую штучку чтобы когда пользователь зарегистрировался у него появлялся определенный аватар, который будет меняться когда пользователь переходит в другую группу! А также хочется чтобы когда пользователь регистрируется на аватаре появлялся вотермарк с его логином. Как такое осуществить?

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

спасибо Youzer!
Сможешь помочь с слоями?
я в этом плохо разбираюсь

сделал проще, без слоев и иконок групп.

если аватары пользователей использоваться не будут, то удаляй из вида материалов форума эту строчку:

на ее место ставь такой код (образец):

здесь ава применяется бэкграундом,
width:180px; height:180px; - высота и ширина аватарки
padding-top:160px; - отступ сверху, чтобы ник сместился в нижнюю часть конструкции (можно регулировать).
$USERNAME$ просто продублировал. при желании можно заменить на ссылку к персональной странице или еще куда.

для других групп вставляй этот же код дальше, изменяя номер $GROUP_ID$ и ссылку на соответствующую аватарку.

вот результат:

ООООГГГГГРОМНОЕ СПАСИБО!
Вот это будет просто суперски делаться!

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

<?if($GROUP_ID$=4)?>
<div style="background-image:url(http://lexsoddgames.3dn.ru/avatars/allavatars1/116.png); padding-top:0px; width:100px; height:100px; " border="0">
<a class="postUser" href="javascript://" onClick="emoticon('$USERNAME$,');return false;">$USERNAME$</a></div>
<?endif?>

то получается все как нужно но только логин пользователя вверху
или иначе говоря вот так


а если поставить этот код

<?if($GROUP_ID$=4)?>
<div style="background-image:url(http://lexsoddgames.3dn.ru/avatars/allavatars1/116.png); padding-top:10px; width:100px; height:100px; " border="0">
<a class="postUser" href="javascript://" onClick="emoticon('$USERNAME$,');return false;">$USERNAME$</a></div>
<?endif?>

то получается это

логин не движется а картинка меняется

а если этот код

<?if($GROUP_ID$=4)?>
<div style="background-image:url(http://lexsoddgames.3dn.ru/avatars/allavatars1/116.png); padding-top:160px; width:100px; height:100px; " border="0">
<a class="postUser" href="javascript://" onClick="emoticon('$USERNAME$,');return false;">$USERNAME$</a></div>

то вообще ужас что получается

дай адрес сайта, я код гляну. возможно, там какой-то лишний класс присутсвует.

http://lexsoddgames.3dn.ru
Хочу сказать что стандартный код сайта я еще не менял
я сайт только недавно создал

тогда ладно. у тебя там еще и форумов не создано, и код ты не ставил...

тот код, правда, в мозилле не пошел (я в ИЕ тестил)

попробуй так:

добавил внешний слой для выравнивания по-центру (мозилла все влево смещала) и юзернейм все-таки в дополнительный слой вынес (высоту и отступ сверху в нем тоже правь под себя).

в общем осел с лисой вроде показывают без искажений, Оперы сейчас нет - сам протести.