最新消息:Excel无乱码转CSV,由于工作原因很少更新博客和回复大家的评论,非常抱歉。

嗨酷哥工具箱正式上线

嗨酷哥工具箱集成了:在线代码高亮、CSS压缩/格式化、HTML多功能代码转换器、Javascript 转 HTML、HTML 转 Javascript、JS/HTML加密/压缩/格式化、Javascript加密/解密、Javascript代码混淆、拼音字典查、HTML特殊符号对照表等。还会断续增加,期待……

前往体验:工具箱

  1. 在线代码高亮
  2. CSS压缩/格式化
  3. HTML多功能代码转换器
  4. Javascript 转 HTML
  5. HTML 转 Javascript
  6. JS/HTML加密/压缩/格式化
  7. Javascript加密/解密
  8. Javascript代码混淆
  9. 拼音字典查
  10. HTML特殊符号对照表

 

使用说明:

一、CSS样式:

<?php if(is_page('tools')):?>
<style type="text/css">
body{background: url("<?php bloginfo('template_url') ?>/img/base.jpg") no-repeat fixed center 0 #C0E2F8;color:#333;}
.content,.footer-sub{width:960px;margin:auto;}
.main {float:left;padding:20px;width:96%;}
.main-tools{padding-left:200px;}
.aside{float:left;margin-left:-200px;width:180px;}
.aside-menu a{display:block;height:30px;line-height:30px;overflow:hidden;border-top:1px solid #eee;border-bottom:1px solid #eee;margin-bottom:-1px;}
.aside-menu a.on{background-color:#fdfdfd;border-bottom:1px solid #ddd;color:#333;font-weight:bold;position:relative;z-index:2;cursor:default;}
.aside .btn{display:inline-block;height:26px;line-height:26px;padding:0 12px;font-size:12px;color:#fff;min-width:48px;text-align:center;border-radius:2px}
.aside .btn{background-color:#1E7BB3;background-image:-webkit-linear-gradient(top,#3999D2,#1E7BB3);background-image:-moz-linear-gradient(top,#3999D2,#1E7BB3);border-bottom:1px solid #02598E;box-shadow:#bbb 0 1px 2px;text-shadow:#1E7BB3 0 -1px 0;}
.aside .btn:hover{opacity:.9;filter:alpha(opacity=90);color:#fff}
.aside .btn:active{border-bottom:none;position:relative;top:1px}
.aside .btn-mini{height:20px;line-height:20px;padding:1px 8px 0;border:0;}

.tools{*+width:100%;*+float:left;}
.somenum{font-size:14px;float:right}
.somenum strong{font-size:16px;color:#D42222;margin:0 4px}
.sitetip{font-size:14px;color:#444;margin-bottom:12px;}
.tarea{width:99%;height:220px;border:#d4d4d4 1px solid;margin-bottom:12px;box-shadow:0 0 4px #eee;padding:4px;font-size:12px;line-height:18px}
.tarea:focus{background:#fdfdfd;border:#ccc 1px solid}
.sbtn{padding:0 12px;padding:0 5px\9;height:28px;line-height:27px;display:inline-block;margin-right:6px;border:#ccc 1px solid;border-radius:2px;box-shadow:0 0 4px #eee;background-color:#f9f9f9;background-image:-webkit-linear-gradient(#F9F9F9,#F2F2F2);background-image:-moz-linear-gradient(#F9F9F9,#F2F2F2);background-image:-o-linear-gradient(#F9F9F9,#F2F2F2);background-image:-ms-linear-gradient(#F9F9F9,#F2F2F2);background-image:linear-gradient(#F9F9F9,#F2F2F2);color:#333;cursor:pointer}
.sbtn:hover,.sbtn:focus,.select:hover{border:#aaa 1px solid;color:#000}
.select{padding:4px;border:#ccc 1px solid;border-radius:2px;box-shadow:0 0 4px #eee;margin-right:6px}
.subbtn{margin-bottom:12px;}
.table{border-left:#DADADA 1px solid;border-top:#DADADA 1px solid;text-align:center;margin-bottom:12px}
.table th,.table td{border-right:#DADADA 1px solid;border-bottom:#DADADA 1px solid;padding:6px}
.table th{background:#F6F6F6}
.table tr td:nth-child(1),.table tr td:nth-child(4){background:#f9f9f9}
.table tr:hover td{background:#EFF7FD;color:#D42222}
.share{margin:5px 0 12px;}
.cm-s-default{ white-space:pre-wrap;}
</style>
<?php endif;?>

二、修改common.js:

大概在43行的样子,找到“//tools”注释的地方,把下面的jQuery替换成:

var tool_id = document.URL.split('#')[1];
$('.aside-menu a').each(function(){
if( $(this).attr('href').split('#')[1] == tool_id ){
$(this).addClass('on').siblings('a').removeClass('on');
$('.tools').load('wp-content/themes/d4/tools/'+ $(this).attr('id') +'.php');
}
$(this).click(function(){
$(this).addClass('on').siblings('a').removeClass('on');
$('.tools').load('wp-content/themes/d4/tools/'+ $(this).attr('id') +'.php');
})
})

到“//dshare 大前端专用分享模块”注释止。

四、请将样式贴到header.php模板的<head></head>之间。
五、把Hicoogle_Tools目录里的tools、img文件夹和tools.php模板上传到D4模板目录下。
六、在后台新建页面,选择模板为Tools。

压缩包已加密,解压密码:www.hicoogle.com

更新日期:2012-04-08

下载:嗨酷哥工具箱

转载请注明:嗨酷哥,有你更酷! » 嗨酷哥工具箱正式上线

与本文相关文章

发表我的评论

取消评论
表情 插代码

Hi,您需要填写昵称和邮箱!

  • 必填项
  • 必填项

网友评论18条  本站回复15

  1. 你好,有个问题咨询下,你这个工具箱好像只能用在theme为D-Simple的目录下,换到其他主题,点击就没反应,是要哪里改这个地方呢?

    小米2013-11-28 10:34 回复
  2. 这个真心不错,支持一下!

    李金龙2013-05-24 16:15 回复