当前目录: 前端资源
一款经典实用的表格效果

2012年12月21日  css基础教程,前端资源,学习jquery基础   

现在网站虽然抛弃了传统的表格布局网站但是表格在整理数据的时候还是需要用到的或者是论坛注册的时候也需要到,本人推荐一个用的比较多的表格效果。 点此处运行效果:运行效果   [code]<html> <head> <title>一款经典实用的表格效果</title> <meta http-equiv="content-Type" content="text/html;charset=gb2312"> <style type="text/css"> *{font-family:Tahoma, Arial, Helvetica, Sans-serif,"宋体";} table{ width:700px; margin:0px auto; font:Georgia 11px; font-size:12px; color:#333333; text-align:center; border-collapse:collapse;/*细线表格代码*/ } table td{ border:1px solid #999;/*细线表格线条颜色*/ height:22px; } caption{text-align:center;font-s...

WordPress在文章中添加代码边框达到美观效果

2012年12月20日  wordpress教程,前端资源,学习jquery基础   

我们在写技术文章的时候或者其他的情况下要在文章中添加代码为了网站的整体美观最好也在代码外添加边框效果也让读者看的舒服,无论是在WordPress文章中添加代码边框还是在其他的程序中一样可以使用这种方法。 1,下载run-code.js文件。 2,找到主题所在的 functions.php 文件,在最后添加下面代码: [code]/**添加可运行代码框*/ function textarea($atts, $content = null) { return '<script src="js/run-code.js" type="text/javascript" charset="utf-8"></script> <form> <div align="center"> <textarea id="code" style="width:100%;background:#efefef;border:1px dashed #cccccc;">'.$content.'</textarea> </div> </form> ';}add_shortcode("code", "textar...

如何在WordPress文章内插入脚本

2012年12月20日  wordpress教程,前端资源   

在WordPress写文章的时候,如果想插入一点简单的脚本,例如: javascript:tucao()   onclick=”tucao()” 插入这样的代码,但是会被WordPress的安全机制自动过滤成: javascript:void(0)   onclick=”" 那如何解决以上问题呢?以下是解决方法: 1.打开wp-include目录下的formatting.php文件,注释掉大概第2321行 $safe_text = str_replace( “\n”, ‘\\n’, addslashes( $safe_text ) ); 2.上传后,刷新后台,保存刚才保存不上的文章。 3.把formatting.php恢复原样。

解决wordpress文章标题过长自动截取以及wordpress首页文章显示方式冗余过长问题

2012年12月19日  wordpress教程,前端资源   

情况是这样的在写wordpress文章时我们避免不了有时候文章标题过长以后自动换行破坏了网站外观美感或者首页的文章显示冗长也会破坏网站外观美感也许有人想到用编辑器里面自带的“more”标签了决解但是首页每显示的文章的部分框就会高度不一致这样也破坏美观,我的解决思路是这样的:首页显示文章的代码和文章内链显示文章的代码各自独立修改样式或者代码相互不影响。网上我也搜索过类似的问题但是网上大部分说的也就是限制文章标题的显示字数根本解决不了问题。我的方法如下, 步骤: 1,打开single.php文件注释掉或者删除原来的 <?php get_template_part( 'content', 'single' ); ?> 2,删除之后首页可以显示文章但是点击文章进去后就无法看到内容了我们要在single.php原来删除的代码位置重新加如下代码: <?ph...

jquery实现wordpress侧边栏 固定位置

2012年12月15日  wordpress教程,前端资源,学习jquery基础   

关键字:侧边 悬浮 滚动 固定位置 相对定位fixed jquery实现wordpress侧边栏随滚动条滚动至指定的区域内就停止移动就像本站的右侧一样,现在教大家如何实现这效果。 基本流程是首先加载jquery库,之后在加载sidebar-follow-jquery.js文件。 接着就是你需要移动的div最重要的是在你需要移动的div后面紧加上以下代码: <script>(new SidebarFollow()).init({ element: jQuery('#content_right'), prevElement: jQuery('#xsnazzy'), distanceToTop: 2 });</script> 总结下步骤因为对初学者来说还是有点难度的当初我用的时候看了好半天才做出来: 1,加载jquery库 2,加载sidebar-follow-jquery.js文件 3,需要移动的div层 4,添加以上给出的代码 顺序不能乱。 现在教详细的写法就拿本站为例子讲解,本站的CSS...