Question

在将新的自定义css精灵应用于旧（当前）css编码时，我遇到了一些问题。我很困惑，我怎么能将新的自定义css精灵替换为当前的个人css图像。所以我决定在这里向stackoverflow系列提问。

**

新的CSS Sprite

**

.top-post {
margin: 0;
padding: 0;
list-style: none;
}
.top-post li {
background-image: url(https://lh3.googleusercontent.com/-FHy0Ggdh6bU/VFFLrVyU8xI/AAAAAAAAKvY/VvEasvdSOYc/s156/css-sprites-post-top.png);
background-repeat: no-repeat;
overflow: hidden;

display: inline-block;
width: 16px;
height: 20px;
}
.top-post li a {
position: relative;
display: block;
width: 100%;
height: 100%;
}
.top-post li.time {
background-position: -4px 0;
}
.top-post li.admin {
background-position: -85px 0;
margin-left: 60px;
}
.top-post li.cate {
background-position: -137px 0;
margin-left: 28px;
}

<ul class="top-post">
  <li class="time">
    <a href="#" title='Date and Time'></a>
  </li>
  <li class="admin">
    <a href="#" title="Author"></a>
  </li>
  <li class="cate">
    <a href="#" title='Categories'></a>
  </li>

</ul>

现在请任何人告诉我如何以及在何处将此自定义css sprite应用或替换为默认的博客模板图像。

更新

**

替换为（当前单个css图像）：

**

.meta_date,.meta_author,.meta_comments,.meta_edit,.meta_categories,.meta_tags{padding:3px 0 3px 20px;background-position:left center;background-repeat:no-repeat}
.meta_date{background-image:url(https://lh4.googleusercontent.com/-Qs7vcrvEtsQ/UvqEdy0-p2I/AAAAAAAAH48/FCbuf9BtTTA/s16/time.png)}
.meta_author{background-image:url(https://lh6.googleusercontent.com/-FSweUHUzAjo/UvqEXLx3sfI/AAAAAAAAH2o/LZb88YPzPQk/s16/author.png)}
.meta_categories{background-image:url(http://2.bp.blogspot.com/-FuigICeM7zU/TpeWPinXvRI/AAAAAAAAEWg/owY-Cta2Yn0/s1600/cat.png)}

Answer 1

您在询问CSS的放置位置吗？

你可以

1.）转到模板 - 自定义 - 高级 - 添加CSS并将您的CSS粘贴到那里

2.）转到模板 - 编辑Html（首先进行备份） - 然后在]]></b:skin>或</b:skin>标记结束前粘贴代码

Answer 2

所以你想在博客中将精灵图像添加到当前个人css图像，然后用下面的代码替换博客CSS代码......

.meta_date,.meta_author,.meta_comments,.meta_edit,.meta_categories,.meta_tags{padding:3px 0 3px 20px;background-position:left center;background-repeat:no-repeat}
.meta_date, .meta_author, .meta_categories{background-image:url(https://lh3.googleusercontent.com/-FHy0Ggdh6bU/VFFLrVyU8xI/AAAAAAAAKvY/VvEasvdSOYc/s156/css-sprites-post-top.png);}
.meta_date{background-position:-4px 0;}
.meta_author{background-position:-85px 0;}
.meta_categories{background-position:-137px 0;}

用当前CSS替换新的CSS sprite

新的CSS Sprite

替换为（当前单个css图像）：

2 个答案: