Jump to content
View in the app

A better way to browse. Learn more.
IPBMafia.ru - поддержка 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.

Делаем профиль чуть удобнее

By aLEX49566

· 4 377 views

Уменьшаем немного кнопки в профиле - "Обложка", "Настройки профиля", "Изменить профиль" и т.д. смотря какие доп. приложения установлены.

По умолчанию в профиле, в мобильной версии влезает только три кнопки:

Спойлер

003.PNG.917396516df3b89e8ff4c2b01c6b719e.PNG

 

 После правок будет влезать пять и выглядит это куда интереснее:

Спойлер

001.PNG.351f6b8162fbf5c7dcabd54778045626.PNG

 

Идем в шаблон custom.css и вставляем следующий стиль: 

/*доп пункт настроек в профиле*/
@media screen and (max-width: 767px) {
.ipsApp .ipsButton_small_mini {
  font-size: 13.0px;
  line-height: 2.33;
  padding: 0 8px;
}
 }

 

Мы создали новый стиль для ipsButton_small_mini.

Далее, идем в шаблон profileHeader и находим строки с классом ipsButton_small, сразу после этого класса нужно добавить ipsButton_small_mini - это будет класс, который мы создали в custom.css, специально для мобильной версии, именно благодаря ему, пункты меню в профиле станут компактнее.

 

Спойлер

03.PNG.f0e10217d0661669d0422b184b9990fe.thumb.PNG.bc23b5f1cda51304191f6d8387a4862d.PNG

 

Класс ipsButton_small_mini можно добавить для любой кнопки из стороннего приложения, в нашем случае таким оказалось приложение Private Profile.

    • User Feedback

    Recommended Comments

    Master

    aLEX49566

    Актив

    Делаем кнопку "Настройки профиля" как на ips4.7.

    Идем в шаблон profileHeader, находим 23 строку 

    				<li>
					<a href='{url="app=core&module=members&controller=profile&do=edit&id={$member->member_id}" base="front" seoTemplate="edit_profile" seoTitle="$member->members_seo_name"}' class='ipsButton ipsButton_small ipsButton_small_mini ipsButton_overlaid' data-ipsDialog data-ipsDialog-modal='true' data-ipsDialog-title='{lang="profile_edit"}'>
						<i class='fa fa-pencil'></i>&nbsp;<span class='ipsResponsive_hidePhone ipsResponsive_inline'>&nbsp;&nbsp;{lang="profile_edit"}</span>
					</a>
				</li>

    Должно выглядеть так:

    Спойлер

    001.thumb.PNG.fb44e6674e7a58acd554348ca75e70e1.PNG

    Кнопка уже идет с классом ipsButton_small_mini, поэтому если не хотите, что бы она была маленькая, просто удалите этот класс.

    Спойлер

    003.PNG.781717ae794f3848a1d1f9c1ff1f4b02.PNG

     

  • Цитата
    • Master

    aLEX49566

    Актив
    (edited)
    On 29.09.2024 at 21:14, aLEX49566 said:

    Делаем кнопку "Настройки профиля" как на ips4.7.

    Подправил:

    {{if \IPS\Member::loggedIn()->member_id == $member->member_id}}

    <li>

    <a href='{url="app=core&module=system&controller=settings" seoTemplate="settings"}' class='ipsButton ipsButton_small ipsButton_small_mini ipsButton_overlaid' title='{lang="edit_account_settings"}'>

    <i class='fa fa-cog'></i>&nbsp;<span class='ipsResponsive_hidePhone ipsResponsive_inline'>&nbsp;&nbsp;{lang="menu_settings"}</span>

    </a>

    </li>

    {{endif}}

    Edited by aLEX49566

  • Цитата

    • 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
    Добавить комментарий...

    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.