353

Шаблон для шапки в профиле1

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

[ссылка для открытия в новом окне]


Инструкция:

- серая область видна всем

- зелёный круг спрятан за аватаркой

- ярко-зелёная линия это граница, она ещё не видна, но всё что дальше неё - видно


Можно нагуглить множество картинок по запросам "circle avatar frame" и "circle avatar border", и прилепить вокруг рамки, отбросить на фон тень или яркий свет, в общем всё, на что будет способна ваша фантазия.


Парочка примеров, накидал на скорую руку:

Беда лишь в том, что в мобильной версии будет немного съезжать, но с этим ничего не поделать ¯\_(ツ)_/¯

Пикабу головного мозга

3.3K постов7.9K подписчиков

Правила сообщества

В сообществе не допускаются:

- оскорбления;

- флуд и спам;

- непотребный контент

Вы смотрите срез комментариев. Показать все
2
Автор поста оценил этот комментарий

@SupportTech, А нельзя ли сделать задник двухслойним для десктоп и мобильной версии: бэкграунд и окантовку аватара разделить?

раскрыть ветку (3)
2
Автор поста оценил этот комментарий

Это прямо отдельная фича, такое долго пилить надо)

раскрыть ветку (2)
2
Автор поста оценил этот комментарий
Даа, сделать слой с абсолютным расположением и на нем разместить два элемента... Этот манёвр будет стоит нам 67 лет
раскрыть ветку (1)
1
Автор поста оценил этот комментарий

Уточню, не долго пилить, а у такой задачи будет низкий приоритет, и в текущий бэклог она попадёт на нереально далёкое будущее

Вы смотрите срез комментариев. Чтобы написать комментарий, перейдите к общему списку