Tweet |
|
剛搬到 WordPress ,目前在找適合的 code Syntax Highlight
於是找到這篇文章:The Live Writer Source Code Plug-in For WordPress.com Blogs
由於我是用 Windows Live Writter 來寫文章,所以使用這套
雖然奇怪的是我必須開啟 SyntaxHighlighter Evolved 這套外掛
看起來才 Run 的正常,我想是因為開啟該外掛,才會將相關所需的 js 與 css 載入的關係
anyway ,總算是可以看到 format 的 code 格式
以下就是它的效果:
CSS
body { overflow:hidden; /* needed to eliminate scrollbars caused by the background image */ padding:0; margin:0; /* necesarry for the raster to fill the screen */ height:100%; width:100%; }
PHP
<? include("footer.php"); ?>
HTML
<!-- Header --> <div id="header" class="wrapper"> <div class="logo"><a href="/" title=""><img src="images/loginLogo.png" alt="" /></a></div> <div class="middleNav"> <ul> <li class="iMes"><a href="#" title=""><span>Support tickets</span></a><span class="numberMiddle">9</span></li> <li class="iStat"><a href="#" title=""><span>Statistics</span></a></li> <li class="iUser"><a href="#" title=""><span>User list</span></a></li> <li class="iOrders"><a href="#" title=""><span>Billing panel</span></a></li> </ul> </div> <div class="fix"></div> </div>
JavaScript
$(function(){ $('.dd').click(function () { $('ul.menu_body').slideToggle(100); }); });
