Главная » Администрирование сайта » Управление шаблонами » Аватарки на сайте в рамке с закругленными углами
 Аватарки на сайте в рамке с закругленными угламиВсем привет, рассказываю как сделать аватарки на сайте в рамке с закругленными углами.  Так как код аватарок на форуме и в профиле разные, то распишу как сделать аватарки в мини профиле, в профиле и на форуме. Для начала нам нужно, зайти в Файловый менеджер, создать там папку 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> Если не понимаете где же всё это редактировать и куда вставлять, то: Аватрку в профиле -заходим редактировать шаблон Персональная страница пользователя (раздел Пользователи) Для форума - заходим Вид материалов (раздел форум) Ну а для мини-профиля, там просто код пишем, создав новый блок  С уважением, DIREN
|
Просмотров: 10379
Похожие инструкции |