Красивые буквы вместо аватарки для сайта
Теперь вы можете на сайте вместо аваратки автоматически поставить букву, которая будет идти первой вашем нике, где форма в стиле Mail. Ранее были скрипты, но после обновление системы они не стали корректно работать, а точнее ресурс майл обновил их. Но теперь все будет происходить и работать через скрипт, где за вами остается право на их редактирование в изменение под свой формат сайта. Спасибо пользователю waak, который создал его, что теперь можно закрыть места, для тех, кто не поставил Avatar, да и если говорить о конструкторе, то почему то получаются битые ссылки, что теперь можно кардинально изменить. Где безусловно будет смотреться уникально, что основном идет под комментарий или на персональной странице. Что теперь у вас появилась возможность в установке, там где посчитаете нужным, но а точнее, где идет изображение пользователя, это как информер или отдельная страница. Здесь будет представлена несколько версий: Так визуально смотрится и идет по умолчанию: Приступаем к установке: Первое, что делаем, это скачиваем архив, и что там находится, перетаскиваем файловый менеджер в папку ava, если нет такой, то создаем под таким именем. Эта версия идет на такие формы вывода на замену, как профиль пользователя, также вид комментарием и страница материалов. По месту, где хотите видеть такую вариацию аватар. Код <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> Если говорить про оператор, то можно поменять на любой другой который выводит ник пользователя. Код $USERNAME$ 2 Версия: Она идет под информер и на модуль форума: В шаблон информера разместим код вывода снимка: Код <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 скрипта, что предоставлены выше в одном информере, то вам придётся изменить в одном из них оператор вывода картинки Как пример: Код .avaWaakLogo$ID$ на Код .avaWaakLogoava$ID$ На этом вся установка, как поняли, что теперь можно пременять по всем модулям и включая информеры, где будет выводится значение первой буквы. Автор: waak Источник: Talantlev.ucoz.ru Рекомендую посетить этот ресурс, так как автор, сам пишет оригинальные скрипты, вообщем весь материал. |
Поделиться в социальных сетях
Материал разместил
Комментарии: 12 | |
| |