Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Корзина » Обводка аватара, как обводка профиля.


Обводка аватара, как обводка профиля.

Сообщений 1 страница 20 из 42

1

Возник такой вопрос, как сделать рамку для аватара? Не картинкой, а просто линией, ну как профиль вот здесь http://themorion.ru/viewtopic.php?id=35#p35

0

2

В HTML верх

<style>
.post-author ul li.pa-avatar {
    margin-bottom:12px;
width:170px;
    background:transparent:none!important;
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;

    box-shadow: 0px 5px 18px #000;
    -webkit-box-shadow:0px 5px 18px #000;
    -khtml-box-shadow:0px 5px 18px #000;
    -moz-box-shadow:0px 5px 18px #000;
}
</style>

Отредактировано Deff (Вт, 13 Мар 2012 14:08:48)

+1

3

Deff
Ничего не изменилось.....

0

4

Rhisenn
:glasses: Изменилось во всех браузерах - кроме ИЕ - У Вас - Ие ?

http://uploads.ru/t/b/5/y/b5ywG.png

Отредактировано Deff (Вт, 13 Мар 2012 13:29:48)

0

5

Deff
У меня хром. и обводка ПРОФИЛЯ уже ведь стоит. Нужна именно внутри этого профиля обводка аватара.

0

6

Rhisenn написал(а):

У меня хром. и обводка ПРОФИЛЯ уже ведь стоит. Нужна именно внутри этого профиля обводка аватара.

Сдедайте итоговый эскиз - ка должно выглядеть ... (*Можно и рамкой

0

7

Deff
Извините, что так долго - на работе.)
http://wolves.roleforum.ru/viewtopic.php?id=21&p=6 как вот здесь. Просто обычная такая рамочка, если ее можно закруглить и сделать по виду ТОЧНО такой же как обводка самого профиля, то шикарно.

0

8

Rhisenn
Поправил пост 2

+1

9

вооооо! Шикарно! Спасибо огромное!

0

10

Тэкс, возникли трудности.... Все аватары у нас по 170 шириной, но те у кого ЧЕТКИЕ края, а не размытые, смотрится ужасно... Можно ли как то сделать так, чтобы рамка была ВСЕГДА больше аватара, чтобы ни один аватар не смог вылезти за ее границы?
Я уже и в значении
<style>
.post-author ul li.pa-avatar {
    margin-bottom:12px;
width:170px;

поставила auto

не помогло.

0

11

Rhisenn

Код:
<style>
.post-author ul li.pa-avatar img{
    background:transparent none!important;
max-width:170px;
height:auto;
margin:-8px;
    width:auto!important;
    background:transparent none!important;
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;

    box-shadow: 0px 5px 18px #000;
    -webkit-box-shadow:0px 5px 18px #000;
    -khtml-box-shadow:0px 5px 18px #000;
    -moz-box-shadow:0px 5px 18px #000;
 }
.post-author ul li.pa-avatar{
    margin:8px;
}
</style>

+2

12

Deff
Вау! Как круто смотрится то! Спасибо!

0

13

мне так понравилась эта рамочка для аватара....
А можно добавить еще такую же рамочку, только чтобы на ней уже были и сам Аватар, Уважения, Приглашения, Награды и т.д., вся онформация в этой части профиля и при добавлении наград ничего не выходило за приделы этой рамочки?
СПАСИБО!!!!

Отредактировано Lusiya (Вс, 25 Мар 2012 19:24:08)

0

14

Lusiya
:glasses:
В HTML верх

Код:
<style>
.post-author ul {
    margin:12px;
width:170px;
    background:transparent:none!important;
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;

    box-shadow: 0px 5px 18px #523E3E;
    -webkit-box-shadow: 0px 5px 18px #523E3E;
    -khtml-box-shadow: 0px 5px 18px #523E3E;
    -moz-box-shadow: 0px 5px 18px #523E3E;
 }
</style>

Не стирайте ссылки на форум, поскольку нельзя проверить непосредственно на ресурсе

+1

15

ок, DEFF!!!! ТО ЧТО НУЖНО!!!!!!! СПАСИБО ЕЩЕ РАЗ!!!!!!!!!!!!!!!!!!!!!!!! :cool:  :cool:  :cool:
Deff, Вы меня простите, по поводу смайликов. А в первый But1 (которые с этого форума смайлики)как их добавлять? Крутила, вертела, так и не получилось

0

16

Lusiya написал(а):

Крутила, вертела, так и не получилось

Смайлики?? так Deff добавил....
вот эти http://uploads.ru/i/4/P/k/4Pkja.gif  http://uploads.ru/i/a/Z/R/aZRew.gif  http://uploads.ru/i/A/O/i/AOiCY.gif  http://uploads.ru/i/y/W/D/yWD7S.gif  http://uploads.ru/i/U/I/E/UIEOJ.gif  http://uploads.ru/i/6/I/8/6I8fa.gif  http://uploads.ru/i/2/U/s/2Used.gif  http://uploads.ru/i/9/6/s/96sBN.gif  http://uploads.ru/i/T/u/h/Tuh6l.gif  http://uploads.ru/i/x/q/n/xqnMl.gif  http://uploads.ru/i/F/4/t/F4tO7.gif  http://uploads.ru/i/0/W/G/0WGP5.gif  http://uploads.ru/i/N/x/T/NxTlC.gif  http://uploads.ru/i/s/1/U/s1UgC.gif  http://uploads.ru/i/W/9/7/W97rR.gif  http://uploads.ru/i/w/U/8/wU8uA.gif  http://uploads.ru/i/l/h/6/lh6ci.gif

0

17

ruslan_as написал(а):

Lusiya написал(а):

Крутила, вертела, так и не получилось

Смайлики?? так Deff добавил....
вот эти

У меня нет таких :(

0

18

Lusiya написал(а):

Deff, Вы меня простите, по поводу смайликов. А в первый But1 (которые с этого форума смайлики)как их добавлять? Крутила, вертела, так и не получилось

Ссылку дайте на фор - мну добавит и выложит

Там скрипт поменялся (после Выдачи файла,
Файл перезальёте сами(Администрирование файлы) и ссылку в HTML верх придецо заменить на свежезалитый в Администрирование файлы(ссылка -клик по имени файла в Адресном окне

Отредактировано Deff (Ср, 28 Мар 2012 01:49:27)

0

19

http://odinoko.anihub.ru/

0

20

ок, я вроде там не много поняла... думаю, получится

0


Вы здесь » Единый форум поддержки » Корзина » Обводка аватара, как обводка профиля.