Перейти к содержанию

Красивое оформление UserInfoPane


forcer

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

WOLF, спасибо! Помог избавится от этой ёлки! 

 

 

теперь так: 

 

post-8414-0-42677800-1405684285.jpg

Ссылка на комментарий
Поделиться на другие сайты

изменение допустимого размера аватара в настройках АЦ и перезаливка аватара не приводят к результату... 

было 90х90  сделал 124х124 перезалил аватар , а отображается как раньше 90х90 

Ссылка на комментарий
Поделиться на другие сайты

примерно:

 
.ipsUserPhoto_variable {
max-width: 120px !important;
}
Ссылка на комментарий
Поделиться на другие сайты

WOLF, действительно было зашито в ipb_styles.css 

 

поправил 

.ipsUserPhoto_variable { max-width: 155px; }
.ipsUserPhoto_large { max-width: 124px; max-height: 124px; }
Ссылка на комментарий
Поделиться на другие сайты

  • 4 недели спустя...

подскажите как исправить?

post-19030-0-03471900-1408692006.png

Ссылка на комментарий
Поделиться на другие сайты

  • 2 месяца спустя...

И снова здравствуйте!   :D  Это опять я!

 

Через АЦ - Пользователи - Дополнительные поля реализовано графическое поле условно названное "Waze Status" 

 

post-8414-0-80675700-1414568092.png

 

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

 

 

post-8414-0-34299500-1414568817_thumb.pn

 

ума не приложу как сделать что бы выбирать статус "Cat" и вставлять соответствующую картинку статуса 

 

или в идеальном вариант сразу выбирать картинку а не надпись или url 

 

думаю это можно реализовать, если использовать вариант "переключатель" а не "выпадающий список" но не знаю где и что поправить

 

post-8414-0-42087800-1414570329_thumb.pn

Ссылка на комментарий
Поделиться на другие сайты

в профиле это поле тоже отображается ссылкой а не картинкой :( 

вчера рыл шаблоны так и не нашел как это исправить... 

 

post-8414-0-17573900-1414648492_thumb.pn

 


 

Ссылка на комментарий
Поделиться на другие сайты

Тег img?

 

оно понятно что IMG вопрос куда его вставлять  :sorry:

Ссылка на комментарий
Поделиться на другие сайты

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

__prntscr.com/53w979
Ссылка на комментарий
Поделиться на другие сайты

  • 3 месяца спустя...

 

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

__prntscr.com/53w979

Тоже интересует как реализовать такое UserInfo

Ссылка на комментарий
Поделиться на другие сайты

Как разбросать по бокам и так вывести репутацию?

post-10061-0-44045700-1425681658.jpg 

взято с webflake.sx

Ссылка на комментарий
Поделиться на другие сайты

Обсуждалось, нужно приписывать отдельные классы, далее их в css добавлять

Ссылка на комментарий
Поделиться на другие сайты

 

 

Все это будет выглядеть вот так:

attachicon.gifuserinfopane.png

а не подскажите как убрать текст - "Хороший". чтобы просто цифра репутации стояла?

Ссылка на комментарий
Поделиться на другие сайты

а не подскажите как убрать текст - "Хороший". чтобы просто цифра репутации стояла?

есть хук который выводит просто цифру, либо можно просто кодом обойтись 

еще как вариант поправить этот хук 

Ссылка на комментарий
Поделиться на другие сайты

есть хук который выводит просто цифру, либо можно просто кодом обойтись 

еще как вариант поправить этот хук 

а-мммм

а можно или ссылочку на хук, или что и как править?

Ссылка на комментарий
Поделиться на другие сайты

  • 2 недели спустя...

Подскажите, пожалуйста, как сделать такое UserInfoPane 

Ссылка на комментарий
Поделиться на другие сайты

Подскажите, пожалуйста, как сделать такое UserInfoPane 

это какое? 

Ссылка на комментарий
Поделиться на другие сайты

Выбрал картинку и забыл нажать на кнопку загрузить  :facepalm:

 

 

это какое? 

 

post-26689-0-23906300-1427648091.png

Ссылка на комментарий
Поделиться на другие сайты

  • 3 недели спустя...

WOLF, спасибо! Помог избавится от этой ёлки! 

 

 

теперь так: 

 

attachicon.gifСнимок.JPG

 

Как теперь на IPS 4.0.1 такое реализовать а? 

Ссылка на комментарий
Поделиться на другие сайты

На любителя есть такая конфигурация:

post-12405-0-90934900-1429180007.png

Ссылка на комментарий
Поделиться на другие сайты

Спасибо Sanshalay

 

в IPS 4.0.1 добавлено в CSS - core - front - custom - custom.css  код 

 

для рамок:

ul.cAuthorPane_info li.ipsResponsive_hidePhone, ul.cAuthorPane_info li.ipsType_light { 
background: #FFFFFF;
padding:4px;
margin-top:2px;
border:1px solid #DDDDDD;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-align:center;
width:100%;
}

для размера аватара 

.ipsUserPhoto_large img, img.ipsUserPhoto_large, .ipsUserPhoto_large:after {width: 124px; height: 124px;}

получаем примерно это 

 

post-8414-0-64499600-1429187716.jpg

Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

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

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...