标签 ‘ css

[CSS] 用css在GridView中实现 mouseover mouseout 的效果

在GridView的GridViewRow处指定css。

.GridViewRowStyle
{
background-color: #F7F6F3;
color: #333333;
}

.GridViewRowStyle:hover
{
background: url(../Images/bg_tile.jpg);
color: #FFFFFF;
}

  • [CSS] 用css在GridView中实现 mouseover mouseout 的效果已关闭评论

WordPress FLAT 模板中文章前后翻的按钮图片错位

装的模板挺清爽的,挺喜欢。不过在文章页面底下的前后文章按钮,如果鼠标 hover 的话,图片错误颠倒了,自己把CSS文件改了一下。又去作者网站反馈了下,今天看到已经作者已修正了,速度挺快的 🙂

  • WordPress FLAT 模板中文章前后翻的按钮图片错位已关闭评论

【转】漂亮的 Css Div Menu 导航菜单收藏

网上看到的,都挺实用的,收藏下来,以便自己学习使用。

  1. http://www.alvit.de/css-showcase/css-galleries-tabs-navigation-showcase.php这里收录了近百个优秀站点的CSS导航菜单
  2. http://www.drweb.de/weblog/weblog/?p=531收录了大量的使用CSS tab Menu的站点
  3. http://www.smashingmagazine.com/2007/03/14/css-based-navigation-menus-modern-solutions收录了50多个漂亮易用的CSS Menu

CSS Menu教程,都比较简单易学,通过学习,你也能做出漂亮的CSS Menu

  1. http://www.cssplay.co.uk/menus/index.html很多优秀的css范例。
  2. http://www.seoconsultants.com/css/menus/tutorial/水平、垂直的二级CSS menu教程
  3. http://superfluousbanter.org/archives/2004/05/navigation-matrix-reloaded/完美!一张图片完成的CSS Menu效果。demo看这里:http://www.nundroo.com/nav_matrix/welcome2.html
  4. http://codylindley.com/CSS/325/css-step-menuCSS menu step by step

OK,这么多的东西也许无法一时消化,如果你急需一个CSS Menu。下面的一些站点中提供了大量的CSS menu下载。

  1. http://www.13styles.com/13个Css Menu下载
  2. http://www.webmaster-toolkit.com/css-menu-generator.shtml创建左边导航菜单,只需 修改即可
  3. http://www.roscripts.com/8_web_menus_you_just_can’t_miss-116.html8个不可错过的CSS Menu下载
  4. http://e-lusion.com/design/menu/9种垂直CSS Menu下载
  • 【转】漂亮的 Css Div Menu 导航菜单收藏已关闭评论

WordPress 如何在各文章之间添加分割线

只需在模板的 style.css样式表中增加以下字段就可以
.post{
 border-bottom: gainsboro 1px solid; /*
分割线颜色,线为实线,粗细为 1px*/
 padding-bottom: 10px;               /*分割线距文章底部10px,否则会紧贴文章底部,不美观*/
}
  • WordPress 如何在各文章之间添加分割线已关闭评论

return top