• Страница 1 из 1
  • 1
Добавление аватарок в любое место.
CbIPoK Оффлайн
Проверенный
37
Дата: Понедельник, 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 Оффлайн
Проверенный
86
Дата: Понедельник, 2015-01-26, 15:15 | Сообщение # 2
Ссылку на сайт можно?

У скуки есть светлая сторона. Скучающие люди нередко ищут возможность сделать добрые дела, поскольку развлечения им надоели и не привносят смысл в их жизнь.
Профиль
DeadMoras Оффлайн
Проверенный
-3
Дата: Понедельник, 2015-01-26, 15:45 | Сообщение # 3
То есть "настроить"?
Профиль
Timur-kavkazec Оффлайн
Проверенный
0
Дата: Понедельник, 2015-01-26, 15:47 | Сообщение # 4
используй $USER_AVATAR_URL$

Профиль
waak Оффлайн
Проверенный
41
Дата: Понедельник, 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 Оффлайн
Проверенный
32
Дата: Понедельник, 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 Оффлайн
Проверенный
37
Дата: Понедельник, 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 Оффлайн
Проверенный
7
Дата: Понедельник, 2015-01-26, 18:56 | Сообщение # 8
Потому что вы не зная хтмл напичкали кодов в блок. Почитайте про позиционирование элементов, придайте нужные стили, заведомо прикрепленным классам: разбивайте полупрозрачный темный блок на две части и вешайте в правую код аватара. Если вы поняли о чем я.

futurage.ru - ты либо читаешь нас, либо мне не о чем с тобой говорить.
Профиль
ZekaPentagon Оффлайн
Проверенный
6
Дата: Понедельник, 2015-01-26, 20:11 | Сообщение # 9
Попробуйте для аватара использовать:

Код
float:right;


Профиль
waak Оффлайн
Проверенный
41
Дата: Понедельник, 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 Оффлайн
Проверенный
19
Дата: Вторник, 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
Поиск: