Изменение значков

АвторСообщение
Liqueur
Пользователь
год назад

Здравствуйте, я хотел бы изменить значок авторизации через что либо, например:

Авторизация через Wargaming, там стоит значок W, а можно ли поставить заместо этого значка логотип кампании Wargaming?

Можно ли это как то сделать?

 

Сообщение было изменено пользователем Liqueur год назад
Liqueur
Пользователь
год назад

Ну что ответите?))

Machino
Разработчик
год назад

Это можно сделать через css только. Например так:

.container-fluid .widgets-row .eauth .eauth-service a .eauth-icon.eauth-icon-wg {
    background-image: url(https://hb.bizmrg.com/wbrs/55/d3/55d39982bda635ab1529226217.png);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: 0.5rem;
    background-color: #c11717;
}

Liqueur
Пользователь
год назад

И это мне можно скопировать и вставить в css и все будет ок?))

 

Liqueur
Пользователь
год назад

Я вставил код, картинка появилась, но картинка с W наложилась на ту картинку которая в коде была, как это исправить, порылся в коде не нашел ничего про авторизацию и т.д.

Шаблон стоит от «Alligator» я его немного поменял его но впринципе он такой же можете объяснить и помочь с этим?))

 

Denis
Партнер
год назад

Антон, я создатель шаблона «Alligator» напиши мне в VK помогу

Liqueur
Пользователь
год назад

Написал!

Denis
Партнер
год назад

Вот написал код для виджета, вставлять в SASS

/* ---------- Виджет 'Авторизация через соц. сети' ---------- */
.widget-loginsocial {
    .widget-title h3:before {content: '\f08b';}
    .eauth .eauth-service a .eauth-icon.eauth-icon-wg {background: #c11717 url(https://hb.bizmrg.com/wbrs/55/d3/55d39982bda635ab1529226217.png) center no-repeat; background-size: 25px;
        &:before {content: "";}
    }
}

Zhenja_Tag
Модератор
год назад

и в css немного подправить для красоты:

.container-fluid .widgets-row .eauth .eauth-service a .eauth-icon.eauth-icon-wg {
background-image: url(https://hb.bizmrg.com/wbrs/a8/ba/a8ba30ff5de335ab1532391873.png);
background-size: 40px;
background-repeat: no-repeat;
background-color: transparent;
}

Denis
Партнер
год назад

Zhenja_Tag, у меня SASS там и так красиво :)

Zhenja_Tag
Модератор
год назад

Denis писал:

Zhenja_Tag, у меня SASS там и так красиво :)

ты видел свою красоту, что написал код? я дополнил к твоему SASS ...

Denis
Партнер
год назад

Zhenja_Tag, там у кнопок единый стиль

Zhenja_Tag
Модератор
год назад

Denis писал:

Zhenja_Tag, там у кнопок единый стиль

Вот немного изменил стиль ( пардон что меняю что-то, в созданном Вами шаблоне) т.к просил пользователь.
немного добавил в SASS (дополнил Ваше):
/* ---------- Виджет 'Авторизация через соц. сети' ---------- */
.widget-loginsocial {
.widget-title h3:before {content: '\f08b';}
.eauth .eauth-service a .eauth-icon.eauth-icon-wg {background: #c11717 url(https://hb.bizmrg.com/wbrs/55/d3/55d39982bda635ab1529226217.png) center no-repeat; background-size: 25px;
&:before {content: "";}
}
}
.widget-loginsocial {
.widget-title h3:before {content: '\f08b';}
.eauth .eauth-service a .eauth-icon.eauth-icon-google {background: #c11717 url(https://hb.bizmrg.com/wbrs/b6/bb/b6bb79ca437db9911532645426.png) center no-repeat; background-size: 25px;
&:before {content: "";}
}
}
.widget-loginsocial {
.widget-title h3:before {content: '\f08b';}
.eauth .eauth-service a .eauth-icon.eauth-icon-vk {background: #c11717 url(https://hb.bizmrg.com/wbrs/41/37/4137feb6ca0b1e751532645780.png) center no-repeat; background-size: 25px;
&:before {content: "";}
}
}

и навёл красоту в CSS
.container-fluid .widgets-row .eauth .eauth-service a .eauth-icon.eauth-icon-wg {
background-image: url(https://hb.bizmrg.com/wbrs/a8/ba/a8ba30ff5de335ab1532391873.png);
background-size: 40px;
background-repeat: no-repeat;
background-color: transparent;
}
.container-fluid .widgets-row .eauth .eauth-service a .eauth-icon.eauth-icon-google {
background-image: url(https://hb.bizmrg.com/wbrs/b6/bb/b6bb79ca437db9911532645426.png);
background-size: 40px;
background-repeat: no-repeat;
background-color: transparent;
}
.container-fluid .widgets-row .eauth .eauth-service a .eauth-icon.eauth-icon-vk {
background-image: url(https://hb.bizmrg.com/wbrs/41/37/4137feb6ca0b1e751532645780.png);
background-size: 40px;
background-repeat: no-repeat;
background-color: transparent;
}

получилось как-то так:


Ещё раз пардон, ели что-то нарушил в созданном Вами шаблоне....

Желаю Удачи

Liqueur
Пользователь
год назад

Ну а теперь меня настиг вопрос как поменять значки в виджете "Подключенные соц.сервисы"

до подключения сервиса и после подключения сервиса что бы значки сохранялись

Надо что бы значки были вот такие, только я сменил шаблон на "Ярость" в сторону того то он светлый но и тут проблемы настигли :)

+ там сново есть наложение текста: Vk, W, G

и от этого надо избавится, я уже вроде бы успешно поменял значки в виджете "Авторизация через соц. сервисы" (Я не уверен то что совсем правильно поменял)

Спасибо за помощь! :)

 

 

Сообщение было изменено пользователем Liqueur год назад
Zhenja_Tag
Модератор
год назад

fynjyvjhjp Антон писал:

Ну а теперь меня настиг вопрос как поменять значки в виджете "Подключенные соц.сервисы"

до подключения сервиса и после подключения сервиса что бы значки сохранялись

Надо что бы значки были вот такие, только я сменил шаблон на "Ярость" в сторону того то он светлый но и тут проблемы настигли :)

+ там сново есть наложение текста: Vk, W, G

и от этого надо избавится, я уже вроде бы успешно поменял значки в виджете "Авторизация через соц. сервисы" (Я не уверен то что совсем правильно поменял)

Спасибо за помощь! :)

 

 

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

Тема закрыта.