[Вопрос]

Народ, всех с новым гАдом)) У меня вопрос.

Как можно (и можно ли) на булке сотворить такие авки по умолчанию как на IPS



И куда копать чтобы их сотворить? Очень нужно.

@Kaarme, https://vbsupport.ru/forum/showthread.php?t=37871

@Sayf, это не то. У ИПС "аватар по умолчанию" генерируется с первой буквой ника пользователя.

Originally Posted by Kaarme

И куда копать чтобы их сотворить? Очень нужно.

покопать офсайт, если там нет - заказывать

@Kaarme, like this?

Originally Posted by Luvilla

У ИПС "аватар по умолчанию" генерируется с первой буквой ника пользователя.

Вот мне так и надо. Я знаю что так можно на булке, потому что True у себя сделал.
Но я хочу такие сам, а не чтобы кто-то. Я сам хочу разобраться как это.
Заказать я всегда успею.

Kaarme добавил 09.01.2022 в 13:58

Originally Posted by Luvilla

like this?

Вот, это то что мне нужно. Куда копать??
И кстати у XF тоже такая фишка есть, я подсмотрел на оф. форуме xf.
ИМеется ввиду офсайт IPS? Да туда надо заглянуть.
Может стоит и IPS поставить и посмотреть как там у них в коде. Как вариант.

@Kaarme, у последнего IPB есть волшебная SVG-шка, которой передаются первая буква, цвет текста и фона в качестве параметров. Вот упрощённый код. У меня там ещё динамическая автоматическая генерация уникальной для каждого юзера комбинации текста и фона, я её вырезал, это уже достойно отдельной статьи.

PHP Code:

function makeImageFromFirstLetter($text = '?', $textColor, $backgroundColor) {
    $avatar_letter = strtoupper(mb_substr($text, 0,1));
    $url = 'data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%20style%3D%22background%3A'.$backgroundColor.'%22%3E%3Cg%3E%3Ctext%20text-anchor%3D%22middle%22%20dy%3D%22.35em%22%20x%3D%22512%22%20y%3D%22512%22%20fill%3D%22%23' .$textColor. '%22%20font-size%3D%22700%22%20font-family%3D%22-apple-system%2C%20BlinkMacSystemFont%2C%20Roboto%2C%20Helvetica%2C%20Arial%2C%20sans-serif%22%3E'.$avatar_letter.'%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fsvg%3E';
    return $url;
} 


Можно сделать и иначе, с помощью чистого CSS:

.navbarAvatarText {
    display: none
}
[data-avatartext]:before {
    content:attr(data-avatartext);
    display:inline-block;
    font-size:20px;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    vertical-align:middle;
    text-transform: uppercase;
}

И соответственно, в шаблоне примерно такое:

<div class='navbarAvatarText' style='border-radius:50%; color: $textColor; background: $backgroundColor' data-avatartext='{$avatar_letter}'></div>

Не забудь вычислить первую букву для переменной $avatar_letter

@True, спасибо))

Originally Posted by True

Можно сделать и иначе, с помощью чистого CSS:

Вот чистый css как-то мне больше по душе.
Я попробую.

Originally Posted by True

Не забудь вычислить первую букву для переменной $avatar_letter

Попробую не забыть.
Еще раз спасибо))

Kaarme добавил 09.01.2022 в 17:30
Один момент. Это код что первый наверху выводит аватару на первую страницу в темах, а мне это не особо нужно, мне нужно внутри темы, вот как у Лью на скрине.
Но все равно спасибо, покопаю.

Originally Posted by Kaarme

Один момент. Это код что первый наверху выводит аватару на первую страницу в темах, а мне это не особо нужно, мне нужно внутри темы, вот как у Лью на скрине.
Но все равно спасибо, покопаю.

а какая разница? Переименуй класс, поставь нужные размеры и будет работать.

@True, я не про скругление. Мне не надо как у тебя на форуме... на главной странице в темах, мне нужно только внутри темы так. Главная страница мне и так нравится, без аватарок.
Чета я видимо объясняю как дудук.
Видимо сегодня мне кодить не надо(

@Kaarme, видимо, не надо.