手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜的Vultr , 注册 | 登陆
浏览模式: 标准 | 列表2010年06月8日的文章

博客细微调整

Submitted by gouki on 2010, June 8, 8:49 PM

晚上对博客模版进行了细微调整，把顶部的百度广告换成了google的图片广告。因为百度的广告，文字性的看上去很难看，不如google图片看起来漂亮。

对代码框的宽度进行了微调，原来的宽度是98%，现在是78%，这样，在文章内容右侧有图片的时候，代码框仍然可以显示在主体中，而不是象以前，因为文章内容右侧有图片，代码框又太宽，而导致大量的内容沉到下边去。

文章底部的百度广告和淘宝客全部去掉。同时把页面底部的阿里妈妈广告提到上面来。原来内容页广告太多了。影响美观。（虽然我正在用YII重新尝试，但适当的美化页面还是需要的）

至此，页面上就没有百度广告了，由于百度广告我已经有了80块钱，如果全部撤掉，就太可惜了。因此在左侧栏的tag上方，放置了百度广告。希望可以早日满100元就可以撤下来了。

其实还有部分的模版中嵌有广告，有些我都不记得了，也不想再重新折腾，随便吧。。。最近下载了fvzone的reborn模版。正在尝试用yii嵌套，因为他的代码里全是wp的函数，所以改起来有点累。。

Tags: 博客, 调整

Misc | 评论:1 | 阅读:16297

zen coding for editplus

Submitted by gouki on 2010, June 8, 10:11 AM

前段时间我推荐了zen coding，并为此用上了notepad++，感觉在作网页的时候还行。而且，我的同事用dreamweaver的，也用上了它，感觉同样很爽。比如他输入：

XML/HTML代码
  1. div#page>(div#header>ul#nav>li*4>a)+(div#page>(h1>span)+p*2)+div#footer 
生成如下页面：
XML/HTML代码
  1. <div id="page">  
  2.     <div id="header">  
  3.         <ul id="nav">  
  4.             <li><a href=""></a></li>  
  5.             <li><a href=""></a></li>  
  6.             <li><a href=""></a></li>  
  7.             <li><a href=""></a></li>  
  8.         </ul>  
  9.     </div>  
  10.     <div id="page">  
  11.         <h1><span></span></h1>  
  12.         <p></p>  
  13.         <p></p>  
  14.     </div>  
  15.     <div id="footer"></div>  
  16. </div>  
早上推荐给小茗时，他说，Zen coding有for editplus的了。欣欣下载下来。运行后却发现，生成后的代码与官方不一样，看来还是有待改进啊，zen coding for editplus生成的代码是：
XML/HTML代码
  1.   <div id="page"></div>  
  2. <div id="header">  
  3.     <ul id="nav">  
  4.         <li>  
  5.             <a href=""></a><div id="page"></div>  
  6.             <h1>  
  7.                 <span></span><p></p>  
  8.                 <p></p>  
  9.                 <div id="footer"></div>  
  10.             </h1>  
  11.         </li>  
  12.         <li>  
  13.             <a href=""></a><div id="page"></div>  
  14.             <h1>  
  15.                 <span></span><p></p>  
  16.                 <p></p>  
  17.                 <div id="footer"></div>  
  18.             </h1>  
  19.         </li>  
  20.         <li>  
  21.             <a href=""></a><div id="page"></div>  
  22.             <h1>  
  23.                 <span></span><p></p>  
  24.                 <p></p>  
  25.                 <div id="footer"></div>  
  26.             </h1>  
  27.         </li>  
  28.         <li>  
  29.             <a href=""></a><div id="page"></div>  
  30.             <h1>  
  31.                 <span></span><p></p>  
  32.                 <p></p>  
  33.                 <div id="footer"></div>  
  34.             </h1>  
  35.         </li>  
  36.     </ul>  
  37. </div>  
这个与标准的偏 差实在是太大了。。。不过。在简单的情况下，还是可以使用的。将就着喽。总比没有的好。

下载地址为：http://www.vfresh.org/w3c/914

Tags: zencoding, editplus, notepad++

PHP | 评论:0 | 阅读:19914