Добавление аватарок в любое место.

Новые сообщения · Правила форума · Поиск

Оставить отзыв · Пожаловаться · RSS

Страница 1 из 1
1

Добавление аватарок в любое место. (Работа с кодами.)

CbIPoK Оффлайн

Проверенный

Дата: Понедельник, 2015-01-26, 13:37 | Сообщение # 1

Есть вот такой код

Код

<?if($_AVATAR$)?>$_AVATAR$<br /><br /><?endif?>

Я думаю все знают откуда он (Из "Страница персональных данных")
Так вот, что нужно ещё выдрать из этой страницы, чтобы данный код, работал везде?
____
P.s. Хочу, чтобы в шапке отображался аватар.

Добавлено (26.01.2015, 13:26)
---------------------------------------------
Ах да. Ещё, если это важно.
Мне надо чтобы аватар отображался в вот таком блоке.

Код

<div class="uCozIntroText">
      <h1>Добро пожаловать <b>$USERNAME$</b></h1> <?if($_AVATAR$)?>$_AVATAR$<br /><br /><?endif?>
      <p>У тебя сейчас <b>$UNREAD_PM$</b> новых сообщений. </p>
  </div>

Блок находится в "Страница сайта"

Добавлено (26.01.2015, 13:37)
---------------------------------------------
Во, сделал. Вот только как бы ещё это настроить?

Профиль

BLAzER Оффлайн

Проверенный

Дата: Понедельник, 2015-01-26, 15:15 | Сообщение # 2

Ссылку на сайт можно?

У скуки есть светлая сторона. Скучающие люди нередко ищут возможность сделать добрые дела, поскольку развлечения им надоели и не привносят смысл в их жизнь.

Профиль

DeadMoras Оффлайн

Проверенный

-3

Дата: Понедельник, 2015-01-26, 15:45 | Сообщение # 3

То есть "настроить"?

Профиль

Timur-kavkazec Оффлайн

Проверенный

Дата: Понедельник, 2015-01-26, 15:47 | Сообщение # 4

используй $USER_AVATAR_URL$

Профиль

waak Оффлайн

Проверенный

Дата: Понедельник, 2015-01-26, 16:08 | Сообщение # 5

Здравствуйте вам просто нужно заменить ваш код

<?if($_AVATAR$)?>$_AVATAR$<br /><br /><?endif?>

на вот этот

<?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" class="noimage"><?else?><img src="ТУТ ССЫЛКА НА НЕТ АВАТАР"><?endif?><br /><br />

Помог? ставь +
Разработка дизайна - верстка, помощь по установке шаблона на uCoz.
Связь
skype - tolik-waak
Мой сайт

Профиль

Lumore Оффлайн

Проверенный

Дата: Понедельник, 2015-01-26, 17:24 | Сообщение # 6

Цитата waak (

)

<?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" class="noimage"><?else?><img src="ТУТ ССЫЛКА НА НЕТ АВАТАР"><?endif?><br /><br />

А 2 брейка зачем?

Профиль

CbIPoK Оффлайн

Проверенный

Дата: Понедельник, 2015-01-26, 17:32 | Сообщение # 7

Цитата DeadMoras (

)

То есть "настроить"?

Хочу сделать так, чтобы текст был слева, а справа аватар.
Аватар установить получилось, но он идёт между строками.
Хочу чтобы всё было в окне.

Добавлено (26.01.2015, 17:27)
---------------------------------------------

Цитата BLAzER (

)

Ссылку на сайт можно?

Да, конечно. Сайт

Добавлено (26.01.2015, 17:32)
---------------------------------------------

Цитата waak (

)

Здравствуйте вам просто нужно заменить ваш код

Код

<?if($_AVATAR$)?>$_AVATAR$<br /><br /><?endif?>

на вот этот

Код

<?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" class="noimage"><?else?><img src="ТУТ ССЫЛКА НА НЕТ АВАТАР"><?endif?><br /><br />

Судя по коду, я понял, что это не решит мой проблемы.

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

Профиль

brabus Оффлайн

Проверенный

Дата: Понедельник, 2015-01-26, 18:56 | Сообщение # 8

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

futurage.ru - ты либо читаешь нас, либо мне не о чем с тобой говорить.

Профиль

ZekaPentagon Оффлайн

Проверенный

Дата: Понедельник, 2015-01-26, 20:11 | Сообщение # 9

Попробуйте для аватара использовать:

Код

float:right;

Профиль

waak Оффлайн

Проверенный

Дата: Понедельник, 2015-01-26, 20:57 | Сообщение # 10

Демо

Вот этот код в то место где будет блок

Код

<div id="mini_prof">
   <div id="mini_prof_text">
    <b>Добро пожаловать $USERNAME$</b>
    <i>У тебя скйчас $UNREAD_PM$ новых сообшений</i>
   </div>
   <div id="mini_prof_ava"><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" class="noimage"><?else?><img src="ТУТ ССЫЛКА НА НЕТ АВАТАР"><?endif?><</div>
</div>

этот код добавте в ваш css

Код

#mini_prof {
      background: rgba(0,0,0,.70);
      padding: 10px;
      width: 400px;
}

#mini_prof_text {
      width: 300px;
      float: left;
      padding-left: 10px;
}

#mini_prof_text b {
      display: block;
      color: #FFF;
      font:16px Tahoma,Arial,sans-serif;
      line-height: 30px;

}

#mini_prof_text i {
      display: block;
      color: #FFF;
      font:12px Tahoma,Arial,sans-serif;
      line-height: 20px;

}

#mini_prof_ava {
      width: 70px;
      height: 60px;
      overflow: hidden;
}

#mini_prof_ava img {
      width: 70px;
      min-height: 60px;
}

я думаю что размеры вы сможете подогнать сами

Прикрепления: 1917631.jpg (14.2 Kb)

Помог? ставь +
Разработка дизайна - верстка, помощь по установке шаблона на uCoz.
Связь
skype - tolik-waak
Мой сайт

Сообщение отредактировал waak - Понедельник, 2015-01-26, 20:59

Профиль

dima_riabets Оффлайн

Проверенный

Дата: Вторник, 2015-01-27, 13:08 | Сообщение # 11

Даже тот $_AVATAR$
можно использовать для CSS.

кинуть в блок с id='***', я не помню как там код $_AVATAR$ (если он не имеет идентификатора)

а потом сделать стили:

Код

#*** img {max-width: 50px; max-height: 50px; float: right;}

Или обратится к JQuery:

Код

$('#*** img').attr('align', 'right');

Чат в Skype
-------------------------------------------
Занимаюсь новым проектом.
-------------------------------------------
Изучаю: js, jquery
Хорошо знаю: HTML5, CSS3
Обращайтесь по uCoz FAQ

Профиль

Добавление аватарок в любое место. (Работа с кодами.)

Страница 1 из 1
1