Html: label (radio bottom)小技巧

<input type="radio" id="abc" /><label for="abc">這是oo</label>
<input type="radio" id="def" /><label for="def">這是xx</label>

<label><input type="radio">這是oo</label>
<label>
<input type="radio">這是xx</label>

用 label tag 能做到, 並非一定要點到圓圈的 Radio Button才能選取, 只要點到文字就可以選擇到 radio 的圈圈了~~

使用 label


沒用 label

這是oo
這是xx

CSS: 不換行 寫法(FORM)

平常 Html 寫到 FORM 會讓造成空隔多空一行 等等的問題, 以往都是將 Form 塞到 Table 跟 tr 間 的這些方法來解決.

css 有簡易的解法~ 照下面的一設就搞定了~

form{margin:0px; display:inline}

  • margin: 上下左右間隔都設為 0px
  • display: inline 之後顯示的秀在同一行

<h1> 想不換行也是同樣解法. </h1>, 只要<h1 style="display: inline;"> 就可以了.

擋掉溢位入侵駭客(病毒)

擋掉溢位入侵駭客(病毒)的 Script. 如下

grep "URI too long" /var/log/apache/error.log|
 awk '{FS="client ";print $2}'|awk '{FS="] request";print $1}'|
 sort|uniq|grep [0-9.]|
 awk '{print "/usr/sbin/iptables -A INPUT -s "$1" -j DROP"}'

取自 用 iptables 擋掉可能是新病毒的連線
不過. 知道自己的 Apache 有溢位的漏洞,
應該要去修補 Apache 才對呀.. XD

閱讀全文〈擋掉溢位入侵駭客(病毒)〉

IBM Notebook 軟體 自動更新

ThinkPad General Driver Auto Update

IBM 這套 自動更新軟體蠻神奇的,

更新項目如: 驅動程式、軟體甚至是 BIOS,全部都 自動檢查、自動下載、自動安裝.

對於一回家就把 Notebook 重灌, 但是卻發現找不到 驅動 的人特別有用.

而且 Supported ThinkPad systems -> 居然有 ThinkPad S31(*2).

超感動, 我一直以為 S31 已經被 IBM 遺忘了.

在 IBM 要找 S31 驅動, 真是有夠難找的.

只要是 IBM 的 Notebook, 都建議安裝用用看, 蠻方便的 🙂

閱讀全文〈IBM Notebook 軟體 自動更新〉

Firefox Plugin - Html Validator

Html Validator for Firefox and Mozilla

驗證 Html 是否符合標準語法, 會自動檢驗出哪個語法有問題.

特別在 Debug 找不到是哪邊有漏東漏西的時後最好用了..

一個超方便的工具~~ 安裝完後 "檢視原始碼" 就會看到效果了.

安裝完成後, 會在 Firefox 最下面會出現 勾勾 和 叉叉 的符號.

這就代表這個頁面是否合格~ :p

只要是網頁開發人員, 都強烈建議裝這 Plugin.

pLog 文章分類 排序

發現到 pLog 對文章分類排序不是針對英文字排序,

但是又很想要這個功能, 就只好去找找該去哪邊改囉.

找是找到了. 在 class/dao/mylinkscategories.class.php.

有寫著是如何排序的, 但是看了以後又更貪心了.

於是想著有沒有辦法自己去排順序,

於找到了一篇教學輕鬆搞定. 🙂

閱讀全文〈pLog 文章分類 排序〉