Условия использования:
Вы можете использовать все материалы, соблюдая условия использования бесплатного контента.
Картинки/аватарки с всплывающим описанием при наведении курсора
Вариант оформления списка активистов или админов/модеров с появляющимися описаниями при наведении курсора
Автор: @Gerda
Код:
Стиль:
Как спозиционировать всплывающий блок?
Жирным красным в коде opacity: 0; отмечена прозрачность. Замените ноль на единицу и настройте стиль. Затем можно вернуть обратно.
Как спозиционировать все аватарки в шапке?
1. Во-первых, необходимо задать родительскому элементу position: relative;, как вариант:
.punbb {position: relative;}
но лучше это сделать с вашей шапкой, табличкой или другим элементом, в который вы вставляете картинки.
2. Затем добавляем в стиль: