页脚信息插入以及合理美化
引子
在我进行博客的开发的时候,在网站备案成功之后,不可避免的就是在页脚上添加我们的备案信息,那么问题就来了,加上备案信息和一些小功能,作为一个小白的我,该如何去做呢
添加备案信息
0x01 常规
之前也接触过HTML的标签的一些知识,那么自然而然就想到了最简单的标签
<iframe frameborder="0" scrolling="no" style="width: 0%;height:0px;"></iframe>
<center style="padding: 0;margin:0;list-style: none">
<br><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=168xxxxxxx">粤ICP备168xxxxxxx号</a>
</center>
就像这样
大家可以看到明显上面多出了很多空白的地方,很不好看。那么把上方的限制条件全删了看一下,发现正常显示了,当我在下方语句前面加上<br>
标签时,就会留空,也就是会缩进一些字符,导致上下不对称
<a href="http://www.miibeian.gov.cn" target="_blank">鲁ICP备2021045898号</a>
0x02 其他方法
这里也可以用<div>
这个标签来进行页脚的添加,这是solstice23师傅的方法,拿来借用一下还是可以的,效果也很不错
<div><a href="https://beian.miit.gov.cn" target="_blank"><strong>鲁ICP备2021045898号</strong></a><?php if (get_option('argon_hide_footer_author') != 'true')?></div>
就代码简洁度而言,还是最朴实的第一种方法比较好,也很简洁。
其他功能
添加一个本站已经运行的标识,例如:
0x01 js实现
0x01
<script language = "JavaScript"type = "text/javascript" >
var urodz = new Date("11/18/2016"); //添加网站的上线时间
var now = new Date();
var ile = now.getTime() - urodz.getTime();
var dni = Math.floor(ile / (1000 * 60 * 60 * 24));
document.write(dni+"天");
</script>
1058天
0x02
<span id="span"></span>
<script type="text/javascript">
function runtime(){
X = new Date("11/18/2016 8:32:00");// 初始时间,日/月/年 时:分:秒
Y = new Date();
T = (Y.getTime()-X.getTime());
M = 24*60*60*1000;
a = T/M;
A = Math.floor(a);
b = (a-A)*24;
B = Math.floor(b);
c = (b-B)*60;
C = Math.floor((b-B)*60);
D = Math.floor((c-C)*60);
span.innerHTML = "本站勉强运行: "+A+"天"+B+"小时"+C+"分"+D+"秒"
}
setInterval(runtime, 1000);
</script>
本站勉强运行: 1058天13小时34分46秒,且时间为动态变化
0x02 php实现
PHP函数
<?php
function Sec2Time($time){
//设置时区,如果需要去掉注释即可
//date_default_timezone_set('Asia/Shanghai');
$stime = strtotime($time);
$times = time() - $stime;
if(is_numeric($times)){
$value = array(
"years" => 0,
"days" => 0,
"hours" => 0,
"minutes" => 0,
"seconds" => 0,
);
if($times >= 31556926){
$value["years"] = floor($times / 31556926);
$times = ($times % 31556926);
}
if($times >= 86400){
$value["days"] = floor($times / 86400);
$times = ($times % 86400);
}
if($times >= 3600){
$value["hours"] = floor($times / 3600);
$times = ($times % 3600);
}
if($times >= 60){
$value["minutes"] = floor($times / 60);
$times = ($times % 60);
}
$value["seconds"] = floor($times);
return (array) $value;
}else{
return (bool) FALSE;
}
}
?>
函数调用:
<?php
//可以修改成自己网站的初始时间
$time = Sec2Time('2016-08-11 00:00:00');
echo $time['years'].'年'.$time['days'].'天'.$time['hours'].'小时';
// $time['minutes'] 分
// $time['seconds'] 秒
?>
运行结果:3年62天2小时
此PHP代码,会输出年月日时分秒,但时间段不会动态变化
未完待续
文章参考
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 doathuwant!