Question

我从互联网上下载模板。我正在开发一个网站，请告诉我如何更改图标所示的图标，显示的是黑色和红色框？我在visual studio，asp.net工作。我检查模板的所有文件夹，但我找不到这些图标，请帮我如何更换图标？这是模板图像的链接 http://s18.postimg.org/5430kdnnt/Untitled.jpg 这是模板链接http://www.aspxtemplates.com/template-overview/dotnet/bootstrap1.aspx

Answer 1

首先找到用于设置图像的方法（可以使用css样式设置，或使用img html标记设置。例如，在Chrome中，右键单击该元素，然后从上下文菜单中选择Inspect element。在窗口右侧打开，您将看到窗框和源文件（.css文件），如果是这样的话。你应该寻找background-image: url(some/path/to/image)。您可以在css文件中更改文件路径，或者在给定位置替换图像文件本身。

编辑：忘掉上面关于图片的理论。它设置了伪元素:before和:after，以及一个特殊的css字体，您可以找到here。评论链接中的css文件为/css/font-awesome.min.css。您应该能够找到.fa-th:before，并按照以下方式对其进行自定义：

.fa-th:before {
    width: 50px;
    height: 50px;
    padding: 20px;
    content: '';
    background-size: 300px;
    background-image: url("http://cdn.sstatic.net/stackoverflow/img/sprites.svg?v=a7723f5f7e59"),none;
    background-position: top left;
    background-repeat: no-repeat;
}

Answer 2

根据您的共享链接，您可以在此处进行更改。首先，图标来自font-awesome.min.css，您可以在名为fonts\font-awesome的文件夹中找到所有字体。

现在，在您的链接中，所有图标都标记为Italic tag，例如

<div class="feature-wrap">
    <i class="fa fa-th-list"></i>
    <h2>Menu or Navbar</h2>
    <h3>A standard navigation class navbar navbar-default</h3>
</div>

您可以在HTML中找到以下内容，您的主要关注点应该是<i class="fa fa-th-list"></i>此标记，例如：这里的图标是由CSS创建的。现在为此已经用font-awesome.min.css写了一个css，就在上面就是这个。

.fa-th-list:before {
    content: "\f00b";
}

内容部分添加图标。您需要对其进行评论并将其替换为backgroud-image，然后访问此处Font Awesome Icons并从此处选择您喜欢的图标，并将<i class="fa fa-th-list"></i>（例如）替换为其中提到的图标。

如何更改此模板中显示的图像？

2 个答案: