Здравствуйте, сегодня наконец то нашел время и закончил скрипт который поможет сделать из первой буквы ника пользователя аватар в стили майл но при этом вы легко сможете изменить аватарки под свой вкус так как они будут полностью в ваших руках
Хотел скрипт выложить на платной основе но после посидел подумал и решил этого не делать а если кто то захочет отблагодарить то реквизиты есть в профиле
Данный скрипт писал для информера обновлений на форуме но после решил написать этот пост и показать как использовать данный скрипт в любом месте на сайте
В нужное место где будет выводится картинка аватарки
Код
<span class="avaWaakLogo$ID$"></span>
Сразу под кодом выше разместим следующий скрипт
Код
<script type="text/javascript">
var someText = '$USERNAME$'
var firstChar = someText.substr(0, 1).toLowerCase();
$(".avaWaakLogo$ID$").html('<img src="/ava/'+firstChar+'.png">');
</script>
этот оператор можно поменять на любой другой который выводит ник пользователя
Пример выше подойдет для всех страниц где ник пользователя выводится как текст такие страницы как профиль вид комментарием страница материалов и т.д.
Теперь давайте поправим код выше под информер для форума
В шаблон информера разместим код вывода картинки
Код
<span class="avaWaakLogo$ID$"></span>
Ну и скрипт который мы слегка переделали так как в данном информере оператор выводит не просто ник пользователя а ссылку на ник пользователя нам нужно с начало получить текст ссылки а после получить первую букву и после вывести нужный аватар для этого нам нужен следующий скрипт
Для автора темы
Код
<span style="display: none;" class="ava_inf_avtornik$ID$">$AUTHOR$</span>
Данный код будет хранить ник пользователя для скрипта
В нужное место где будет выводится картинка
Код
<span class="avaWaakLogo$ID$"></span>
Теперь код который будет выводить картинку аватара
Код
<script type="text/javascript">
var someText = $('ava_inf_avtornik$ID$').text();
var firstChar = someText.substr(0, 1).toLowerCase();
$(".avaWaakLogo$ID$").html('<img src="/ava/'+firstChar+'.png">');
</script>
Для автора последнего поста темы
Код
<span style="display: none;" class="ava_inf_avtortemnik$ID$">$POST_USER$</span>
Данный код будет хранить ник пользователя для скрипта
В нужное место где будет выводится картинка
Код
<span class="avaWaakLogo$ID$"></span>
Ну и сам скрипт
Код
<script type="text/javascript">
var someText = $('ava_inf_avtortemnik$ID$').text();
var firstChar = someText.substr(0, 1).toLowerCase();
$(".avaWaakLogo$ID$").html('<img src="/ava/'+firstChar+'.png">');
</script>
Если нужно будет совместить 2 скрипта выше в одном информере то вам придётся изменить в одном из них оператор вывода картинки
пример
на
Если будут вопросы пишите в комментариях
Теперь скачаем набор аватарок который я приготовил и загрузим их в папку
ava если нет такой то создайте её
ВАЖНО! в маём примере скрипт написан для латинского алфавита и цыфор если нужно для русского языка то картинки ва придётся сделать самим сложности в этом нет просто создайте алфавит картинок на русском языке и сохранить их в туже папку что и латинские но только название картинки от А до Я на русском в нижнем регистре то есть маленькими