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

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

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

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

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

 

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

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

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

Это можно сделать через 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
Пользователь
3 года назад

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

 

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

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

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

 

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

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

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

Написал!

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

Вот написал код для виджета, вставлять в 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
Модератор
3 года назад

и в 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
Партнер
3 года назад

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

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

Denis писал:

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

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

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

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

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

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
Пользователь
3 года назад

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

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

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

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

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

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

 

 

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

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

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

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

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

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

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

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

 

 

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

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