-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex3.html
165 lines (152 loc) · 9.01 KB
/
index3.html
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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>手账菌:分享手账,记录点滴,寻找美好</title>
<link media="all" type="text/css" rel="stylesheet" href="bootstrap3.1.1/css/bootstrap.min.css">
<link media="all" type="text/css" rel="stylesheet" href="css/style.css">
<link media="all" type="text/css" rel="stylesheet" href="css/style3.css">
<script src="js/jquery.min.js"></script>
<script src="js/backtop.js"></script>
</head>
<body>
<div class="navbar navbar-default navbar-fixed-top mainhead-navbox" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle mainhead-navbtn" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">菜单导航</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class='navbar-brand'>
<div class="praise">
<span id="praise"><img src="img/common/qxzan.png" id="praise-img" /></span>
<span id="praise-txt">1500</span>
<span id="add-num"><em>+1</em></span>
</div>
</div>
</div>
<script>
$(function(){
$("#praise").click(function(){
var praise_img = $("#praise-img");
var text_box = $("#add-num");
var praise_txt = $("#praise-txt");
var num=parseInt(praise_txt.text());
if(praise_img.attr("src") == ("img/common/zan.png")){
$(this).html("<img src='img/common/qxzan.png' id='praise-img' class='animation' />");
praise_txt.removeClass("hover");
text_box.show().html("<em class='add-animation'>-1</em>");
$(".add-animation").removeClass("hover");
num -=1;
praise_txt.text(num)
}else{
$(this).html("<img src='img/common/zan.png' id='praise-img' class='animation' />");
praise_txt.addClass("hover");
text_box.show().html("<em class='add-animation'>+1</em>");
$(".add-animation").addClass("hover");
num +=1;
praise_txt.text(num)
}
});
})
</script>
<div class="navbar-collapse collapse mainhead-collapse">
<ul class="nav mainhead-nav">
<li><a href="index.html" title='我们的日常'>日常</a></li>
<li><a href="index2.html" title="手账的基本">手账</a></li>
<li class='active'><a href="index3.html" title='动手做手账'>教程</a></li>
</ul>
</div>
</div>
</div>
<div class="sectioncon">
<div class="container-fluid">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-9 col-xl-9">
<div class="blog">
<h3 class="text">10分钟掌握手帐入门技能</h3>
<p>有人说一入手帐深似海，从此笔纸要随行。</p><br />
<p>在日本，很多人都会随身带着一个被称为“手帐”的笔记本，随时随地掏出来翻翻看，手帐对于日本人而言是不可或缺的生活用品，不仅具有备忘功能，而且是进行人生规划的一个重要工具。</p><br />
<p>手帐不仅提醒自己记着家人、朋友的生日和约会，还能安排每天的工作，很多人甚至把它当做简短的日记本。</p><br />
<p>长期的写手帐，会让我们懂得如何去坚持，也许很多做不到的事情，就可以从画手帐中开悟，坚持不懈是最好的精神品质。</p><br />
<img src="img/img3/1.png" alt="Image" class="img-fluid img-post"><br />
<p>手帐的存在的意义：</p><br />
<p>①把你脑袋里混乱的计划和想法记录下来，把大脑清空，专注于眼前的事情。</p><br />
<p>②记录生活。</p><br />
<p>说了那么多意义，都不如自己动手体验一番，你觉得呢？</p><br />
<p>下面有图有真相，一起动手做起来吧~</p><br />
<img src="img/img3/2.jpg" alt="Image" class="img-fluid img-post"><br />
<p>X宝有很多漂亮的素材，如果你打算入坑，可以选一选，总有让人惊艳的一款。</p><br />
<img src="img/img3/3.jpg" alt="Image" class="img-fluid img-post"><br />
<p>一切准备就绪就可以开始了：</p><br />
<p>1、手帐本可以买走线合订本，也可以是活页，活页画废了，可以撕下来，但是我喜欢合订的感觉。</p><br />
<p>2、胶带有很多用处，可以用来装饰、走边。做外围的走边时，注意用剪刀裁剪好边缘。</p><br />
<p>3、萌萌的贴纸记得多买点，尤其是图小颜色鲜亮的贴纸，不想画就贴吧，哈哈。</p><br />
<p>4、做手帐一定记得把手洗干净。(*^__^*) </p><br />
<p>首先设计好封面；</p><br />
<p>再涂一涂，贴一贴，一张手帐页面诞生了~</p><br />
<img src="img/img3/4.jpg" alt="Image" class="img-fluid img-post"><br />
<p>这样萌萌的画面，总想多翻阅几次，会不会多翻阅几次，单词就背熟了？</p><br />
<p>手帐有绘本手帐、主题手帐、日程手帐等。主题手帐有育儿手帐，讲述育儿成长史；有梦想手帐，记录自己的心路历程；有美食手帐，吃货都想与人分享；有旅行手帐，让流浪的心有个地方可以安放.....这么多主题，总有一款适合你。</p><br />
<p>当然，在工作中，我们用的多还是日程手帐，工作重点，主要事件，主次划分、会议纪要、一天收获......太多东西需要记录和整理。</p><br />
<p>如果你的绘画功底不算太好，可以尝试多用贴图，花边胶。只要用心做，你也会拥有一段快乐的慢时光。</p><br />
<p>年老时，摸过的一本本手册，它们就是你的个人传记，你的编年史。</p><br />
<p>为了纪念你那闪闪发光的过去，给自己写本传记吧，让未来的你感谢现在的自己。</p><br />
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-3 col-xl-3 aside-r">
<div class="aside-container">
<h3 class="title">
【手帐get!】
</h3>
<div class="nav-container">
<ul class="nav">
<li><a href="index3_1.html" class="text-link">教程 | 懒人手帐速成的秘诀！</a></li>
<li><a href="index3_2.html" class="text-link">教程 | 入门级手帐教程</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="mainfoot center">
<p>
©2016-2017 手账菌 <a href='login.html' title='关于手账菌'>关于手账菌</a> <a href='login.html' title='联系手账菌'>联系手账菌</a>
</p>
<div class='row'>
<div class='row partnerbox'>
<a href="login.html" title='手机应用'>手机应用</a>
<a href="login.html" title='意见反馈'>意见反馈</a>
<a href="login.html" title='联系我们'>联系我们</a>
<a href="login.html" target="_blank" title="使用条款">使用条款</a>
</div>
</div>
</div>
</div>
<!--左侧-->
<div class="leftside">
<a href="login.html" class="way1" title="facebook分享"><img src="img/img1/way01.jpg" width="50" height="50" /></a>
<a href="login.html" class="way2" title="twitter分享"><img src="img/img1/way02.jpg" width="50" height="50" /></a>
<a href="login.html" class="way3" title="Google分享"><img src="img/img1/way03.jpg" width="50" height="50" /></a>
<a href="login.html" class="way4" title="ins分享"><img src="img/img1/way04.jpg" width="50" height="50" /></a>
<a href="login.html" class="way5" title="更多分享方式"><img src="img/img1/way05.jpg" width="50" height="50" /></a>
</div>
<!--返回顶部-->
<a href="#0" class="cd-top">Top</a>
<script src="js/jquery.min.js"></script>
<script src="bootstrap3.1.1/js/bootstrap.min.js"></script>
<script>
$(function(){
$('.leftside a').hover(function(){
$(this).animate({width:'65px'},300);
},function(){
$(this).animate({width:'50px'},300);
});
});
</script>
</body>
</html>