文案馆网页设计
文案馆首页 HTML代码
文案
文案馆
“人死了，就变成一个星星。”
“干嘛变成星星呀？”
“给走夜道儿的人照个亮儿。”
—————史铁生
- 登录/注册
- 首页
- 电影台词
- 座右铭
- 诗歌
- 说说
- 关于
语
言
抚
慰
心
灵
名句推荐
我从来就没有太阳
所以不怕失去
-- by东野圭吾《白夜行》
黄昏之时
我们可以见到自己想见的人
-- by新海诚《你的名字》
迷失的人迷失了
相逢的人会再相逢
--by村上春树《挪威的森林》
满地都是六便士
他却抬头看见了月亮
-- by毛姆《月亮与六便士》
文案推荐
不管你曾经经历怎样的繁华与喧闹，最终还是要靠自己孤独的走完人生的全程
我在人间贩卖黄昏，只为收集世间温柔去见你
春来夏往，秋收冬藏，我们来日方长
愿你执迷不悟时，少受点伤，愿你幡然醒悟时，物是人是
陌生人,我也为你祝福,愿你有一个灿烂的前程,愿你有情人终成眷属,愿你在尘世获得幸福,我只愿面朝大海,春暖花开。 --by 海子
相遇总是措不及防，离别都是蓄谋已久，我们要习惯身边的忽冷忽热，也要看淡那些渐行渐远。 --by《人间失格》
他自人山人海中来，原来只为给我一场空欢喜，你来时携风带雨，我无处可避。你走时乱了四季，我久病难医。 --by《人间世格》
每个人都有属于自己的一片森林,也许我们 从来不曾去过,但它一直在那里,总会在那里。迷失的人迷失了,相逢的人会再相逢。 --by 村上春树
一切全在你自己。对你来说，一切都是自由的，在你面前是无限的可能。 --by东野圭吾《解忧杂货店》
在雨中来，于晴时去。很久以后，我们的痕迹会慢慢淡去，但这里的故事却不会终止。不是每一场雨后都有彩虹，但是晴天总是会到来
山有顶峰，湖有彼岸,在人生漫漫长途中，万物皆有回转。当我们觉得余味苦涩，请你相信，切终有回甘。
热爱之所以有力量，就在于你就坚守它就好，永远不要去想它会有什么结果。 --by撒贝宁
再微小的光也是光，再平凡的人也有他们人生当中的高光时刻。 --by康辉
所谓无底深渊，下去，也是前程万里。 --by木心《素履之往》
从前的日色变得慢。车，马，邮件都慢。一生只够爱一个人。--by木心《从前慢》
那个时候，我还不知道，有一天会和爱的人离散；也不知道，有些人真的会彻底消失再也不会回来，不会再见。--by《云边有个小卖部》
书籍推荐
《挪威的森林》
-- by村上春树
《人间失格》
-- by太宰治
《云边有个小卖部》
-- by张嘉佳
《你的名字》
-- by新海诚
文
学
唤
醒
灵
魂
此网页图片及文案皆来自百度
如有侵权，概不负责！
body
{
/*背景图片*/
background-repeat: no-repeat;
background-size: 1500px 230px;
background-attachment:scroll;
background-position:top;
}
/*左右侧栏*/
.column
{
float: left;
padding: 20px;
}
/*左右侧栏文字*/
.column.side
{
text-indent: 0.8cm;
font-size: 0.7cm;
color: aquamarine;
width: 2%;
}
.column.middle
{
width: 90%;
}
/* 列后清除浮动 */
.row:after
{
content: "";
display: table;
clear: both;
}
/*底部区域*/
.footer {
background-color: #f1f1f1;
padding: 0.2px;
text-align: center;
font-size: 0.2cm;
font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
/*内容格式*/
h1
{
text-shadow: 5px 5px 5px pink;
font-family: 华文行楷;
font-size: 40px;
text-align:center;
color:black;
}
.first
{
text-indent: 10cm;
font-size:16px;
font-family: 隶书;
line-height:0.5cm;
}
ul
{
list-style-type:none;
margin: 10px;
padding: 0;
overflow: auto;
background-color:mediumturquoise;
}
li {
float: left;
}
li a {
display: block;
color: black;
font-size: 18px;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover {
background-color:bisque;
}
h2
{
text-indent: 2cm;
font-family: 幼圆;
font-size: 25px;
}
.photo1
{
font-family: 隶书;
position:relative;
left: 170px;
width: 17%;
float:left;
margin-left: 1cm;
line-height: 4px;
}
.photo2
{
font-family: 隶书;
position: relative;
left: 170px;
width: 17%;
float:left;
margin-left: 1.2cm;
line-height: 4px;
}
.photo3
{
font-family: 隶书;
position:relative;
left: 170px;
width: 17%;
float: left;
margin-left: 1.2cm;
line-height: 4px;
}
.photo4
{
font-family: 隶书;
position:relative;
left: 170px;
width: 17%;
float: left;
margin-left: 1.2cm;
line-height: 4px;
}
.copywriting
{
text-indent: 4.5cm;
font-family: 华文楷体;
font-size: 0.5cm;
line-height: 40px;
}
#book1
{
font-family: 隶书;
position:relative;
left: 170px;
width: 21%;
height:300px;
float: left;
line-height: 20px;
}
#book2
{
font-family: 隶书;
position:relative;
left: 170px;
width: 21%;
height:300px;
float: left;
line-height: 20px;
}
#book3
{
font-family: 隶书;
position:relative;
left: 170px;
width: 21%;
height:300px;
float: left;
line-height: 20px;
}
#book4
{
font-family: 隶书;
position:relative;
left: 170px;
width: 21%;
height:300px;
float: left;
line-height: 20px;
}
/*动态变化*/
.animation
{
width:100%;
height:15px;
background:greenyellow;
animation:myfirst 5s;
-webkit-animation:myfirst 5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
@keyframes myfirst
{
from {background:greenyellow;}
to {background:yellow;}
}
@-webkit-keyframes myfirst
{
from {background:greenyellow}
to {background:yellow;}
}
function startTime()
{
var today=new Date();//定义日期对象
var yyyy = today.getFullYear();//通过日期对象的getFullYear()方法返回年
var MM = today.getMonth()+1;//通过日期对象的getMonth()方法返回年
var dd = today.getDate();//通过日期对象的getDate()方法返回年
var hh=today.getHours();//通过日期对象的getHours方法返回小时
var mm=today.getMinutes();//通过日期对象的getMinutes方法返回分钟
var ss=today.getSeconds();//通过日期对象的getSeconds方法返回秒
// 如果分钟或小时的值小于10，则在其值前加0，比如如果时间是下午3点20分9秒的话，则显示15：20：09
MM=checkTime(MM);
dd=checkTime(dd);
mm=checkTime(mm);
ss=checkTime(ss);
var day; //用于保存星期（getDay()方法得到星期编号）
if(today.getDay()==0) day = "星期日 "
if(today.getDay()==1) day = "星期一 "
if(today.getDay()==2) day = "星期二 "
if(today.getDay()==3) day = "星期三 "
if(today.getDay()==4) day = "星期四 "
if(today.getDay()==5) day = "星期五 "
if(today.getDay()==6) day = "星期六 "
document.getElementById('nowDateTimeSpan').innerHTML=yyyy+"-"+MM +"-"+ dd +" " + hh+":"+mm+":"+ss+" " + day;
setTimeout('startTime()',1000);//每一秒中重新加载startTime()方法
}
function checkTime(i)
{
if (i<10){
i="0" + i;
}
return i;
}
登陆/注册
首页
| 帮助
文案馆
《网络服务使用协议》
《个人信息保护政策》
没有账号 立即注册 >>
body
{
/*背景图片*/
background-repeat: repeat;
background-attachment:scroll;
background-size: 1600px 800px;
}
h2
{
text-shadow: 5px 5px 5px pink;
font-family: 华文行楷;
font-size: 40px;
text-indent: 7cm;
color:black;
}
.box
{
text-align:left;
text-indent: 3cm;
width: 800px;
height: 500px;
margin:auto ;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background-color:white;
}
.home
{
float: right;
padding-top: 70px;
text-indent: -11.6cm;
color:white;
}
.home1
{
text-decoration: none;
color: white;
}
.home1:hover
{
color: rgb(255, 0, 60);
}
#line
{
height: 400px;
border-right: 0.1px solid pink;
float: right;
margin-right :140px;
padding-right: 0px ;
}
.submit
{
font-weight: 540;
color:white;
font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
width: 170px;
height: 30px;
background-color:rgb(255, 145, 0);
float: none;
margin-left: 55px;
}
.submit:hover {
background-color:orange;
}
.register
{
font-family: 华文行楷;
float: right;
}
var app = angular.module('myApp', []);
app.controller('validateCtrl', function($scope) {
$scope.user = '';
$scope.email = '';
});
登陆/注册
首页
| 帮助
文案馆
《网络服务使用协议》
《个人信息保护政策》
已有账号 立即登录 >>
注：注册页面和登陆页面 css,js代码相同
电影台词页面 HTML
电影台词
文案馆·电影台词
- 登录/注册
- 首页
- 电影台词
- 座右铭
- 诗歌
- 说说
- 关于
电影台词
这个世界上从来就没有值得不值得，只有喜欢和不喜欢
一只蛋，如果从外面被敲开，注定只能被吃掉。如果从里面啄开，说不定是只鹰！
“爸爸，如果这次我真的走了，只有一个要求，你和妈妈不要掉眼泪，不要哭！”
向前跑，不退不逃，不去讨好。向前跑，风中吹响号角。
那是我们的边界，祖国的方向，新中国万岁！
如果这部戏没有剧本呢？那我只能瞎…即兴发挥
“你说未来什么时候来” “如果此时此刻，你喜欢的人也刚好喜欢你，那么现在就是未来 ”
也许我的存在本身就是一封写给你的情书。
只要鼓点还能在心中响起，我们就是雄狮！
我们一辈子都是诚实的人，你像踢皮球一样踢我们。
一个小姑娘，想要站在舞台上，那得受多少委屈，多少风险，你们看不到，也不理解，就只能看到她漂亮。
最好的前任就要像死了一样，不要再打扰对方的生活。
只要心有归处，就不会是恶妖。 生死与共，永不背叛。
叔叔我想问您，一个人如果没有爸爸妈妈的话该怎么办？
再不堪，那也是我啊。这辈子人潮汹涌，感谢遇见你
你一直在追求一个叫大海的东西，其实你一直就在海里。
此网页图片及文案皆来自百度
如有侵权，概不负责！
body
{
background-repeat: no-repeat;
background-attachment:scroll;
background-position:top;
}
.row
{
padding: 10px;
}
/* 列后清除浮动 */
.row:after
{
content: "";
display: table;
clear: both;
}
.column.middle
{
width: 1000px;
margin: auto;
}
ul
{
list-style-type:none;
margin: 10px;
padding: 0;
overflow: auto;
background-color:mediumturquoise;
}
li {
float: left;
}
li a {
display: block;
color: black;
font-size: 18px;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover {
background-color:bisque;
}
h3
{
float: left;
text-indent: 1cm;
text-shadow: 5px 5px 5px pink;
font-family: 华文行楷;
font-size: 25px;
color:black;
}
#demo
{
width: 97%;
height: 18%;
margin: auto;
}
/*底部区域*/
.footer {
background-color: #f1f1f1;
padding: 0.2px;
text-align: center;
font-size: 0.2cm;
font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
#text1
{
font-family: 隶书;
position:relative;
left: 70px;
width: 15%;
height:200px;
float: left;
line-height: 20px;
text-indent: 0cm;
font-size:0.3cm;
}
#text2
{
font-family: 隶书;
position:relative;
left: 120px;
width: 15%;
height:200px;
float: left;
line-height: 20px;
text-indent: 0cm;
font-size:0.3cm;
}
#text3
{
font-family: 隶书;
position:relative;
left: 170px;
width: 15%;
height:200px;
float: left;
line-height: 20px;
text-indent: 0cm;
font-size:0.3cm;
}
#text4
{
font-family: 隶书;
position:relative;
left: 230px;
width: 15%;
height:200px;
float: left;
line-height: 20px;
text-indent: 0cm;
font-size:0.3cm;
}
#text5
{
font-family: 隶书;
position:relative;
left: 70px;
width: 15%;
height:200px;
float: left;
line-height: 20px;
text-indent: 0cm;
font-size:0.3cm;
}
#text6
{
font-family: 隶书;
position:relative;
left: 120px;
width: 15%;
height:200px;
float: left;
line-height: 20px;
text-indent: 0cm;
font-size:0.3cm;
}
#text7
{
font-family: 隶书;
position:relative;
left: 170px;
width: 15%;
height:200px;
float: left;
line-height: 20px;
text-indent: 0cm;
font-size:0.3cm;
}
#text8
{
font-family: 隶书;
position:relative;
left: 230px;
width: 15%;
height:200px;
float: left;
line-height: 20px;
text-indent: 0cm;
font-size:0.3cm;
}
#text9
{
font-family: 隶书;
position:relative;
left: 70px;
width: 15%;
height:200px;
float: left;
line-height: 20px;
text-indent: 0cm;
font-size:0.3cm;
}
#text10
{
font-family: 隶书;
position:relative;
left: 120px;
width: 15%;
height:200px;
float: left;
line-height: 20px;
text-indent: 0cm;
font-size:0.3cm;
}
#text11
{
font-family: 隶书;
position:relative;
left: 170px;
width: 15%;
height:200px;
float: left;
line-height: 20px;
text-indent: 0cm;
font-size:0.3cm;
}
#text12
{
font-family: 隶书;
position:relative;
left: 230px;
width: 15%;
height:200px;
float: left;
line-height: 20px;
text-indent: 0cm;
font-size:0.3cm;
}
#text13
{
font-family: 隶书;
position:relative;
left: 70px;
width: 15%;
height:200px;
float: left;
line-height: 20px;
text-indent: 0cm;
font-size:0.3cm;
}
#text14
{
font-family: 隶书;
position:relative;
left: 120px;
width: 15%;
height:200px;
float: left;
line-height: 20px;
text-indent: 0cm;
font-size:0.3cm;
}
#text15
{
font-family: 隶书;
position:relative;
left: 170px;
width: 15%;
height:200px;
float: left;
line-height: 20px;
text-indent: 0cm;
font-size:0.3cm;
}
#text16
{
font-family: 隶书;
position:relative;
left: 230px;
width: 15%;
height:200px;
float: left;
line-height: 20px;
text-indent: 0cm;
font-size:0.3cm;
}注意：网页图片没有导入，可自行添加,
完整文件点击链接下载文案馆.zip-行业报告文档类资源-CSDN下载
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）