blog/knowledge.php at master · ryanqy/blog · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!doctype html>
<html>
<?php include_once "head_begin.php" ?>
<link href="css/learn.css" rel="stylesheet">
<?php include_once "head_end.php" ?>
<body>
<?php include_once "header.php" ?>
<article class="blogs">
    <h1 class="t_nav"><span>我们长路漫漫，只因学无止境。 </span><a href="/" class="n1">网站首页</a><a href="/" class="n2">学无止境</a></h1>
    <div class="newblog left">
        <h2>仿新浪博客风格・梅――古典个人博客模板</h2>
        <p class="dateview"><span>发布时间：2013-11-04</span><span>作者：杨青</span><span>分类：[<a
                        href="/news/life/">个人博客模板</a>]</span></p>
        <figure><img src="images/01.jpg"></figure>
        <ul class="nlist">
            <p>界面设计非原创，出自新浪博客风格・梅作者水云心。在原来的设计上增加了梅花飘落的flash动画。原设计的边界阴影部分用图片实现，本例采用css3新的规则属性，box-shadow</p>
            <a title="/" href="/" target="_blank" class="readmore">详细信息>></a>
        </ul>
        <div class="line"></div>
        <h2>黑色质感时间轴html5个人博客模板</h2>
        <p class="dateview"><span>发布时间：2013-11-04</span><span>作者：杨青</span><span>分类：[<a
                        href="/news/life/">个人博客模板</a>]</span></p>
        <figure><img src="images/02.jpg"></figure>
        <ul class="nlist">
            <p>
                黑色时间轴html5个人博客模板颜色以黑色为主色，添加了彩色作为网页的一个亮点，导航高亮显示、banner图片鼠标划过，可以看到隐藏的文字。css3动画应用在banner和右边“我的名片”个人信息。重点在时间轴部分，三角形和圆形均是css代码写出来的，postion定位，增加页面返回到顶部的代码....</p>
            <a title="/" href="/" target="_blank" class="readmore">详细信息>></a>
        </ul>
        <div class="line"></div>
        <h2>Green绿色小清新的夏天-个人博客模板</h2>
        <p class="dateview"><span>发布时间：2013-11-04</span><span>作者：杨青</span><span>分类：[<a
                        href="/news/life/">个人博客模板</a>]</span></p>
        <figure><img src="images/03.jpg"></figure>
        <ul class="nlist">
            <p>这是一个有关Green绿色小清新的夏天的css3 html5绿色个人博客网站模板，导航下面的效果使用了CSS3 Animation 实现对象从右到左渐变的动画效果。</p>
            <a title="/" href="/" target="_blank" class="readmore">详细信息>></a>
        </ul>
        <div class="line"></div>
        <h2>女生清新个人博客网站模板</h2>
        <p class="dateview"><span>发布时间：2013-11-04</span><span>作者：杨青</span><span>分类：[<a
                        href="/news/life/">个人博客模板</a>]</span></p>
        <figure><img src="images/04.jpg"></figure>
        <ul class="nlist">
            <p>
                这是一个html5+css个人博客模板，顶部导航用了css3的gradient背景颜色渐变效果，结合js，对当前栏目高亮显示并且skew水平倾斜的效果。左侧头像也用了css3鼠标放上去滑动出文字的效果...</p>
            <a title="/" href="/" target="_blank" class="readmore">详细信息>></a>
        </ul>
        <div class="line"></div>
        <div class="blank"></div>
        <div class="ad">
            <img src="images/ad.png">
        </div>
        <div class="page"><a title="Total record"><b>41</b></a><b>1</b><a href="/news/s/index_2.html">2</a><a
                    href="/news/s/index_2.html">&gt;</a><a href="/news/s/index_2.html">&gt;&gt;</a></div>
    </div>
    <aside class="right">
        <div class="rnav">
            <h2>栏目导航</h2>
            <ul>
                <li><a href="/download/" target="_blank">CSS3|Html5</a></li>
                <li><a href="/newsfree/" target="_blank">推荐工具</a></li>
                <li><a href="/newsfree/" target="_blank">心得笔记</a></li>
                <li><a href="/newsfree/" target="_blank">IP查询</a></li>
                <li><a href="/newsfree/" target="_blank">JS经典实例</a></li>
                <li><a href="/newsfree/" target="_blank">网站建设</a></li>
            </ul>
        </div>
        <?php include_once "aside.php" ?>
    </aside>
</article>
<?php include_once "footer.php" ?>
</body>
</html>