menu 极光萝卜
对小站进行一番修改
folder_special 站点相关    access_time 2016-7-1   remove_red_eye 2421   comment 0

今天下午本来看C#的,看着看着,瞅了眼网站←◡←

啊~直接放下C#的书跑来捣鼓网站了(请不要在意我这么容易被转移注意力)

中间断断续续搞到现在,算是有几点改动了

1、离开网站标签页面会改变标签标题(偷师于http://853.bronya.net/

1.png

2、调整了多说评论的显示

2.png

涉及对css和js的修改,参考文章:http://ssk.91txh.com/209 和 http://ssk.91txh.com/207

加上博主标志和评论者使用平台...同时在在js里将头像输出的alt改成title,现在鼠标移动在所有多说相关的头像上,都能显示出头像的主人了(之前好坑,有的不显示)

QQ截图20160702163337.png

评论框增加背景图,同时把整个form整体调整为70%的透明度

3、调整多说最新评论调用的css样式

3.png

表示并不会css,还好有chrome的开发者工具,边百度边改动查看效果。

把头像显示进行了圆角处理,顺便扩大评论内容的那个框框...

4、修改了网站背景的显示

以前的网站背景图片是5s一换的模式,后来发现总是在第一次加载的时候出不来背景。

所以换成每次随机一张背景图显示。经过各种百度学习和修改,算是勉强完成了。

附,旧版动态背景来源:http://www.gouji.org/?post=317

附代码,新随机背景图,自己配合百度的进行修改:


<script type="text/javascript">
        var bodyBgs = [];
	bodyBgs[0] = "http://www.ijglb.com/content/uploadfile/tpl_options/bg1.jpg";
        bodyBgs[1] = "http://www.ijglb.com/content/uploadfile/tpl_options/bg2.jpg";
        bodyBgs[2] = "http://www.ijglb.com/content/uploadfile/tpl_options/bg3.jpg";
        bodyBgs[3] = "http://www.ijglb.com/content/uploadfile/tpl_options/bg4.jpg";
        bodyBgs[4] = "http://www.ijglb.com/content/uploadfile/tpl_options/bg5.jpg";
        var randomBgIndex = Math.round( Math.random() * 4 );
    //输出随机的背景图
        document.write("<div id=\"ijglb\" style=\"position:absolute; width:100%; height:100%; z-index:-999999; position: fixed;\"><img src=\""+ bodyBgs[randomBgIndex] + "\"height=\"100%\" width=\"100%\"/></div>");
</script>
由于主题模板的原因(好像是?),或者是我不会调自适应。暂时有个缺陷,就是在不合适的尺寸下显示背景图片也会压缩成那个尺寸(╬゚д゚)▄︻┻┳═一

什么时候有时间再研究研究修复下吧(`・ω・´)

5、移动端隐藏炮姐(偷师于saber.我爱你

识别userAgent进行隐藏

local_offer javascript