2009/11 Xuite 新版 CSS 樣版的 bug(01/15 更新) @ Frank的雜記

2009-11-07 00:13 2009/11 Xuite 新版 CSS 樣版的 bug(01/15 更新)

此次 Xuite 新版 CSS 樣版有許多好用的更新!!

不過剛改新版總有些問題需要再修正的!!

在這裡 Frank 稍微整理一下套用新版時所遇到的問題!!

自由欄位內容變更時異常無更動!!

甚至將內容完全刪除只鍵入一個字元

送出後還是顯示原來的內容沒有變動!!

雖然可以新增一個新欄位重新填入來解決!!

但...

若是欄位全都用完時頭就很大了!!

此問題已修正囉!!

請見:

新版CSS與自由欄位 

Xuite站長群的回覆!!

經 Frank 測試結果正常勒耶!!

感謝喔辛苦了!!

-更新(2009/11/9 - 下午 06:53)

投票人數不會增加!!

顯示已評分完畢!!但人數並無變動!!

Frank 順道測試此功能是否正常

看來也一併修復囉!! OK!!

-更新(2009/11/9 - 下午 08:21)

3.1

js 衝突!?失效!?

複製代碼鈕

比如:

[部落格][欄位]動態衛星雲圖(即速加強版)

裡支援 Firefox 複製代碼失效!!

由於此問題是在舊版中提問的

故在新版中無法檢測正常的動作!!

Frank 特此寫入代碼方便測試!!

請點擊"測試代碼"執行!!

-更新(2009/11/14 - 下午 05:15)

代碼:
<script type="text/javascript">function copyToClipboard(txt) { var copied = false; if(window.clipboardData) { window.clipboardData.clearData(); window.clipboardData.setData("Text", txt); copied = true; } else if (window.netscape) { try { netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect"); } catch (e) { alert("被瀏覽器拒絕！\n請在瀏覽器網址列輸入'about:config'\n，將'signed.applets.codebase_principal_support'設為'true'"); } var clip = Components.classes['@mozilla.org/widget/clipboard;1'] .createInstance(Components.interfaces.nsIClipboard); if (!clip) return; var trans = Components.classes['@mozilla.org/widget/transferable;1'] .createInstance(Components.interfaces.nsITransferable); if (!trans) return; trans.addDataFlavor('text/unicode'); var str = new Object(); var len = new Object(); var str = Components.classes["@mozilla.org/supports-string;1"] .createInstance(Components.interfaces.nsISupportsString); var copytext = txt; str.data = copytext; trans.setTransferData("text/unicode",str,copytext.length*2); var clipid = Components.interfaces.nsIClipboard; if (!clip) return false; clip.setData(trans,null,clipid.kGlobalClipboard); copied = true; } if (copied) alert('文字內容已複製到剪貼簿中!'); else alert("使用的瀏覽器不支援文字複製功能!"); }function runCode(obj) { if (!obj){ obj=document.getElementById(obj);} var code=obj.value; var newwin=window.open('','',''); newwin.opener = null; newwin.document.write(code);newwin.document.close();} </script> <b>代碼:</b><br/> <textarea style="background-image: url(http://7.blog.xuite.net/7/0/0/b/11559578/blog_222965/txt/15892831/81.png); width: 500px; height: 100px;" id="gg">複製代碼鈕測試!! 現在可以點擊"複製代碼"鈕!若要支援 Firefox 請按照指示進行!! 如出現: 來自「*」的 Script 要求更高的權限: 在您的機器上執行或安裝軟體您最好確定這邊的程式沒問題才給它權限。請點擊"允許"!!不一定要勾選"記住此決定"!!</textarea><br /><input onclick="runCode(document.getElementById('gg'))" value="測試代碼" type="button" /><button onclick="copyToClipboard(gg.value);">複製代碼</button>

關於複製代碼的問題 Frank 發現是新版 <!DOCTYPE ..> 宣告的問題導致失常!!

Frank 目前已更換另一組可在新版中執行!!

上面點擊"測試代碼"後開出的語法框是不適合新版的前一組程式!!

文章裡的是新一組的語法框程式!!

-更新(2010/1/15 - 上午 10:13)

3.2.

lightbox

另外!!

在此新版的前兩個版本是可以支援 lightbox 的圖片展示的!!

請見之前的文章:

Popup 特效 + lightbox @ Frank的雜記 :: Xuite日誌

接下來更新的 CSS 樣版版本就完全失效了!!

...

哇~~!!太讚了!!新版也修正了對 lightbox 的支援了!!

在舊版本中看來是沒有修正!(不過可能也沒必要了!!)

Xuite 團隊真的很用心啊!!

呵呵!!

-更新(2009/11/9 - 下午 09:01)

咦!??又失效!?

發現只能在摘要時檢視有效!!

點進文章時一樣是失效了!!

摘要可以在此測試:

Frank的雜記 :: Xuite日誌 

-更新(2009/11/13 - 上午 08:23)

Frank的雜記 :: Xuite日誌 

-更新(2009/11/28 - 下午 05:39)

Frank的雜記 :: Xuite日誌 

-更新(2010/1/15 - 上午 10:41)

關於此問題 Frank 也認為是新版 <!DOCTYPE ..> 宣告的問題導致失常!!

目前尚未有方法使之正常!

-更新(2010/1/15 - 上午 10:13)

特殊欄位位置變更時 IE6 無法正常顯示!!

比如 Frank 將右欄放於中間欄位之上

Firefox Google 瀏覽器可完全正常顯示 IE7 IE8 位置正確!!

但在 IE6 下就完全消失無右欄!!

不支援 IE6 顯示了嗎!?

我知道不久後 Xuite 是決定不支援了

還是 CSS 編輯錯誤了呢!?

或許 Frank 功力太差了!!呵呵!!

備註:

Frank 是將中間欄位下移

再將右欄使用 position:absolute

固定於中間欄上

問題是新版的 CSS 於 IE6 並不接受 position:absolute 屬性!!

會導致該位置消失!!

但再將左欄新增 position:absolute 屬性!!

是可以正常顯示左右欄!!但版面卻是大亂的!!

-更新(2009/11/13 - 下午 07:20)

此問題感謝狗貓大的相助得以解決!!

謝謝狗貓大!!經由"擠壓"這樣的提示

最後 Frank 只將間格加大 1px

右欄與中間欄減少 1px

就完全正常囉!!

新版的 CSS 於 IE6 還是接受 position:absolute 屬性的!!

不過 IE6 為何會造成如此現象真是不解!?

-更新(2009/11/16 - 下午 09:17)

難以掌握瀏覽器相容性的版面位置

在各種瀏覽器之各版本下檢視的結果

每一種顯示的都不一樣!!

之前瀏覽器不相容只需將 Firefox 與 IE 間不同之處

分別編寫各個的 CSS 即可符合大部分的瀏覽器!!

但目前似乎更複雜了!?

使用者若是用自訂的 CSS 樣版

各瀏覽器相容性這點確實要注意的!!

-更新(2009/11/16 - 下午 09:26)

日誌基本設定完畢版尾內容會變回預設

必須回到編排欄位 (含自由欄位)再做一次設定!

(原 CSS 樣板就有的問題!!)

看來此問題似乎也修復了!!

加油!!加油!!

-更新(2009/11/10 - 下午 12:13)

最重要的是"還原舊版型" CSS 樣板後

卻不能再度作編輯!!

就強制停留在自訂備份檔中的日期!!|||

也就是不能再使用原本舊的樣版做編輯了!!

成了新版不慣用舊版不能改的窘境!!

看來 Xuite 日誌是不決定於舊版面做編輯了!!

目前若是於自訂 CSS 樣式做過變更

或變更佈景主題

即會自動升級新版!!

不使用舊版面編輯了!!

Xuite 團隊修復了新版許多問題後

套用新版應不會有太大的問題了!!XD

不然就只能回復到最後做變更的自訂樣式囉!!(還原舊版型)

-更新(2009/11/10 - 下午 12:59)

8.1.

Firefox 與 Google 瀏覽器於新版中的不同

日誌的工作列開關

這是正常的開關於 IE 各版本或是 Firefox Google 瀏覽器日誌舊版 CSS 樣版中的顯示!!

這是新版 CSS 樣版在 Firefox Google 瀏覽器中的顯示!!多了兩個隱藏列!!

-新增(2009/11/10 - 下午 07:43)

這問題在套用很多新版版面上

會造成檔頭圖片蓋到了工作列

使工作列完全無效且佔用空間

此問題 Frank 嘗試自行修正!!

CSS 語法如下:

#topmanageropen {
height:6px;
}
#topmanager td img{
margin:-3px 0 -6px 0;
#margin:0;
}
#topmanageropen a img{
margin:0 0 6px 0;
#margin:0;
}
#topmanageropen td{
background-repeat: repeat-x;
}

此法會使圖示稍有下移

但也暫時解決了隱藏列佔用的問題!!

-更新(2009/11/14 - 下午 12:29)

此問題 Frank 再度嘗試自行修正!!

CSS 語法如下:

也修正了對 Google 瀏覽器相容性

#topmanageropen td,#topmanageropen{
font-size:0;
background-repeat: repeat-x;
z-index: 11;
}
#topmanageropen img{
margin:0px 0 6px 0;
#margin:0;
}

-更新(2009/11/28 - 上午 04:31)

目前的 CSS 看起來 Xuite 是採用了 Frank 的方式做修正了!!

所以使用者現在並不需要做 CSS 修改!!

若感覺版面頂端有些間隔可在 CSS 中加上

#topmanageropen{
height: 6px;
}

可讓版面頂端緊密喔!!

-更新(2010/1/15 - 上午 10:31)

8.2.

圖片並排

這是正常圖片並排於 IE 各版本或是 Firefox 日誌舊版 CSS 樣版中的顯示!!

這是新版 CSS 樣版在 Firefox 中的顯示!!多出了空白間隔!!

上圖來源請參考:

Popup 特效 + lightbox @ Frank的雜記 :: Xuite日誌

-新增(2009/11/10 - 下午 07:43)

關於圖片並排修正的部份

Xuite站長群的回覆:

2009/11 Xuite 新版 CSS 樣板的 bug

於自訂CSS樣式 Frank 加入

.blogbody a img{vertical-align: middle;}

就正常囉!!

非常感謝!!辛苦了!!

-更新(2009/11/13 - 下午 05:20)

發現使用

.blogbody a img{vertical-align: bottom;}

比較正常!不影響推薦書籤列圖示!

-更新(2009/11/14 - 上午 02:17)

Firefox 日誌站內連結失敗

如果你是 Firefox 的使用者

相信對於這個 BUG 應該不陌生吧!!

在編輯器中要貼上日誌站內連結無論是使用

分頁拖曳法:

http://blog.xuite.net/frank.hgs/GE/28269839

更正:Firefox 3.5.5 正常拖曳分頁於編輯器內

會是這樣的:

http://blog.xuite.net/frank.hgs/GE/28269839

與直接貼網址相同

順道說明一下!!

上方的超連結是 Frank 有安裝:

bug489729 (Disable detach and tear off tab) :: Firefox 附加元件

避免 Firefox 3.5+ 拖曳分頁成了另開視窗

並可將分頁拖曳至桌面建立捷徑

然而也可拖曳於編輯器中成為超連結

-更新(2009/11/11 - 下午 06:45)