Drupal 7.x. 如何用FontAwesome图像替换图标

从这个tutorial中，您将学习如何替换图标 FontAwesome Drupal 7图片.

Drupal 7.x. 如何用FontAwesome图像替换图标

Иконки FontAwesome 你可以用图片代替 файлах CSS:

1. Нажмите F12 在键盘上或右键单击图标, 你要取代它，然后选择 检查元素(Inspect Element) 来打开检查工具 Firebug 在你的浏览器里.

2. 把光标放在上面 иконку, 你要用它来代替, 来确定哪个文件和哪个行包含这个图标的代码:

   

3. 将图像上传到文件夹 文化部all / themes themeXXX / images 在服务器上， themeXXX 这是你的题目:

   

4. 使用帮助打开所需的文件 Dreamweaver или 笔记本(Notepad) 在服务器上，你会发现这样的代码:

   a.tm - follow链路facebook: before {
   	内容:“\ f0d5”;
   }
   

   替换为:

   a.tm - follow链路facebook: before {
       背景:url (http://yourwebsite”.com/文化部all / themes themeXXX / images/facebook.png")无重复滚动0 0 rgba(0,0,0,0);
       content: "";
       height: 43px;
       摆好姿势:absolute;
       width: 43px;
   }
   

   请更换 http://yourwebsite.com/文化部all / themes themeXXX / images/facebook.png 到你的图像的路径，并相应地更改文件名. 您还需要根据图像的大小更改“高度”和“宽度”参数。.

5. 你可以使用这个指令 如何为WordPress、Drupal和Joomla模板创建CSS类 来学习如何使用这个工具 检查元素(检查元素).

6. 在某些情况下，你需要添加这些属性 CSS, как top/left или bottom/right 来调整图像.

7. 保存更新文件中的更改并上传到服务器. 用更新替换现有文件:

   

8. 使用Control+F5/Command+R组合热键更新页面:

   

你也可以使用详细的视频说明:

Drupal 7.x. 如何用FontAwesome图像替换图标