UI.X 1.5.22.0

iXen · 19 Июл 2016

Pokschubin написал(а):
Gerol, Шесть 5 тебе за ответ. Есть еще, но: не по центру отображается. Куда еще прописать код?
Ну это как то не сработала модификация на трёх форумах на разных стилях от uix

В поиске по шаблонам найдите это:

Код:

#XenForo a.externalProvider span {
}

И добавьте:

Код:

#XenForo a.externalProvider span {
text-align: center;
}

Pokschubin · 19 Июл 2016

далеко ходить не пришлось:

Код:

/*
* When enabled, this hides default providers.
* Rather than simply removing the providers via
* Template Modification, this method prevents
* conflictions from other addons that may add
* their own provider.
*/
<xen:if is="{$xenOptions.externalMinimal}">
    li a.eeProxy,
    li span.eeProxy
    {
        display: block !important;
    }
</xen:if>

/* Login Disabler */
<xen:if is="{$xenOptions.externalLogin}">
    #loginBar form.eAuth #eAuthUnit
    {
        position: relative !important;
   
        margin: 0 auto;
    }
</xen:if>

/* Horizontal Buttons */
<xen:if is="@eeLoginHorizontal">
    .eeLogin
    {
        margin: 0 auto;
    }

    .eeLogin .ctrlUnit
    {
        display: inline-block;
        margin: 0;
    }

    .eeLogin .ctrlUnit:after
    {
        clear: unset;
        content: "";
    }

    .eeLogin .ctrlUnit > dd
    {
        height: 0;
        margin: 10px 0;
    }

    .eeLogin .ctrlUnit > dt
    {
        padding: 0;
        width: 0;
    }
</xen:if>

/* Removes text-decoration on hover */
#eAuthUnit li a:hover,
#pageLogin .ctrlUnit dd a:hover
{
    text-decoration: none;
}

/* Fixes Login for multiple providers */
#loginBar form.eAuth #eAuthUnit
{
    overflow-x: hidden;
    overflow-y: auto;

    height: 100%;
    width: 200px;

    right: -10px !important;
}

/* External Minimal Button */
a.externalMinimal,
#loginBar a.externalMinimal
{
    background: #303030;
}

    a.externalMinimal span:before
    {
        background: none !important;
    }

a.externalMinimal:active,
#loginBar a.externalMinimal:active
{
    background-color: #303030;
}

/* All External Providers */

/* Global Options (standard display) */

/* External Provider Default Icon Styling */
a.externalProvider span
{
    display: block;
    padding: 3px;
    padding-left: 23px;
    white-space: nowrap;
    overflow: hidden;
}
a.externalProvider span:before
{
    content: " ";
    background: url("styles/default/xenforo/external/sprite-20.png");
    background-repeat: no-repeat;
    display: block;
    position: absolute;

    width: 20px;
    height: 20px;

    margin-left: -23px;
    margin-top: -3px;
}

a.externalProvider,
#loginBar a.externalProvider
{
    display: inline-block;
    width: @eAuthButtonWidth;
    height: 22px;
    box-sizing: border-box;
    cursor: pointer;

    color: #FFFFFF !important;

    border-radius: 3px;
    padding-left: 2px;

    font-weight: bold;
    font-size: 11px;
    line-height: 14px;
}

/* Provider-Specific */
a.soundCloudLogin,
#loginBar a.soundCloudLogin
{
    background: #ffa348;
    background: -moz-linear-gradient(top, #ffa348 0%, #e67301 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa348), color-stop(100%,#e67301));
    background: -webkit-linear-gradient(top, #ffa348 0%,#e67301 100%);
    background: -o-linear-gradient(top, #ffa348 0%,#e67301 100%);
    background: -ms-linear-gradient(top, #ffa348 0%,#e67301 100%);
    background: linear-gradient(to bottom, #ffa348 0%,#e67301 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa348', endColorstr='#e67301',GradientType=0 );
}

    a.soundCloudLogin span:before
    {
        background-position: -50px -26px;
    }

a.soundCloudLogin:active,
#loginBar a.soundCloudLogin:active
{
    background-color: #ffa348;
}

a.tumblrLogin,
#loginBar a.tumblrLogin
{
    background-color: #36475d;
    border: #36465d solid 1px;
}

    a.tumblrLogin span:before
    {
        background-position: -26px -50px;
    }

a.tumblrLogin:active,
#loginBar a.tumblrLogin:active
{
    background-color: #36475d;
}

a.vkLogin,
#loginBar a.vkLogin
{
    background-color: #54769b;
    border: #54769b solid 1px;
}

    a.vkLogin span:before
    {
        background-position: -74px -26px;
    }

a.vkLogin:active,
#loginBar a.vkLogin:active
{
    background-color: #54769b;
}

a.odnoklassnikiLogin,
#loginBar a.odnoklassnikiLogin
{
    background: #fb8012;
    background: -moz-linear-gradient(top, #fb8012 0%, #ff3901 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb8012), color-stop(100%,#ff3901));
    background: -webkit-linear-gradient(top, #fb8012 0%,#ff3901 100%);
    background: -o-linear-gradient(top, #fb8012 0%,#ff3901 100%);
    background: -ms-linear-gradient(top, #fb8012 0%,#ff3901 100%);
    background: linear-gradient(to bottom, #fb8012 0%,#ff3901 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb8012', endColorstr='#ff3901',GradientType=0 );

    border: #d05300 solid 1px;
}

    a.odnoklassnikiLogin span:before
    {
        background-position: -26px -26px;
    }

a.odnoklassnikiLogin:active,
#loginBar a.odnoklassnikiLogin:active
{
    background-color: #be3e2e;
}

a.githubLogin,
#loginBar a.githubLogin
{
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );

    border: #c9c9c9 solid 1px;

    color: #515151 !important;
}

    a.githubLogin span:before
    {
        background-position: -26px -2px;
    }

a.githubLogin:active,
#loginBar a.githubLogin:active
{
    background-color: #ffffff;
}

a.linkedinLogin,
#loginBar a.linkedinLogin
{
    background: #7dbcd6;
    background: -moz-linear-gradient(top,  #7dbcd6 0%, #55a6c9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7dbcd6), color-stop(100%,#55a6c9));
    background: -webkit-linear-gradient(top,  #7dbcd6 0%,#55a6c9 100%);
    background: -o-linear-gradient(top,  #7dbcd6 0%,#55a6c9 100%);
    background: -ms-linear-gradient(top,  #7dbcd6 0%,#55a6c9 100%);
    background: linear-gradient(to bottom,  #7dbcd6 0%,#55a6c9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7dbcd6', endColorstr='#55a6c9',GradientType=0 );

    border: #55a6c9 solid 1px;
}

    a.linkedinLogin span:before
    {
        background-position: -50px -2px;
    }

a.linkedinLogin:active,
#loginBar a.linkedinLogin:active
{
    background-color: #f9f9f9;
}

a.twitchLogin,
#loginBar a.twitchLogin
{
    background-color: #6441A5;
}

    a.twitchLogin span:before
    {
        background-position: -50px -50px;
    }

a.battlenetLogin:active,
#loginBar a.battlenetLogin:active
{
    background-color: #6441A5;
}

a.battlenetLogin,
#loginBar a.battlenetLogin
{
    background: #0f9ada;
    background: -moz-linear-gradient(top,  #0f9ada 0%, #0076ad 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f9ada), color-stop(100%,#0076ad));
    background: -webkit-linear-gradient(top,  #0f9ada 0%,#0076ad 100%);
    background: -o-linear-gradient(top,  #0f9ada 0%,#0076ad 100%);
    background: -ms-linear-gradient(top,  #0f9ada 0%,#0076ad 100%);
    background: linear-gradient(to bottom,  #0f9ada 0%,#0076ad 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f9ada', endColorstr='#0076ad',GradientType=0 );

    border: #55a6c9 solid 1px;
}

    a.battlenetLogin span:before
    {
        background-position: -2px -2px;
    }

a.battlenetLogin:active,
#loginBar a.battlenetLogin:active
{
    background-color: #f9f9f9;
}

a.liveLogin,
#loginBar a.liveLogin
{
    background: #ffffff;

    border: #e3e3e3 solid 1px;

    color: #000000 !important;
}

    a.liveLogin span:before
    {
        background-position: -2px -26px;
    }

a.live:active,
#loginBar a.live:active
{
    background-color: #f9f9f9;
}


a.stravaLogin,
#loginBar a.stravaLogin
{
    background: #fc4c02;

    border: #fc4c02 solid 1px;
}

    a.stravaLogin span:before
    {
        background-position: -2px -50px;
    }

a.strava:active,
#loginBar a.strava:active
{
    background-color: #f9f9f9;
}

a.vimeoLogin,
#loginBar a.vimeoLogin
{
    background: #1ab7ea;

    border: #1ab7easolid 1px;
}

    a.vimeoLogin span:before
    {
        background-position: -74px -2px;
    }

a.vimeo:active,
#loginBar a.vimeo:active
{
    background-color: #1ab7ea;
}

a.instagramLogin,
#loginBar a.instagramLogin
{
    color: #483e33 !important;
    background: #ece5d6;
}

    a.instagramLogin span:before
    {
        background-position: -74px -49px;
    }

a.instagram:active,
#loginBar a.instagram:active
{
    background-color: #ece5d6;
}

/* Enables UI.X Support */
<xen:if is="@eeUIX">
    a.externalProvider span:before
    {
            margin-left: -27px;
            margin-top: 6px;
    }

    #XenForo a.externalProvider span {
               
        margin: 0;
        padding: 0 {xen:calc '@uix_gutterWidthSmall + 21'}px;
        border: none;
        text-shadow: none;
        width: auto;
        height: @uix_formElementHeight;
        line-height: @uix_formElementHeight;
        border-radius: @uix_globalBorderRadius;
    }
   
    #XenForo a.externalProvider, #loginBar a.externalProvider
    {
        display: block;
        background: none;
        margin: 0;
        padding: 0;
        border: none;
        text-shadow: none;
        color: #FFF;
        width: 100%;
        height: auto;
        font-size: @uix_globalLargeFontSize;
        border-radius: @uix_globalBorderRadius;
    }
    #XenForo a.externalProvider span:hover
    {
        background: rgba(0, 0, 0, 0.1);
    }

    #XenForo a.externalMinimal, #loginBar a.externalMinimal { background: #303030; }
    #XenForo a.soundCloudLogin, #loginBar a.soundCloudLogin { background: #ffa348; }
    #XenForo a.vkLogin, #loginBar a.vkLogin { background: #54769b; }
    #XenForo a.tumblrLogin, #loginBar a.tumblrLogin { background: #36475d; }
    #XenForo a.odnoklassnikiLogin, #loginBar a.odnoklassnikiLogin { background: #fb8012; }
    #XenForo a.githubLogin, #loginBar a.githubLogin { background: #f5f5f5; }
    #XenForo a.linkedinLogin, #loginBar a.linkedinLogin { background: #7dbcd6; }
    #XenForo a.twitchLogin, #loginBar a.twitchLogin { background-color: #6441A5; }
    #XenForo a.battlenetLogin, #loginBar a.battlenetLogin { background: #0f9ada; }
    #XenForo a.liveLogin, #loginBar a.liveLogin{ background: #FFFFFF; }
    #XenForo a.stravaLogin, #loginBar a.stravaLogin{ background: #fc4c02; }
    #XenForo a.vimeoLogin, #loginBar a.vimeoLogin{ background: #fc4c02; }
    #XenForo a.instagramLogin, #loginBar a.instagramLogin{ background: #ece5d6; }
</xen:if>

Нашёл страчку, и менял и добавлял. ни как не хочет по центу быть.

external_accounts.css вот шаблон

Mirovinger · 19 Июл 2016

Линк на проблему.

Пробуйте в EXTRA.css.

Код:

#XenForo a.vkLogin, #loginBar a.vkLogin {
    text-align: center;
}

.vkLogin.externalProvider > span:before {
  margin-left: 53px;
}

Pokschubin · 19 Июл 2016

Надеюсь это для всех остальных соц сетей? Для ВК всё норм сработает. Спасибо! А хотя вижу только для ВК это будет работать ((

Mirovinger · 19 Июл 2016

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

iXen · 24 Июл 2016

Как можно сделать такой же индикатор для подфорумов?

Hope · 25 Июл 2016

И где там индикатор?

BIOMOND · 25 Июл 2016

Как сделать страницу широкой,а не узкой?Т.е. что бы кому не нравится,могли ее сделать уже,но по дефолту что бы она была широкой.Заранее благодарю.

iXen · 25 Июл 2016

Hope написал(а):
И где там индикатор?

Зеленый кружочек.

Hope · 25 Июл 2016

BIOMOND написал(а):
Как сделать страницу широкой,а не узкой?Т.е. что бы кому не нравится,могли ее сделать уже,но по дефолту что бы она была широкой.Заранее благодарю.

Не совсем понял, но пробуйте это: Настройки стиля: ┌ [UI.X] Global Settings - Max Page Width

iXen · 25 Июл 2016

Gerol написал(а):
Как можно сделать такой же индикатор для подфорумов?

Индикатор непрочитанных подфорумов. Такой опции в настройках нет. Править самим?

Mirovinger · 25 Июл 2016

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

iXen · 25 Июл 2016

Mirovinger написал(а):
Можно и самостоятельно сделать, посредством CSS, если в настройках не обнаружили такого.

После этого индикатор справа. Как можно сделать слева?

Mirovinger · 25 Июл 2016

Можно, и даже без вмешательства в шаблон, если не затруднит, то линк на форум в Лс, так как установленного стиля нет по рукой.

Выбирайте, CSS c картинкой.

Код:

.subForumList li .unread .nodeTitle:before {
  background: transparent url(" styles/ваш_стиль/xenforo/icons/subforum-unread.png ") no-repeat scroll left center;
  content: " ";
  height: 10px;
  padding-left: 13px;
  width: 10px;
}

.subForumList li .nodeTitle:before {
  background: transparent url(" styles/ваш_стиль/xenforo/icons/subforum-read.png ") no-repeat scroll left center;
  content: " ";
  height: 10px;
  padding-left: 13px;
  width: 10px;
}

Или просто CSS.

Код:

.subForumList li .unread .nodeTitle:before {
    color: rgb(39, 174, 96);
    content: "\2022";
    font-size: 23px;
    font-weight: 700;
    line-height: 14px;
    width: 12px;
}
.subForumList li .nodeTitle:before {
    color: grey;
    content: "\2022";
    font-size: 23px;
    font-weight: 700;
    line-height: 14px;
    width: 12px;
}

Поправить под себя, труда не составит.

BIOMOND · 26 Июл 2016

Еще 2 вопроса возникло:
1) Как сделать выравнивание ников по центру,а не по левому краю?
2)У меня время прописывается по англ. т.е. "m,ago и тд".Как исправить?
Заранее благодарю.

Pokschubin · 26 Июл 2016

На первый вопрос отвечу в EXTRA.css вашего стиля добавить

PHP:

/*Ник по центру под аватаром*/
.messageUserBlock a.username, .messageUserBlock .userTitle {
text-align: center;listofbanner
}
/*********************************************************************************************/

Насчет второго вопроса я не понял. где и как время и какое. ??

iXen · 26 Июл 2016

BIOMOND написал(а):
2)У меня время прописывается по англ. т.е. "m,ago и тд".Как исправить?
Заранее благодарю.

Идем в настройки -> [UI.X] Global Settings и тут

Hope · 26 Июл 2016

Pokschubin написал(а):
На первый вопрос отвечу в EXTRA.css вашего стиля добавить

Беда...

Настройки стиля>>Элементы сообщений>>Имя пользователя
В блоке "Прочее" добавить

Код:

text-align: center;

Pokschubin · 26 Июл 2016

Hope, Я легких путей не ищу ))

Sorcerer · 26 Июл 2016

Как в этом шаблоне аватары пользователей сделать квадратными?

UI.X 1.5.22.0

iXen

Pokschubin

Mirovinger

Pokschubin

Mirovinger

iXen

Вложения

Hope

BIOMOND

✵Антигерой✵

iXen

Hope

iXen

Mirovinger

iXen

Mirovinger

BIOMOND

✵Антигерой✵

Pokschubin

iXen

Hope

Pokschubin

Sorcerer

Похожие темы

Мы ценим вашу конфиденциальность