最新文章:

首页 站点相关

对小站进行一番修改

发布时间:2016年07月01日 评论数:0 阅读数:2080

    今天下午本来看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进行隐藏

二维码加载中...
本文作者:极光萝卜      文章标题: 对小站进行一番修改
本文地址:http://www.ijglb.com/post/31
版权声明:若无注明,本文皆为“极光萝卜丨某菜鸟的里世界”原创,转载请保留文章出处。