专注于WEB前端开发, 追求更好的用户体验, 更好的开发体验 [长沙前端QQ群:234746733]

实践

  • Sablog-X Hack:字体大中小选择 for1.6

    / 分类: 开发,实践 / No Comments

    之前妹妹曾经对我说BLOG字体太小了,只是当时没心思去改,不过这件事到还放在心上~因为这个意见是的确不错的。把用户体验放首位,做站的都应该知道,而这个字体大小选择也就是其中的一小方面吧。。修改方法比较简单,没什么技术含量,就是用javascript。提供2种方法,都能够支持IE及Firefox、opera等浏览器。

    方法一:编辑模板目录下的show.php

    1.查找:ajax.js"></script>,下面加:

    JavaScript代码
    1. <script language="javascript" type="text/javascript">
    2.     function FontZoom(fsize){
    3.         var ctext = document.getElementById("sa_content");
    4.         ctext.style.fontSize = fsize +"px";
    5.     }
    6. </script>

    2.查找:$article[cname]</a>,后面加:

    XML/HTML代码
    1. 字体:[<a href='javascript:FontZoom(16)'></a> <a href='javascript:FontZoom(14)'></a> <a href='javascript:FontZoom(12)'></a>]  
    3.查找<div class="content">修改为:<div class="content" id="sa_content">

    方法二:编辑模板目录下的show.php

    1.查找:ajax.js"></script>,下面加:

    JavaScript代码
    1. <script language="javascript" type="text/javascript">   
    2. //更改字体大小  
    3. var curfontsize=14;   
    4. function fontZoomA(){   
    5.   if(curfontsize>8){   
    6.     document.getElementById('sa_content').style.fontSize=(--curfontsize)+'pt';   
    7.   }   
    8. }   
    9. function fontZoomB(){   
    10.   if(curfontsize<20){   
    11.     document.getElementById('sa_content').style.fontSize=(++curfontsize)+'pt';   
    12.   }   
    13. }   
    14. </script>      

    2.查找:$article[cname]</a>,后面加:

    XML/HTML代码
    1. 字体:<a href="javascript:fontZoomB();"></a>  <a href="javascript:fontZoomA();"></a>  

    3.同方法一的第3步。

  • 曾经制作的天上QQ2005·留个纪念给自己

    / 分类: 实践,生活 / No Comments

    是用NSIS制作的,因为当时制作的时候是2005年,所以版本是QQ2005的。突然之间发现了,曾经制作的天上QQ的安装程序还在的,索性就截个图,给自己留个纪念吧。之所以叫天上QQ,是因为自己曾经在天上人间论坛的时候制作的,主题和泡泡堂和天上人间有关,算个论坛专版吧,而且任务栏的QQ图标也是自己原创的彩色泡泡图标。那个红色的小蘑菇也是自己玩韩F泡泡时候,从韩国泡泡里面提取出来的。

  • 发布的模板-截图、存档、整理

    / 分类: 实践,生活 / No Comments

  • bleach(死神)模板发布,最终修正版

    / 分类: 实践,生活 / No Comments

    此模板下载后,自己可以DIY,但是,请尊重别人的劳动成果,模板底部的“Designed by M”请保留。如果你不同意,请不要使用/下载/传播此模板。必须去掉时也请争得本人的同意,并说明理由。

    模板简介:

    800*600或者1024*768或者1440*900分辨率下(理论上是自适应分辨率的),用IE5、IE6、IE7、FireFox、Opera、K-Meleon经过测试都能正常显示。通过XHTML1.0&CSS2.0检测.(W3C认证)

    20070710040636671

    此模板是在以前制作的“bleach”模板基础上升级而成,和原模板的不同:banner修改;日期时间修改;去掉了LightBox;修复访客评论输入“:):):):):)”这样的字符撑破表格导致模板错乱的BUG(无论800*600还是1024*768都能正常显示);增加在IE5等底版本浏览器的显示。

    PS:在我电脑上测试是完全没问题了,如果有人发现这个模板还有哪里有问题,请在这里留言,看到后我会第一时间完善。

    还有附件的logo图不是我现在的blog的,如果你想用这个,也可以,不过要编辑bleach.css 把#pageheader里面的height: 105px!important;替换成:height: 126px;,把#topnote里面的top: 89px;修改为top: 113px;,后台系统设置logo名称也要换成logo.gif。

  • [三栏清爽模板]发布(通过XHTML1.0)!

    / 分类: 实践,生活 / No Comments

    首先说明一点:此风格不是原创,原作者:http://www.hoofei.com/的wordpress的模板,本人只是修改了一些内容把模板变成适合SABLOG-X的。

    20070710040859296

    比SABLOG原模板多的:加了FLASH MP3播放器;加了LIGHTBOX(浏览图片特效);加了鼠标移动到连接上的黑色背景能气泡提示。

    ------Note:自己编辑htm模板时,一定要用EditPlus等支持utf8的软件编辑,否则模板会出现错误