Tag 文档归类: HTML/CSS
-
wordpress评论翻页、评论按时间顺序的详细教程
文章来源：小灰博客| 时间：2013-11-27 16:27:26| 作者：Leo | 0 条评论
因为本博客的留言板用的是文章模版，那么留言自然也就是评论系统了，今天偶然发现评论这块特难看还不是按时间顺序走的，那么简单的倒腾了下，现在拿出来给大家分享下！是网上不少办法的集合体！具体效果如下图：
一、让评论按时间顺序排列，最新评论在最前面
1、在后台-设置-讨论里 按下图设置：
2、到程序的/wp-includes/下找到comment-template.php文件做以下修改 [Read More…]
-
鼠标移上去停止的跑马灯代码
文章来源：小灰博客| 时间：2013-11-18 10:10:31| 作者：Leo | 1 条评论
共享一段跑马灯代码，鼠标移上去停止跑，移开鼠标又开始走！
<marquee direction=”left” scrollamount=3 onmouseover=”this.stop()” onmouseout=”this.start()”>
<p>小灰是个大帅哥！ </p>
</marquee>
解释一下， direction [Read More…]
-
最简单的网站左右悬浮图片代码
文章来源：小灰博客| 时间：2013-11-13 16:26:06| 作者：Leo | 0 条评论
应要求要在网站侧栏加一个悬浮的二维码，如果你网站的整体结构很复杂 各种DIV嵌套在加上头部尾部是调用的，那么这时候这个悬浮的代码就是找到了也很不好加，我今天来说一个最简单的又通用的代码
<style>
.leoimg{
position:fixed!important;bottom:30px;z-index:100; /*bottom:30px是 [Read More…]
-
wordpress以及其他网站的图片自动适应网页大小
文章来源：小灰博客| 时间：2013-11-09 15:46:51| 作者：Leo | 3 条评论
发现博客内上传了一张稍大一点的图那家伙居然给显示了一半，另一半没了，很明显是图片大小不自适应网页，解决办法很简单，在你主题的css里找到img属性，当然有的主题可能叫其他名字，比如.post img或者.主题名img等，总之找到他之后加下面一句CSS就好了，当然这个办法也可以用于其他任何网页！
max-width: 100%;
比如我的是这样写的
img{background:url( [Read More…]
-
网页跳转代码大全
文章来源：小灰博客| 时间：2013-11-08 11:14:08| 作者：Leo | 0 条评论
下面列了五个例子来详细说明，这几个例子的主要功能是：在5秒后，自动跳转到同目录下的hello.html（根据自己需要自行修改）文件。
1) html的实现
<head>
<!– 以下方式只是刷新不跳转到其他页面 –>
<meta http-equiv=”refresh” content=”10″>
-
审查元素时发现没用的引号该怎么处理
文章来源：小灰博客| 时间：2013-11-07 16:40:41| 作者：Leo | 4 条评论
今天发现博客的最下部就是主体和footer的连接出总有一块不衔接的空子，很是蛋疼，查看源码正常，没任何问题，看CSS也正常，没有padding和margin,最后审查元素的时候发现这中间居然有一对引号，如图：
这个引号直接导致网页不衔接，如图：
如果将这个引号删掉网页就正常了，可源码里愣是没有这个引号，翻遍了也没，后来我干脆就不用 get_footer();这个函数来获取底部了 [Read More…]
-
IE浏览器下JPG或者GIF图片变成透明的解决方法
文章来源：小灰博客| 时间：2013-11-06 16:53:12| 作者：Leo | 0 条评论
又遇到一蛋疼的事，网站上一张背景图在IE下居然显示成半透明的了，其他所有浏览器都正常，如图，
开始我以前是IE6和PNG图片的纠结事呢，后来一看这图居然是JPG的 而且 IE版本也是IE9 ，这就蛋疼了，没办法，先审查代码，这代码单独拿出来测试在IE9下面每次都弹出 internet explorer已限制此网页运行脚本或activex控件 点阻止后图片就透明了，浏览器设置了半天也不管用 [Read More…]
-
flash、图片以及文字强制居中CSS以及文字两端对其
文章来源：小灰博客| 时间：2013-10-31 12:08:26| 作者：Leo | 0 条评论
<div style=”margin:auto; vertical-align:middle; text-align:center; width:960px;”> 强制居中 </div>
<div style=”text-align:justify; text-justify:distribute-all-lines; “> 两端对 [Read More…]
