Igromen.Do.Am - игровой и кино портал, объединяющий в себе множество новостей и публикаций, огромный форум для веб - мастеров.
1381
524
283
новостей в ленте
тем на форуме
пользователей
Будь в курсе
Это интересно
Загружай и играй
Всё для uCoz
Правила сайта
Правила форума Форум игромании и киномании Igromen.Do.Am
ФОРУМ Игромания и киномания – сообщество пользователей игрового портала Igromen.Do.Am.
Форум - это место, где можно обсудить игровые новости и обновления, задать вопросы, разместить объявления и сообщения, дать объявления о предоставляемых вами услугах, поделиться полезной информацией и способами, вступить в команду портала (на должности модератора, журналиста), а также найти себе друзей и товарищей для общения и совместного времяпровождения в играх.
Все действия (общение и размещение информации) регламентируются правилами форума.
ТОП-5 по сообщениям
1
ТОП-5 по репутации
  • Страница 1 из 1
  • 1
Форум » Администрирование сайта uCoz » Управление шаблонами » Рамка для аватара на форуме
Рамка для аватара на форуме
#1
Димон
Администраторы
/.s/a/38/496767602.png
Менеджер проекта
Статус:
Online
Регистрация:
07.10.2012
Сообщения:
754
Сначала необходимо залить на сайт картинки, образующие рамку. Для этого надо зайти в Файловый менеджер, создать там папку border и загрузить в эту папку все картинки из архива (приложение)

Следующим шагом будет добавление в таблицу стилей CSS следующего кода:

Code

#frame {
  margin: 25px auto 0;
}

.frame-right {
  background: url("/border/r.png") repeat-y scroll right center transparent;
  padding-right: 17px;
}
.frame-left {
  background: url("/border/l.png") repeat-y scroll left center transparent;
  padding-left: 17px;
}
.ftop-left {
  background: url("/border/t_l.png") no-repeat scroll 0 0 transparent;
  height: 17px;
  margin: -15px 0 0;
}
.ftop-right {
  background: url("/border/t_r.png") no-repeat scroll 100% 0 transparent;
  height: 17px;
  margin: -15px 0 0;
}
.ftop {
  background: url("/border/t.png") repeat-x scroll 0 0 transparent;
  height: 17px;
  margin: -15px 17px 0;
}
.fbottom-left {
  background: url("/border/b_l.png") no-repeat scroll 0 0 transparent;
  height: 17px;
}
.fbottom-right {
  background: url("/border/b_r.png") no-repeat scroll 100% 0 transparent;
  height: 17px;
}
.fbottom {
  background: url("/border/b.png") repeat-x scroll 0 0 transparent;
  height: 17px;
  margin: 0 17px;
}
.wrapava {
  margin:0 auto;
  display:block;
}  


И последнее - открываем шаблон "Вид материала" форума и заменяем строку с кодом:

Code
<?if($AVATAR_URL$)?><img alt="" title="$USERNAME$" class="userAvatar" border="0" src="$AVATAR_URL$"><?endif?>


на следующий код:

Code

<div id="frame">  
<div class="ftop-left">
  <div class="ftop-right">
  <div class="ftop"> </div>
  </div>
  </div>
  <div class="frame-left">
  <div class="frame-right">
  <?if($AVATAR_URL$)?>
  <img alt="" title="$USERNAME$" class="userAvatar" border="0" src="$AVATAR_URL$">
  <?else?>
  <img src="/border/nav.jpg" alt="Аватара нет" width="120" height="120"><?endif?>
  </div>
  </div>
  <div class="fbottom-left">
  <div class="fbottom-right">
  <div class="fbottom"> </div>
  </div>
  </div>
</div>


Заодно у нас в случае, если пользователь не поставил аватару, выведется заглушка "Нет аватара". Вот как это выглядит:


Форум » Администрирование сайта uCoz » Управление шаблонами » Рамка для аватара на форуме
  • Страница 1 из 1
  • 1
Поиск:
О портале Igromen.Do.Am
Контакты
В помощь пользователям