JS Animated. 如何取代真棒字体标志与图像

本教程展示了如何 替换Awesome字体 logo 有了图像 JS动画模板.

Here is the 很棒的图标 需要用JPG图像替换:

为了将其替换为图像，您应该执行以下操作:

1. Right click 用图标来检查它 Mozilla Firebug工具.

   请参考 这些教程 有关使用的更多细节 Firebug Tool:

   Firebug - Mozilla Firefox插件

   Firebug:如何确定包含所需代码的文件.

2. 上传图片 您希望将该图标替换为服务器上的任何位置，I.e. the ‘images’ directory.

   要做到这一点，您应该登录到您的 FTP 帐户使用 Filezilla software or the File Manager in your Hosting Cpanel，导航到 ‘images’ 文件夹,单击 ‘Upload’, select 从你的电脑或 drag-n-drop 将图像从您的PC到使用的图像文件夹 Filezilla. 请参考本教程了解如何 上传文件到服务器.

3. 请参考Firebug工具 确定文件所在的图标代码 的位置和 line number 对于代码:

   

4. Via the File Manager 打开Firebug中提到的文件 并滚动到指定的行:

   

5. 替换字体Awesome代码 with the 图片的完整链接 on your FTP.

   应该添加代码 下面的格式:

   内容:url (http: / / yourdomain.com/images/yourimage.jpg");

   where http: / / yourdomain.com/images/yourimage.jpg is the 到服务器上映像的直接路径:

   

6. 不要忘记点击 ‘Save’ ，以便将更改保存到文件中.

正如你所看到的字体Awesome图标已经被网站上的jpg图片所取代:

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