Перейти к публикации
View in the app

A better way to browse. Learn more.

Дизайн и модификация Invision Community

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

округление углов у аватара

Опубликовано:

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

он в лево съехал..О,о и теперь это смотриться примерно так..:

 

post-41722-0-53022900-1291142783_thumb.png

 

в общем я просто вставлю то, что напихал в конец ipb_styles.css...

отпишите плиз, что не правильно, и чего не хвотает...

li.avatar {
background: #ffffff; /* фон */ 
       border: 3px solid #ffffff; /* окантовка */
       border-radius: 15px; /* закругление */
       -moz-border-radius: 15px; /* закругление */
       -webkit-border-radius: 15px; /* закругление */
       display: inline-block;
       padding: 1px; /* отступ */
}

Зарание благодарю..^^

Рекомендованные сообщения

Опубликовано:

Может, паддинг там лишний?

Опубликовано:
  • Автор

не... там паддинг как отступ контура от аватара идёт..Т__т..

чот другое надо....

а как обычно закругляют..?^^

или как выравнивание по центру задать..?^^

можно даже по пикселям...) точнее лутше..)))

Опубликовано:

Да так можно закруглить (кроме IE)

Попробуйте добавить

text-align: center;

Это свойство, возможно, надо в класс .user_details (он над li)

 

Зы

Если не поможет, тогда добавьте в свойства для li.avatar

margin-left: 20px;

20 - это примерно.

Будет не по центру, но приемлемо

Опубликовано:
  • Автор

1-ый не помог..,

я у тебя в стиле этот класс не нашол...

 

2-ой помог... частично..:

post-41722-0-43421600-1291146976_thumb.pngpost-41722-0-58433800-1291146993_thumb.png

Опубликовано:

Если класс не нашли, можно же дописать.

Думаю, там display: inline-block; влияет. Изначально В li.avatar пространство на 100%, а аватар в середине болтается. А с block - оно сжато...

 

Кстати, li.avatar можно не трогать.

 

Закругление и контур дописать, добавив это

li.avatar img {
       border: 3px solid #ffffff; /* окантовка */
       border-radius: 15px; /* закругление */
       -moz-border-radius: 15px; /* закругление */
       -webkit-border-radius: 15px; /* закругление */
}

Опубликовано:
  • Автор

Спасибо..^^

Создайте аккаунт или войдите в него для комментирования

Сейчас на странице 0

  • Нет пользователей, просматривающих эту страницу.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.