如何修改 Blogger 意見調查元件的文字顏色

在 Blogger 中, 有提供一個「意見調查」的網頁元素讓 Blog 使用, 不過它的選項文字顏色預設是黑色, 這對於像本站這種使用深色系顏色當底色的網站而言, 是一件很困擾的事, 因為黑色文字幾乎看不見

改善的方法, 一種是改變意見調查元素的底色, 另一種是改變意見調查元素的文字顏色

改變意見調查元素的底色
到 Blogger 的「修改 HTML」功能中, 找到你的意見調查元素, 可發現它是利用 iframe 載入另一個網頁, 語法如下

<iframe expr:height='data:iframeheight' expr:name='"poll-widget" + data:pollid' expr:src='data:iframeurl' frameborder='0' allowtransparency='true' style='border:none; width:100%;'/>

因為 iframe 設定了 allowtransparency='true' , 並且在它載入的頁面中指定 BODY 的 background 為 transparent, 所以它的底色預設就會跟主頁的底色一樣, 若是想要改變它的底色, 只要在 iframe 的 style 屬性中加入底色的設定即可, 例如

<iframe expr:height='data:iframeheight' expr:name='"poll-widget" + data:pollid' expr:src='data:iframeurl' frameborder='0' allowtransparency='true' style='border:none; width:100%;background-color:yellow;'/>

上例中, 意見調查元素的底色就會變成是黃色

改變意見調查元素的文字顏色
上面改底色的方法雖然能改善選項文字不清楚的問題, 但因只有這一個區塊顏色不同, 不免有點突兀, 一般而言, 還是會覺得若能跟主頁的色系一致, 看起來會好一點, 所以下面來介紹改變文字顏色的方法
其實方法很簡單, 只要將該 iframe 的 expr:src 屬性值稍作變化即可, 例如

<iframe expr:height='data:iframeheight' expr:name='"poll-widget" + data:pollid' expr:src='data:iframeurl + "&amp;txtclr=%23FFFFFF"' frameborder='0' allowtransparency='true' style='border:none; width:100%;'/>

上例中的 %23FFFFFF 即是選項文字的顏色值, 在 URL 中的 %23 即是【#】, 所以相當於 #FFFFFF (白色)的意思, 這是很常用的顏色表示法(可參考「幫網頁加上顏色(下)」一文), 因此只要將這個值改成你所想要的 16 進位顏色值即可
----
20080908 更新：改變文字顏色的部份要改為 "&amp;txtclr=%23FFFFFF" , 之前忘了文章中寫 [&amp;] 存檔後在顯示時會變成了只有 [&] ... ^__^"

--gs--
{如何在Blogger中使用意見調查元素}

沒找到你要的東西嗎？歡迎留下你的問題！若是我知道的，我會盡力的回答。