Drupal 7
Този урок ще ви покаже как да замените иконите на FontAwesome с изображения в Drupal 7.
Иконите наFontAwesome могат да бъдат заменени с изображения вCSS файлове:
НатиснетеF12 на клавиатурата си или щракнете с десния бутон върху иконата, която ще замените, и изберетеПроверка на елемента, за да отворите инструмента за проверка на Firebug във вашия браузър.
Задръжте курсора на мишката върхуиконата, която ще замените, за да определите в кой файл и на кой ред се съдържа кодът за тази икона:
Качете изображението в папкатаsites/all/themes/themeXXX/images на сървъра, къдетоthemeXXX е името на вашата тема:
Отворете желания файл сDreamweaver илиNotepad на сървъра и намерете реда със следния код:
Заменете го с:
Моля, заменетеhttp://yourwebsite.com/sites/all/themes/themeXXX/images/facebook.png с пътя до вашето изображение и съответно променете името на файла. Също така ще трябва да промените параметрите "височина" и "ширина" въз основа на размерите на вашето изображение.
Можете да използвате този урок Как да създадете CSS клас за шаблони на WordPress, Drupal и Joomla, за да научите как да работите с инструментаInspect Element).
В някои случаи ще трябва да добавитеCSS свойства катогоре/ляво илидолу/дясно, за да подравните изображението.
Запазете промените в актуализирания файл и го качете на сървъра. Заменете съществуващия файл с актуализирания:
Обновете страницата с клавишна комбинацияControl+F5/Command+R: