Jump to content

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

Featured Replies

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

 

 

теперь так: 

 

post-8414-0-42677800-1405684285.jpg

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=68442
Share on other sites
  • Replies 101
  • Created
  • Последний ответ
Expand topic overview

Лучшие авторы в теме

Лучшие авторы в теме

Most Popular Posts

WOLF
WOLF

вот что у меня:   после: <ul class='basic_info'> добавляете: <if test="postOnline:|:$author['_online']"> <span><img src="__wolf-host.ru/forum/public/style_images/online.png

Lordbl4
Lordbl4

DimanZM, попробуй использовать поиск и почитать темы с примерами, благо таких хватает. так же есть разжеванная информация по поводу того, какой кусок кода за что в UserInfoPane отвечает   а если не

Bathed
Bathed

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

Expand topic overview

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

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

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=68705
Share on other sites

примерно:

 
.ipsUserPhoto_variable {
max-width: 120px !important;
}
Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=68707
Share on other sites

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

 

поправил 

.ipsUserPhoto_variable { max-width: 155px; }
.ipsUserPhoto_large { max-width: 124px; max-height: 124px; }
Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=68710
Share on other sites
  • 4 недели спустя...

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

post-19030-0-03471900-1408692006.png

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=70372
Share on other sites
  • 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

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=73102
Share on other sites

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

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

 

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

 


 

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=73150
Share on other sites

Ребята, ну помогите а....  :sorry:

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=73249
Share on other sites

Тег img?

 

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

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=73255
Share on other sites

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

__prntscr.com/53w979
Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=73613
Share on other sites
  • 3 месяца спустя...

 

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

__prntscr.com/53w979

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

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=82551
Share on other sites

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

post-10061-0-44045700-1425681658.jpg 

взято с webflake.sx

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=82553
Share on other sites

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

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=82558
Share on other sites

 

 

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

attachicon.gifuserinfopane.png

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

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=83003
Share on other sites

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

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

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

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=83008
Share on other sites

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

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

а-мммм

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

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=83251
Share on other sites
  • 2 недели спустя...

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

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=84286
Share on other sites

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

это какое? 

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=84287
Share on other sites

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

 

 

это какое? 

 

post-26689-0-23906300-1427648091.png

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=84289
Share on other sites
  • 3 недели спустя...

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

 

 

теперь так: 

 

attachicon.gifСнимок.JPG

 

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

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=85330
Share on other sites

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

post-12405-0-90934900-1429180007.png

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=85331
Share on other sites

Это для 4.0 ?  В каком CSS правили ?

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=85332
Share on other sites

Спасибо 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

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=85347
Share on other sites

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.