2012年12月13日 星期四

替 blogger 加上額外的 css

範本 -> 自訂 -> Blogger 範本設計工具 -> 進階 -> 新增 css

pre.gray{
background: #cccccc;
color: #111111;
line-height:200%;
padding:20px;
border:1px solid #ffffff;
font-size: 9pt;
text-shadow: #fafafa 0px 1px 0px;
-webkit-box-shadow:inset #666 0px 2px 7px;
-moz-box-shadow:inset #666 0px 2px 7px;
-box-shadow:inset #666 0px 2px 7px;
background-image: url(https://lh4.googleusercontent.com/-WO9vMOWvqWo/UG4-XnjDCUI/AAAAAAAAinM/7xdQpgJIAH0/s800/wide_rectangles.png);
}

pre.cmd{
border: 1px inset ; margin: 0px; padding: 6px; overflow: auto; width: 600px; text-align: left;
}

我目前定義了幾個 pre css, 然後就可以這樣用:

test.html
<pre class="cmd">cmd</pre>
<pre class="gray">pre</pre>

css 畫面:
cmd
pre

沒有留言:

張貼留言

使用 google 的 reCAPTCHA 驗證碼, 總算可以輕鬆留言了。

我實在受不了 spam 了, 又不想讓大家的眼睛花掉, 只好放棄匿名留言。這是沒辦法中的辦法了。留言的朋友需要有 google 帳號。