Отражение аватара а-ля русторка в топиках

ГРИГОРИЙ ЛЕПС

Пользователь
Заливаем файл reflection.js в папку /misc/js


Открываем includes/functions.php

Находим:

Код:
case USER_AVATAR_UPLOAD:
                $user_avatar = ( $bb_cfg['allow_avatar_upload'] ) ? '<img src="'. $bb_cfg['avatar_path'] .'/'. $avatar .'" alt="" border="0" '. $height .' '. $width .'/>' : '';
                break;
меняем на:

Код:
case USER_AVATAR_UPLOAD:
                $user_avatar = ( $bb_cfg['allow_avatar_upload'] ) ? '<img src="'. $bb_cfg['avatar_path'] .'/'. $avatar .'" alt="" border="0"class="reflect rheight40 ropacity25"  '. $height .' '. $width .'/>' : '';
                break;

Находим:

Код:
case USER_AVATAR_REMOTE:
$user_avatar = ( $bb_cfg['allow_avatar_remote'] ) ? '<img src="'. $avatar .'" alt="" border="0" onload="imgFit(this, 100);" onClick="return imgFit(this, 100);" />' : '';
break;

меняем на:

Код:
case USER_AVATAR_REMOTE:
$user_avatar = ( $bb_cfg['allow_avatar_remote'] ) ? '<img src="'. $avatar .'" alt="" border="0" class="reflect rheight40 ropacity25" onload="imgFit(this, 100);" onClick="return imgFit(this, 100);" />' : '';
break;

Находим:

Код:
case USER_AVATAR_GALLERY:
                $user_avatar = ( $bb_cfg['allow_avatar_local'] ) ? '<img src="'. $bb_cfg['avatar_gallery_path'] .'/'. $avatar .'" alt="" border="0" '. $height .' '. $width .'/>' : '';
                break;

меняем на:

Код:
case USER_AVATAR_GALLERY:
                $user_avatar = ( $bb_cfg['allow_avatar_local'] ) ? '<img src="'. $bb_cfg['avatar_gallery_path'] .'/'. $avatar .'" alt="" border="0"class="reflect rheight40 ropacity25"  '. $height .' '. $width .'/>' : '';
                break;

Открываем /templates/default/viewtopic.tplвначале вставляем
Код:
<script type="text/javascript" src="/misc/js/reflection.js"></script>

Открываем /templates/default/css/main.css

Находим:

Код:
.poster_info .avatar { margin: 5px 0 4px; max-width: 100px; max-height: 100px; overflow: hidden; }

меняем на:

Код:
.poster_info .avatar { margin: 5px 0 4px; max-width: 100px; max-height: 140px; overflow: hidden; }

Так же Вы можете регулировать размер и прозрачность отражения.
rheight - размер отображения;
ropacity - прозрачность отражения;
при этом не забывайте в main.css увеличивать max-height: на размер отображения.
 

Вложения

  • reflection.rar
    1.6 KB · Просмотры: 18

ГРИГОРИЙ ЛЕПС

Пользователь
помогите выровнять тень Безымянный.png
 
Сверху