Drupal 7.x. 如何用图像代替fontaawesome图标

本教程展示了如何替换 FontAwesome Drupal 7中的图标和图像.

Drupal 7.x. 如何改变图标字体图标与图像

FontAwesome icons 可以用图像代替吗 CSS files:

1. Click F12 或者右键单击要更改的图标，然后选择 检查元素 打开选项 Firebug 检查元素工具 browser.

2. 翻转的 icon 您想要替换为图像，以便找到存储图标代码的文件和行:

   

3. 将图像上传到 / /主题/ themeXXX /图片的网站 directory 在服务器上，其中 themeXXX 是主题名称:

   

4. 打开所需的文件 Dreamweaver or Notepad 在服务器上，找到包含以下代码的行:

   a.tm-follow-link-facebook:{之前
   	内容:“\ f0d5”;
   }
   

   将其替换为:

   a.tm-follow-link-facebook:{之前
       背景:url (http: / / yourwebsite.com// /主题/ themeXXX /图片的网站/facebook.Png ")不重复滚动0 0 rgba(0,0,0,0);
       内容:“”;
       高度:43 px;
       位置:绝对的;
       宽度:43 px;
   }
   

   一定要更换 http: / / yourwebsite.com// /主题/ themeXXX /图片的网站/facebook.png 使用正确的路径到您的图像，并相应地更改图像名称. 此外，你需要根据你的图像尺寸调整“高度”和“宽度”值.

5. 参考 如何在WordPress, Joomla和Drupal中创建特定页面的CSS规则 查找文件和行 检查元素 tool.

6. 您可能需要添加元素 top/left or 底/右 属性中的 CSS 调整图像位置.

7. 将更改保存在更新后的文件中，并将其上传到服务器上. Overwrite 现有文件和更新后的文件:

   

8. 用Control/Command+F5键刷新页面:

   

请随时查看下面的详细视频教程:

Drupal 7.x. 如何改变图标字体图标与图像