Jump to content

Стиль & обводка аватарок

Featured Replies

Posted

Всех приветсвую.

Подскажите пожалуйста, как реализовать стиль и обводку аватарки. (Показано на изображении)

Показать контент

 

привет. вроде есть код сделать в полигоне.

ну а об водку можно и самому добавить

Показать контент
Показать контент

 

  On 08.08.2022 at 16:36, Anche said:

Почти близко)

Поигрался с border-radius.

Показать контент

Чтобы не измываться над своим разумом посмотри html5book.ru/css-figury/?ysclid=l6kzettb5i693491497

И сделаешь на любой выбор

Anche Не кривись. Там примеры какие захочешь и все с помощью css.

 

Edited by AHristich

  On 08.08.2022 at 17:04, Anche said:

AHristich Странно, но с этим не получается, допустим ромбик я попытался сделать, 

вставляется просто фигура, самой авватарки нет.

Ну мы же не знаем как вы делаете 🤷‍♂️

  On 08.08.2022 at 16:11, SlawkA said:
clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);

Так не?)

  On 08.08.2022 at 17:50, Anche said:

AHristich Странно, но я у себя не могу найти .ipsUserPhoto.

Шаблон default.

Я тестил через код элемента.

В custom.css добавь этот код.

В Томске час ночи еслиф што :)

  On 08.08.2022 at 17:46, AHristich said:
.ipsUserPhoto {

Сюда надо вставить это:

  On 08.08.2022 at 17:29, aLEX49566 said:

Так не?)

 

И потом уже радоваться ))

Вернее сюда

 

.ipsUserPhoto {

это:

clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
  On 08.08.2022 at 18:29, Anche said:

2.png

Как подогнать под контуры аватара?)

image.png.9e2a784d062fbecb54ada80b7d8d33e2.png

Anche Ставь код внизу ничего не удаляя

Anche В общем должно выглядет так

Anche 

Показать контент

 

Anche image.png.e36490481df4722cb8e60d87d605e3d7.png

Anche image.png.dd2866a1625682104081ff8085201a07.png

SlawkA 

.ipsUserPhoto {
    background: transparent;
  clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
}

 

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.