TypechoJoeTheme

老狮的梦

统计
登录
用户名
密码
/
注册
用户名
邮箱
输入密码
确认密码
搜索到 34 篇与 美化 的结果
2019-07-25

给博客加个电视直播单独页面

给博客加个电视直播单独页面
我喜欢看电影,喜欢看电视,于是我便弄了一个在线电视直播的单页给自己。今天突然有人问我是怎么实现的,于是我在这里分享出来。食用方法新建页面首先在博客的主题文件下面新建一个页面,命名为:page-tv.php,也可以自定义命名。添加代码然后在page-tv.php页面里添加以下代码<?php /** * 归档页面 电视 * * @package custom */ ?> <?php if(!defined('__TYPECHO_ROOT_DIR__')) exit; ?> <?php $this -> need('header.php'); ?> <div class="tab-a list-all w1214" style="padding-top:10px;"> <iframe width="100%" scrolling="no" height="600" align="middle" ...
老狮
2019-07-25

网络代码

1,965 阅读
1 评论
2019年07月25日
1,965 阅读
1 评论
2019-07-23

博文加个小日历

博文加个小日历
最近看了好多人都在写博客日历,再搭配一个小小的日历效果,感觉非常的酷,于是便也尝试用这种方式记录自己每天的经历,确实是个不错的主意。于是便拔了一个大佬的日历效果分享给大家吧!效果 .today{background-color:#efefef}#calendar a,#calendar a:hover{display:block;border: 0 !important;} function isLeap(year) { return year % 4 == 0 ? (year % 100 != 0 ? 1 : (year % 400 == 0 ? 1 : 0)) : 0; } function calendar() { var i, k, today = new Date("2019/07/01"), y = today.getFullYear(), m = today.getMonth(), d = new Date().getDate(), firstday = new Date(y, m, 1), dayOfWeek ...
老狮
2019-07-23

网络代码

2,222 阅读
4 评论
2019年07月23日
2,222 阅读
4 评论
2019-07-17

侧边栏的小日历

侧边栏的小日历
这个日历的效果非常的简洁,本人非常的喜欢,以后会弄的到,先放在这里再说。效果 *{margin:0;padding:0;} ul,li{list-style:none;} #calendar{width:280px;overflow:hidden;border:1px solid #dadada;position:absolute;left:50%;top:50%;margin-left:-141px;margin-top:-141px;border-radius:3px;} .c_header{width:100%;height:60px;background-color:#83d8e7;background-image:linear-gradient(to bottom,#abe5ef,#83d8e7);position:relative;} .c_header h1{font-size:16px;height:30px;line-height:30px;text-align:center;color:#ffffff;} .c_header span{width:20px...
老狮
2019-07-17

网络代码

1,328 阅读
0 评论
2019年07月17日
1,328 阅读
0 评论
2019-07-17

小巧的时间+日历特效

小巧的时间+日历特效
无意间看到了这个小乔的网页特效,感觉很好玩。说不一定以后会用到,于是便分享出来了。效果 function Year_Month(){ var now = new Date(); var yy = now.getFullYear(); var mm = now.getMonth()+1; var cl = ''; if (now.getDay() == 0) cl = ''; if (now.getDay() == 6) cl = ''; return(cl + yy + '年' + mm + '月'); } function Date_of_Today(){ var now = new Date(); var cl = ''; if (now.getDay() == 0) cl = ''; if (now.getDay() == 6) cl = ''; return(cl + now.getDate() + '日'); } function Day_of_Today()...
老狮
2019-07-17

网络代码

1,364 阅读
0 评论
2019年07月17日
1,364 阅读
0 评论
2019-07-05

利用独立页面为博客做一个炫酷的引导页首页效果

利用独立页面为博客做一个炫酷的引导页首页效果
最近一直在为博客的引导页而烦恼。原本是想在空间里新建一个二级目录,然后把引导页放进去,然后通过域名绑定到二级目录就可以轻松实现了。可是问题是我的空间不支持二级目录,可就无法实现了呀。怎么办呢?我记得TYPECHO程序有一个自定义首页的功能,于是我在根目录下面新建一个index文件夹,把引导页放进去,然后再用自定义首页指向这个index文件夹不就可以了吗。但是我进去一看,所谓的自定义首页必须是使用TYPECHO里的独立页面才可以实现,外部链接是不可以的。于是我就直接新建一个引导页的独立页面不就可以了吗?!操作方法新建引导页模块在主题文件里面新建一个page-index.php作为引导页,然后将以下代码放进去。<?php /** * 归档页面 首页 * * @package custom */ ?>然后把引导页的所有代码全部复制到上面代码的下面。如果引导页里面有CSS和JS文件的话请自行添加CSS和JS的链接路径。我这里的的CSS和JS文件是放在主题文件里面的,然后用<?php $this -> options -> themeUrl('c...
老狮
2019-07-05

网络代码

5,414 阅读
6 评论
2019年07月05日
5,414 阅读
6 评论
2019-07-03

魔改single主题后的一些设置

魔改single主题后的一些设置
首先本站主题是基于SINGLE主题的基础上进行魔改。新增内容1.增加了单栏和三栏的自由切换模式修改方法:给单栏博客加个多栏的选择,可以自由切换2.增加了首页缩微图和没有图片显示随机图片修改方法:调用文章第一张图作为缩略图以及随机缩略图调用3.增加了首页、文章页玻璃框效果修改方法:给博客添加一个“玻璃框”,让其显得更加的立体4.增加了评论验证码修改方法:为博客添加算术验证码5.增加了评论等级效果修改方法:给博客添加酷酷评论等级效果5.增加了文章字数统计修改方法:百度自行搜索6.增加了评论显示浏览器和操作系统修改方法:百度自行搜索7.增加了打赏功能修改方法:百度自行搜索8.增加了分享和百度收录修改方法:百度自行搜索9.美化了上一篇,下一篇修改方法:百度自行搜索暂时就魔改了这么多,还在折腾的道路上继续折腾!本站的设置站点图标http://laolion.com/img/ico.png站点背景http://api.btstu.cn/sjbz/?lx=dongman自定义样式表(鼠标样式)body { cursor:url('/img/1.cur'), auto; } select...
老狮
2019-07-03

网络代码

1,542 阅读
0 评论
2019年07月03日
1,542 阅读
0 评论
2019-06-23

仿twitter和新浪微博自适应高度无缝滚动效果

仿twitter和新浪微博自适应高度无缝滚动效果
本来是想找的内容并不是这个,但是无意之间却发现了这个效果非常的不错,于是看了下是如何实现的。然后就贴了出来,以下内容均来自互联网,请自行修改其中的代码。效果展示 ul,li{margin:0;padding:0;list-style:none;} body{margin:0;height:100%;background:#fff;} .wp{position:relative;width:760px;height:400px;overflow:hidden;margin:20px auto;border:4px solid #121212;background:#fff;} .slider{position:absolute;width:700px;padding:0 20px;left:0;top:0;} .fl{float:left;} .slider img{display:block;padding:2px;border:1px solid #ccc;} .slider li{padding:20px 0;border-bottom:1px dashed #ccc;o...
老狮
2019-06-23

网络代码

1,272 阅读
0 评论
2019年06月23日
1,272 阅读
0 评论
2019-06-21

给单栏博客加个多栏的选择,可以自由切换

给单栏博客加个多栏的选择,可以自由切换
引子最近看着自己博客单栏显得既单调又枯燥,于是想着能不能弄个多栏的,之前一直用的是pinghsu主题,心想着能不能按照它的样式弄一个三栏的首页。有了这个想法之后就开始了折腾......如何实现多栏?下载了pinghsu的主题开始研究,发现它实现三栏的方式是用box-sizing:border-box;width:33%来实现的三栏,然后又请教了大佬,他说建议用columns: 3。于是我查了下两个都可以实现多栏的效果,我采取了大佬的建议选择了后者。然后我新建了一个CLASS样式:.newspaper{ columns:3; -moz-columns:3; /* Firefox */ -webkit-columns:3; /* Safari 和 Chrome */ }这样就可以了。然后再用<div class="newspaper"></div>包住单栏的样式就可以了。单栏和多栏的自由切换多栏实现了之后,接下来就是如何在单栏和多栏之间进行自由切换的问题了,还是参照了pinghsu的主题。在functions.php文件里面最下面放入以下代...
老狮
2019-06-21

网络代码

2,128 阅读
0 评论
2019年06月21日
2,128 阅读
0 评论
2019-06-20

跟随鼠标旋转的圆环/文字

跟随鼠标旋转的圆环/文字
直接上方法吧。放在页脚footer.php里</body>之前就可以了。旋转的圆环<script language="JavaScript"> <!-- //Pick your own colours below!! CoLoUrS=new Array('00ff00','ff00ff','fff000','3366ff'); var step=0.3,a_StEp=0.05,RunTime=0,currStep=0,Xpos=0,Ypos=0,cntr=70,count_a=0; var count=0,move=1,Ay=0,Ax=0,dots=16;var x;brwsr=(document.layers)?1:0; if (brwsr){ for (i=0; i < dots; i++){ document.write('<LAYER NAME="a'+i+'" LEFT=0 TOP=0 BGCOLOR=#3366ff CLIP="0,0,3,3"></LA...
老狮
2019-06-20

网络代码

1,368 阅读
0 评论
2019年06月20日
1,368 阅读
0 评论

互动读者

  • 八九闲逛

    评论 5 次 | 文章 0 篇

  • 老狮博主

    评论 5 次 | 文章 335 篇

  • aihe闲逛

    评论 3 次 | 文章 0 篇

  • 秋天笔记闲逛

    评论 3 次 | 文章 0 篇

标签云