Главная » Администрирование сайта » Управление шаблонами » Аватарки на сайте в рамке с закругленными углами

Аватарки на сайте в рамке с закругленными углами

21.08.2011 в 22:34
Автор: DIREN

Всем привет, рассказываю как сделать аватарки на сайте в рамке с закругленными углами.



Так как код аватарок на форуме и в профиле разные, то распишу как сделать аватарки в мини профиле, в профиле и на форуме. 

Для начала нам нужно, зайти в Файловый менеджер, создать там папку ramka, и загрузить в эту папку все картинки из Архива

1. Аватарка в Мини-профиле:

Аватарка в мини профиле будет отображаться при коде: $USER_AVATAR_URL$

Строка кода:
Code
<div><img class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$" border="0"></div>


Делаем рамку дописывая код(готовый код с рамкой):

Code
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td background="/ramka/levo_verh_ygol.png" height="17" width="17">
<div> </div></td>
<td background="/ramka/verh.png" height="17">
<div> </div></td>
<td background="/ramka/pravo_verh_ygol.png" height="17" width="17">
<div> </div></td></tr>
<tr>
<td background="/ramka/levo.png" width="17">
<div> </div></td>
<td><div><img class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$" border="0"> </div></td>
<td background="/ramka/pravo.png" width="17">
<div> </div></td></tr>
<tr>
<td background="/ramka/levo_niz_ygol.png" height="17" width="17">
<div> </div></td>
<td background="/ramka/niz.png" height="17">
<div> </div></td>
<td background="/ramka/pravo_niz_ygol.png" height="17" width="17">
<div> </div></td></tr></tbody></table>


2. Аватарка на Форуме:

Аватарка на фруме будет отображаться при коде: $AVATAR_URL$

Строка кода:
Code
<IMG class=userAvatar title=$USERNAME$ src="$AVATAR_URL$" border="0">


Так же можно сделать так чтоб если у пользователя есть аватар то будет аватар, а если нету то будет картинка типа "нет аватара":
Code
<IMG class=userAvatar title=$USERNAME$ src="$AVATAR_URL$" border="0"><IMG class=userAvatar title=$USERNAME$ src="/ramka/noava.png" border="0">


В коде вместо
может вставить свою картинку "нет аватарки".

Делаем рамку дописывая код(готовый код с рамкой):

Code
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<tr>
<td background="/ramka/levo_verh_ygol.png" height="17" width="17">
<div> </div></td>
<td background="/ramka/verh.png" height="17">
<div> </div></td>
<td background="/ramka/pravo_verh_ygol.png" height="17" width="17">
<div> </div></td></tr>
<tr>
<td background="/ramka/levo.png" width="17">
<div> </div></td>
<TD><DIV><IMG class=userAvatar title=$USERNAME$ src="$AVATAR_URL$" border="0"><IMG class=userAvatar title=$USERNAME$ src="/ramka/noava.png" border="0"> </DIV></TD>
<td background="/ramka/pravo.png" width="17">
<div> </div></td></tr>
<tr>
<td background="/ramka/levo_niz_ygol.png" height="17" width="17">
<div> </div></td>
<td background="/ramka/niz.png" height="17">
<div> </div></td>
<td background="/ramka/pravo_niz_ygol.png" height="17" width="17">
<DIV> </DIV></TD></TR></TBODY></TABLE>


3. Аватарка в профиле:

Аватарка в мини профиле будет отображаться при коде: $_AVATAR$

Строка кода:
Code
<a title="$_USERNAME$">$_AVATAR$</a>


Тут так же можно сделать так чтоб если у пользователя есть аватар то будет аватар, а если нету то будет картинка типа "нет аватара":
Code
<a title="$_USERNAME$">$_AVATAR$</a><a title="$_USERNAME$, а вот с авой у меня туговато"><img src="/ramka/noava.png" border="0" alt="" />


Делаем рамку дописывая код(готовый код с рамкой):

Code
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td background="/ramka/levo_verh_ygol.png" border="0" height="17" width="17">
<div> </div></td>
<td background="/ramka/verh.png" border="0" height="17">
<div> </div></td>
<td background="/ramka/pravo_verh_ygol.png" border="0" height="17" width="17">
<div> </div></td></tr>
<tr>
<td background="/ramka/levo.png" border="0" width="17">
<div> </div></td>
  <td><a title="$_USERNAME$">$_AVATAR$</a><a title="$_USERNAME$, а вот с авой у меня туговато"><img src="/ramka/noava.png" border="0" alt="" /></td>
<td background="/ramka/pravo.png" border="0" width="17">
<div> </div></td></tr>
<tr>
<td background="/ramka/levo_niz_ygol.png" border="0" height="17" width="17">
<div> </div></td>
<td background="/ramka/niz.png" border="0" height="17">
<div> </div></td>
<td background="/ramka/pravo_niz_ygol.png" border="0" height="17" width="17">
<div> </div></td></tr></tbody></table>


Если не понимаете где же всё это редактировать и куда вставлять, то:

Аватрку в профиле -заходим редактировать шаблон Персональная страница пользователя (раздел Пользователи) 

Для форума
- заходим Вид материалов (раздел форум) 

Ну а для
мини-профиля, там просто код пишем, создав новый блок smile


С уважением, DIREN

модули не по назначению, Рамка, аватары


Рейтинг: -5  (помогла ли Вам эта инструкция: да / нет)          Просмотров: 6823          Комментариев: 1

Похожие инструкции

Cristal

Спам
26.02.2012 в 07:46      0  

Alakazaam-information found, problem solved, thnaks!