Рамка аватаров

автор Insilay Октябрь 17th 2013, 01:16

Вопрос насчет туториала: https://help.forum2x2.ru/t32466-topic?highlight=%D0%E0%EC%EA%E0+%E4%EB%FF+%E0%E2%E0%F2%E0%F0%E0
Можно ли сделать так, чтобы рамки на аватарах были с чуть подсвеченными краями, а кнопка не выделялась рамкой?
Рамка аватаров Ddudnd10

И можно ли сделать рамку на аве на подобие подсвечивания цитаты?

автор MakcMay Октябрь 17th 2013, 01:31

https://help.forum2x2.ru/t16123-topic#133484

автор Insilay Октябрь 17th 2013, 01:36

MakcMay, это я уже видел, это немного не то.
Дело в том, что стоит код из тотуриала, авы при наведении курсором двигаются в бок.

автор Insilay Октябрь 17th 2013, 01:40

Ладно, хорошо, с подсветкой мы разобрались, но... Меня вот это волнует:
Рамка аватаров Ddudnd11

Код:: .poster-profile img{ margin-left: 3px; border: 3px solid #6c86ff; -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2); -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2); box-shadow: 4px 4px 4px rgba(0,0,0,0.2); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; border-radius: 5px; } .poster-profile img:hover { -webkit-transform: rotate(-7deg); -moz-transform: rotate(-7deg); -o-transform: rotate(-7deg); } .postdetails a img { background-color: #6c86ff; padding: 2px; 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; }

Что тут надо изменить, чтобы у меня кнопка не выделялась в эту рамку?

автор MakcMay Октябрь 17th 2013, 10:39

https://help.forum2x2.ru/t34359-topic#240097 попробуйте

автор Insilay Октябрь 17th 2013, 14:46

MakcMay, вопрос может быть тупой: но какое отношение полоска онлайн имеет к тому, что у меня внизу под авой кнопка колышится и в рамке? К тому же там движок другой...

автор **Luz** Октябрь 17th 2013, 17:01

Надо убрать из этого кода:

Код:: .postdetails a img { background-color: #6c86ff; padding: 2px; 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; }

этот кусок :

Код:: 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;

автор Insilay Октябрь 17th 2013, 23:21

Luz, к сожалению, это не помогло...

автор Insilay Октябрь 17th 2013, 23:27

я тут пошаманил, код остался таким:

Код:: .poster-profile img{ margin-left: 3px; border: 3px solid #6c86ff; -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2); -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2); box-shadow: 4px 4px 4px rgba(0,0,0,0.2); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; border-radius: 5px; } .poster-profile img:hover { -webkit-transform: rotate(-7deg); -moz-transform: rotate(-7deg); -o-transform: rotate(-7deg); }

Теперь рамка стала такой же тонкой как и на аватаре, но все же кнопка в рамке и тоже шатается Оо

автор Free-Life Октябрь 18th 2013, 13:11

Код:: .poster-profile img

Если не ошибаюсь, этот код накладывает эффекты на все изображения в профиле. Раз там есть изображение-аватар и изображение-звание, рамочки будут у обоих.

автор Insilay Октябрь 18th 2013, 19:29

Free-Life, то есть ничего нельзя сделать и надо просто из профиля в настройках убрать картинку? Получается так. Проблема решилась, спасибо за помощь!

Рамка аватаров

Рамка аватаров

Re: Рамка аватаров

Re: Рамка аватаров

Re: Рамка аватаров

Re: Рамка аватаров

Re: Рамка аватаров

Re: Рамка аватаров

Re: Рамка аватаров

Re: Рамка аватаров

Re: Рамка аватаров

Re: Рамка аватаров