Изменяем вывод Аватар в профиле ПС для uCoz

Страница 1 из 1
1

Изменяем вывод Аватар в профиле ПС для uCoz (На главном изображение кнопки они появляются при наведении)

Изменяем вывод Аватар в профиле ПС для uCoz

Andrey_Kaptil

Дата: Чт, 01.07.2021, 21:55 | Сообщение 1

Регистр

05.01.2021

Сообщений

Репутация

Здесь мы изменяем вывод Avatar в персональной странице. А точнее полностью изменяем саму форму, она становиться круглой и на ней будут все функций. Как знаем, идет по умолчанию в квадратной рамке и в низу у него, что пришло сообщение и редактировать. Здесь же у нас будет, те же функций и добавленные, это как отправленные сообщение и принятые. Оттенок цвета будет синий, эффект кнопок будет присутствовать, также ID пользователя будет показан.

На главном изображение мы видим все кнопки и они появятся когда вы наведете на них клик. А по умолчанию будет такая страница, простое закругление, которое безусловно красиво смотрится.

Теперь давайте разберемся, что отвечает за какие действие.

С дизайн думаю разобрались, теперь переходим к установке.

Идем в админ панель и в персональную страницу, если у вас стандартная страница, то ищем такой код, если дизайнерская, что то похожее.

Код

<?if($_AVATAR$)?>$_AVATAR$

<?endif?>
<?if($_UID$)?><div style="padding-bottom:4px;"><img alt="" style="vertical-align:-4px;" border="0" src="http://s77.ucoz.net/img/ma/uid.gif"> <a href="$_UID_URL$" target="_blank"><b>uID профиль</b></a></div><?endif?>
<?if($_CHANGE_DETAILS_URL$)?>[ <a href="$_CHANGE_DETAILS_URL$">Изменить данные</a> ]<?endif?>
<?if($_PM_READ_URL$)?><div style="padding-top:4px;" id="userPMread">[ <a href="$_PM_READ_URL$">Читать ЛС (<b>$UNREAD_PM$</b>)</a> ]</div><?endif?>
<?if($_PM_SEND_URL$)?><div style="padding-top:4px;" id="userPMread">[ <a href="$_PM_SEND_URL$" title="Отправить личное сообщение">Отправить ЛС</a> ]</div><?endif?>

Как нашли его, то убираем и будем прописывать свой оригинальный а точнее заменим.

Код

<div id="wPosition">
<?if($_AVATAR$)?><img src="<?substr($_AVATAR$,54,-65)?>" id="wAvatar"><?else?><img src="https://www.cominet.ml/noavatar.gif" id="wAvatar"><?endif?>
<?if($_PM_READ_URL$)?><a href="/index/14-0-1"><div id="wLCo" title="отправленных сообщений">0</div></a><?endif?>
<?if($_PM_READ_URL$)?><a href="$_PM_READ_URL$" title="входящих сообщений"><div id="wLCp">$UNREAD_PM$</div></a><?endif?>
<?if($_PM_READ_URL$)?><a href="$_PM_READ_URL$" title="читать лс"><div id="wLC"><img src="https://www.cominet.ml/Fresa/pismo.png"></div></a><?endif?>
<?if($_PM_SEND_URL$)?><a href="$_PM_SEND_URL$" title="отправить лс"><div id="wLC"><img src="https://www.cominet.ml/Fresa/pismo.png"></div></a><?endif?>
<?if($_CHANGE_DETAILS_URL$)?><a href="$_CHANGE_DETAILS_URL$" title="редактировать профиль"><div id="wDetali"><img src="https://www.cominet.ml/Fresa/wKerandachFlat.png"></div></a><?endif?>
<a href="$_UID_URL$" target="_blank"><span id="wID">ID $_USER_ID$</span></a>
</div>

<script>$.get('/index/14-0-1',function(data){var wLCo = $('b[class="unread"]',data).length; $('#wLCo').html(wLCo);return false;});</script>

Как все заменили, нам только осталось прописать в CSS стили.

На этом вся установка, вы можете поменять оттенок на свой в стилях, когда будете устанавливать, то сохраните шаблон на точке возврата, и как ставим код также все сохраняем.

Источник: webo4ka.ru

Подписывайтесь! Рекомендуйте нашу группу своим знакомым профессионалам в IT WiN-Prog Наша группа ВКонтакте!

Изменяем вывод Аватар в профиле ПС для uCoz (На главном изображение кнопки они появляются при наведении)

Страница 1 из 1
1