Рамка авы.

автор pioneer Февраль 28th 2011, 15:23

Доброго времени суток. Подскажите кто знает для ВВ3: можно ли сделать рамку авы, но не так как описано в подобных темах (там только как я понял можно добавить картинку в угол, пример был - новогодние шарики), а обычную рамку независимо от того offline или online пользователь и независимо от размера авы??? Заранее благодарен за ответ.

Пока всеми браузерами не будет поддерживаться border-image - нет.
Доступные варианты:
1) Простая рамка-бордюр (как тут: см. третий скрин - https://help.forum2x2.ru/t15581-topic#131201 )
2) Графическая рамка при фиксированной ширине х высоте аватара

автор pioneer Февраль 28th 2011, 15:46

Именно первый вариант и интересует, как здесь

Спойлер:

Только там не описано как это сделать

Так там полный стиль сдан? я только скрин для примера указала...

Для BB3 будет так:

Код:: .postprofile dl dt a img { background-color: #FFFFFF; padding: 6px; margin: 2px 0 6px; border: 1px solid transparent; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; box-shadow: 0 0 10px 0 #C8C8C8; -webkit-box-shadow: 0 0 10px 0 #C8C8C8; -moz-box-shadow: 0 0 10px 0 #C8C8C8; }

В таком случае размер аватара значения не имеет, отступы и рамки формируются автоматически, в зависимости от ширины x высоты картинки

background-color: #FFFFFF - это цвет рамки (по умолчанию стоит белый)

Рамка авы. 621718

Для BB2

Код:: .postdetails a img { background-color: #FFFFFF; padding: 6px; margin: 2px 0 6px; border: 1px solid transparent; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; box-shadow: 0 0 10px 0 #C8C8C8; -webkit-box-shadow: 0 0 10px 0 #C8C8C8; -moz-box-shadow: 0 0 10px 0 #C8C8C8; }

Для Pun

Код:: .user-basic-info a img { background-color: #FFFFFF; padding: 6px; margin: 2px 3px 6px; border: 1px solid transparent; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; box-shadow: 0 0 10px 0 #C8C8C8; -webkit-box-shadow: 0 0 10px 0 #C8C8C8; -moz-box-shadow: 0 0 10px 0 #C8C8C8; }

Для IPB

Код:: .postprofile-details dt a img { background-color: #FFFFFF; padding: 6px; margin: 2px 1px 6px; border: 1px solid transparent; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; box-shadow: 0 0 10px 0 #C8C8C8; -webkit-box-shadow: 0 0 10px 0 #C8C8C8; -moz-box-shadow: 0 0 10px 0 #C8C8C8; }

автор pioneer Февраль 28th 2011, 16:07

Отлично))) Очередное вам спасибо))) Тему можно закрыть. d_daisy

Рамка авы.

Рамка авы.

Re: Рамка авы.

Re: Рамка авы.

Re: Рамка авы.

- перемещение -