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

Поделиться1Вт, 13 Мар 2012 12:57:51

Автор: Rhisenn
Заслуженный
Зарегистрирован: Пт, 23 Сен 2011
Сообщений: 237
Уважение: +5
Позитив: +14
Пол: Женский
Последний визит:
Пт, 15 Сен 2017 12:55:41

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

0

Поделиться2Вт, 13 Мар 2012 13:08:13

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51459
Уважение: +15426
Позитив: +12068
Последний визит:
Чт, 15 Май 2025 21:54:43

В 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Вт, 13 Мар 2012 13:10:20

Автор: Rhisenn
Заслуженный
Зарегистрирован: Пт, 23 Сен 2011
Сообщений: 237
Уважение: +5
Позитив: +14
Пол: Женский
Последний визит:
Пт, 15 Сен 2017 12:55:41

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

0

Поделиться4Вт, 13 Мар 2012 13:27:43

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51459
Уважение: +15426
Позитив: +12068
Последний визит:
Чт, 15 Май 2025 21:54:43

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

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

0

Поделиться5Вт, 13 Мар 2012 13:30:19

Автор: Rhisenn
Заслуженный
Зарегистрирован: Пт, 23 Сен 2011
Сообщений: 237
Уважение: +5
Позитив: +14
Пол: Женский
Последний визит:
Пт, 15 Сен 2017 12:55:41

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

0

Поделиться6Вт, 13 Мар 2012 13:38:04

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51459
Уважение: +15426
Позитив: +12068
Последний визит:
Чт, 15 Май 2025 21:54:43

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

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

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

0

Поделиться7Вт, 13 Мар 2012 14:00:56

Автор: Rhisenn
Заслуженный
Зарегистрирован: Пт, 23 Сен 2011
Сообщений: 237
Уважение: +5
Позитив: +14
Пол: Женский
Последний визит:
Пт, 15 Сен 2017 12:55:41

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

0

Поделиться8Вт, 13 Мар 2012 14:09:11

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51459
Уважение: +15426
Позитив: +12068
Последний визит:
Чт, 15 Май 2025 21:54:43

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

+1

Поделиться9Вт, 13 Мар 2012 14:17:51

Автор: Rhisenn
Заслуженный
Зарегистрирован: Пт, 23 Сен 2011
Сообщений: 237
Уважение: +5
Позитив: +14
Пол: Женский
Последний визит:
Пт, 15 Сен 2017 12:55:41

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

0

Поделиться10Вт, 13 Мар 2012 18:11:06

Автор: Rhisenn
Заслуженный
Зарегистрирован: Пт, 23 Сен 2011
Сообщений: 237
Уважение: +5
Позитив: +14
Пол: Женский
Последний визит:
Пт, 15 Сен 2017 12:55:41

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

поставила auto

не помогло.

0

Поделиться11Вт, 13 Мар 2012 19:18:25

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51459
Уважение: +15426
Позитив: +12068
Последний визит:
Чт, 15 Май 2025 21:54:43

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Вт, 13 Мар 2012 22:19:11

Автор: Rhisenn
Заслуженный
Зарегистрирован: Пт, 23 Сен 2011
Сообщений: 237
Уважение: +5
Позитив: +14
Пол: Женский
Последний визит:
Пт, 15 Сен 2017 12:55:41

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

0

Поделиться13Вс, 25 Мар 2012 18:43:26

Автор: Lusiya
Заслуженный
Зарегистрирован: Вс, 11 Мар 2012
Сообщений: 1349
Уважение: +88
Позитив: +398
Пол: Женский
Последний визит:
Сб, 19 Фев 2022 20:00:56

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

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

0

Поделиться14Ср, 28 Мар 2012 01:08:46

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51459
Уважение: +15426
Позитив: +12068
Последний визит:
Чт, 15 Май 2025 21:54:43

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Ср, 28 Мар 2012 01:24:12

Автор: Lusiya
Заслуженный
Зарегистрирован: Вс, 11 Мар 2012
Сообщений: 1349
Уважение: +88
Позитив: +398
Пол: Женский
Последний визит:
Сб, 19 Фев 2022 20:00:56

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

0

Поделиться16Ср, 28 Мар 2012 01:42:09

Автор: ruslan_as
Заслуженный
Зарегистрирован: Пн, 21 Ноя 2011
Сообщений: 815
Уважение: +52
Позитив: +329
Последний визит:
Чт, 5 Янв 2017 11:30:27

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

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

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

0

Поделиться17Ср, 28 Мар 2012 01:45:04

Автор: Lusiya
Заслуженный
Зарегистрирован: Вс, 11 Мар 2012
Сообщений: 1349
Уважение: +88
Позитив: +398
Пол: Женский
Последний визит:
Сб, 19 Фев 2022 20:00:56

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

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

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

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

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

0

Поделиться18Ср, 28 Мар 2012 01:47:11

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51459
Уважение: +15426
Позитив: +12068
Последний визит:
Чт, 15 Май 2025 21:54:43

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

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

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

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

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

0

Поделиться19Ср, 28 Мар 2012 01:47:53

Автор: Lusiya
Заслуженный
Зарегистрирован: Вс, 11 Мар 2012
Сообщений: 1349
Уважение: +88
Позитив: +398
Пол: Женский
Последний визит:
Сб, 19 Фев 2022 20:00:56

http://odinoko.anihub.ru/

0

Поделиться20Ср, 28 Мар 2012 01:51:25

Автор: Lusiya
Заслуженный
Зарегистрирован: Вс, 11 Мар 2012
Сообщений: 1349
Уважение: +88
Позитив: +398
Пол: Женский
Последний визит:
Сб, 19 Фев 2022 20:00:56

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

0

Большие сложности с профилем	Корзина	Сб, 21 Май 2011
Общие вопросы по оформлению (31)	Корзина	Ср, 11 Май 2011
Таблицы на заказ (14)	Архив	Пн, 1 Окт 2012
Общие вопросы по оформлению (61)	Архив	Пт, 10 Фев 2017

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

Меню навигации

Пользовательские ссылки

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