Заменяем иконки в редакторе на Font Awesome

[Hope]

Пользователь Hope разместил новый ресурс:

Заменяем иконки в редакторе на Font Awesome - Замена иконок редактора на Font Awesome.

Посмотреть вложение 17930 Посмотреть вложение 17931Посмотреть вложение 17932
​

Для начала нам необходимо подключить Font Awesome и сделать это лучше, следуя данной инструкции. Но если по каким-то причинам Вы не хотите использовать...

Узнать больше об этом ресурсе...

 

[kaz]

Font Awesome локально установил. Кнопки для редактора установил. Но теперь пропала иконка хайда:

 

[Hope]

Так сделайте её, пропишите...

По аналогии с другими:

html .redactor_toolbar li a.redactor_btn_media:before
{
content: "\f008";
}

 

[kaz]

Так сделайте её, пропишите...

В EXTRA.css ?

 

[Hope]

Да, да, туда всё. :)

 

[kaz]

По аналогии с другими:

Просто получается, как костыль. Это же у меня установлены бб-коды хайда, в которых прописаны все иконки в настроках. Там идёт выпадющее меню с дополнительными опциями, в которых тоже иконки должны отображаться:

 

[Hope]

А это уже к автору хайда. :)

 

[kaz]

А это уже к автору хайда. :-)

Может надо просто какой-то конфликтующий код от font awesome из extra.css удалить? :)

 

[Hope]

Надо наоборот туда что-то добавить, а не удалить...

 

[kaz]

Надо наоборот туда что-то добавить, а не удалить...

Я просто рассуждаю от противного: если перестало отображаться после того, как я добавил, значит надо убавить. :rolleyes:

 

[Hope]

Значит надо вообще убрать и юзать стандартные иконки. :) Я не знаю, как этот BB-код вывести тут. :)

 

[A1ex]

Не знаю ошибка ни ошибка. Но чтобы было все четко, надо в шаблоне editor_ui.css там где .redactor_toolbar заменить padding: 0 0 0 2px; на padding: 0 2px 0 2px; а то с левой стороны отступ 2 пикселя а с правой 0

 

[Mirovinger]

Всё это хорошо, но можно и без прямых правок шаблона.
Добавив в EXTRA.css, такой код.

.redactor_toolbar {
    padding: 0 2px;
}

 

[A1ex]

Всё это хорошо, но можно и без прямых правок шаблона.
Добавив в EXTRA.css, такой код.

.redactor_toolbar {
    padding: 0 2px;
}

У меня это ничего не изменило. Пришлось менять в editor_ui.css

 

[Mirovinger]

Всё возможно и просто нужно было сделать так.

.redactor_toolbar {
    padding: 0 2px !important;
}

 

[Hope]

Ну любят люди шаблоны нужные портить. Mirovinger, не будем им мешать в этих начинаниях. :)

 

[Mirovinger]

Пользователь Mirovinger обновил ресурс Заменяем иконки в редакторе на Font Awesome новой записью:

Gallery + FA Link

Обновлена ссылка на Font Awesome CDN 4.2.0.
Добавлен код для иконки Галереи.

Узнать больше об этом обновлении...

 

[hasvanbinsun]

А как изменить фон кнопок редактора? И ещё вопрос, у меня когда я захожу в тему редактор немного затемнён, до того момента как я наведу курсор на него, как сделать что бы он сразу был без затемнения.

 

[Mirovinger]

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

Настройки стиля: Полнофункциональный редактор

Пункт.
Разрешить полупрозрачность полнофункциональному редактору

 

[Hope]

А как изменить фон кнопок редактора?

Я думаю, что нужно просто сменить цвет фона в Photoshop.