前几天换了新板子,不过没有完全换好,今天在博客里加了一段 javascript 代码,于是大功告成!
暂时没有想到什么好听的名字,就叫“龙头凤尾”吧~
以下是更新记录详解:
页面上方出现了一条日志分类的导航条。
首页页尾增加了博客信息和分页信息。
日志页尾增加了博客信息和当前日志的标题信息。
最后分享一下 javascript 代码,如果各位 5D 博友也想给自己的博客加各自的龙头凤尾的话,可以参考这个办法~
function fix2Style() {
document.getElementById('menu').style.display = 'none';
var list = document.getElementById('menu_c').getElementsByTagName('ul')[0];
var inner = document.getElementById('inner');
var catogery = document.createElement('div');
catogery.className = 'navigator';
list.className = 'catogeries';
inner.insertBefore(catogery, document.getElementById('sidebar'));
catogery.appendChild(list);
var address = document.createElement('div');
catogery.appendChild(address);
address.className = 'address';
address.innerHTML = '<a href="http://jinjiang.blog.5d.cn/">http://jinjiang.blog.5d.cn</a>';
var copyright = document.createElement('div');
copyright.innerHTML = '<a href="http://jinjiang.blog.5d.cn/"><img id="avatar" class="avatar photo_item" height="40" width="40" alt="" src="http://my.5d.cn/u/head/jinjiang.5d.cn.gif" /></a><p><a href="http://jinjiang.blog.5d.cn/"><strong>每一天都是一个新的开始!</strong></a> - <a href="http://jinjiang.5d.cn/">Jinjiang</a></p>';
copyright.className = 'copyright';
inner.appendChild(copyright);
var pagenav = document.getElementById('pagenav') || document.createTextNode(document.title);
copyright.appendChild(pagenav);
pagenav.style.display = 'block';
}
window.onload = fix2Style;