【使用說明】
測試環境為 IE6 IE7 FF3，有任何疑問與發現錯誤歡迎回報。
建議螢幕解析度 1024x768 px 以上，內文圖片寬度 615 px 以下，右側連結內容寬度 269px 以下。
⚠️關於2024.12.29 痞客幫官方強制 壓縮畫質(全部網誌文。圖片嚴重變糊)
⚠️若想看原畫質圖片，可右鍵點圖 新視窗放大 (若我打文時有設定；但舊文 或圖太多的文章 可能沒有)，
或參閱此篇 (找原始碼) https://smallwu36.pixnet.net/blog/post/49513044
或參閱此篇 (找原始碼) https://smallwu36.pixnet.net/blog/post/49513044
目前分類：語法、技術等 (50)
- May 09 Sat 2009 23:00
闇之傳說 - X JAPAN 網誌CSS樣式 [無名小站版]
- Apr 24 Fri 2009 20:12
- 如何貼上網誌的CSS
- Apr 21 Tue 2009 03:54
- 闇之傳說 - X JAPAN 網誌CSS樣式 [PIXNET版]
【使用說明】
測試環境為 IE6 IE7 FF3，有任何疑問與發現錯誤歡迎回報。
建議螢幕解析度 1024x768 px 以上，內文圖片寬度 615 px 以下，右側連結內容寬度 270px 以下。
(我自己的螢幕是1920x1080~)
- Nov 21 Fri 2008 21:07
- 修改痞客音樂撥放器XD
- Aug 23 Sat 2008 04:15
- pixnet的腦子是個天大的笑話
是紅中的照樣照句。
新版全是BUG，罄竹難書（這個很重的成語難得可以用上了= =）
好啦，反正發表迴響那區域和版主回覆我修好了，CSS的ID與class標籤架構如下，有興趣者可參考。
- May 10 Sat 2008 03:06
- 『∞光之翠城∞』IE6 vs IE7
基本上的問題都是在IE6不支援PNG半透明和特殊字型。
前者我在IE7放出前早就知道，一開始就支援半透明的只有火狐，
然而實際看到IE6不支援的狀況還是觸目心驚orz
比較圖如下：
- Feb 24 Sun 2008 21:36
- 「∞闇之寒影∞」
Pixnet Blog 樣板CSS（含迴響CSS），模板為痞客模版。（可顯示頭像那種）
連製作首頁圖的PSD檔案都釋放囉XDD
【特色】
→ 主打灰階！無炫目色彩依然華麗XD
→ 最上方大圖可隨喜好更替。
→ 1024x768 以上建議，文章區寬620px。
→ 『發表迴響CSS』有配套樣式（請見下文）
【使用說明】
→ 可自行修改
→ ie6可用。ie5以下不支援。
→ 預設隱藏：網誌分類附近的招呼語、頁尾超連結、文章內的回到頁首、單篇文章的迴響數與人氣。
→ 發現bug請務必告訴我，會盡快修正^^|||（建議也歡迎）
連製作首頁圖的PSD檔案都釋放囉XDD
【特色】
→ 主打灰階！無炫目色彩依然華麗XD
→ 最上方大圖可隨喜好更替。
→ 1024x768 以上建議，文章區寬620px。
→ 『發表迴響CSS』有配套樣式（請見下文）
【使用說明】
→ 可自行修改
→ ie6可用。ie5以下不支援。
→ 預設隱藏：網誌分類附近的招呼語、頁尾超連結、文章內的回到頁首、單篇文章的迴響數與人氣。
→ 發現bug請務必告訴我，會盡快修正^^|||（建議也歡迎）
- Jan 07 Mon 2008 05:06
- CSS的IE和FF相容性
重灌從IE6變成IE7，才發現很多地方都跑位了orz 微軟真的讓人很麻煩orz
研究了一下語法，大概統整如下。未測試完，不敢100%保證ok就是了 = =;
|
語法
|
FF
|
IE7
|
IE6
|
IE5
|
範例
|
|
html>/**/body
|
O
|
X
|
X
|
|
html>/**/body padding: 10px ;
|
|
!important
|
O
|
O
|
X
|
|
padding: 10px !important;
|
|
html>body
|
O
|
O
|
X
|
|
html>body padding: 10px ;
|
|
#
|
X
|
O
|
X
|
|
#padding: 10px ;
|
|
+
|
X
|
O
|
X
|
|
+padding: 10px ;
|
|
*:first-child+html
|
X
|
O
|
X
|
X
|
*:first-child+html padding: 10px ;
|
|
*+html
|
X
|
O
|
X
|
X
|
*+html padding: 10px ;
|
|
*
|
X
|
O
|
O
|
|
*padding: 10px ;
|
|
*html
|
X
|
O
|
O
|
O
|
*html padding: 10px ;
|
|
_
|
X
|
X
|
O
|
O
|
_padding: 10px ;
|
|
|
|
|
|
|
|
- Nov 16 Fri 2007 00:27
- 灰階新樣版「∞闇之寒影∞」
- Jun 29 Fri 2007 07:36
- 名片CSS
原本想說回去前寫個新的BLOG樣式，但是時間不夠了(昨天才開工) 因此就試試名片的CSS～
然而標籤都不認識，花了兩天還是沒搞定 orz
今晚前一定要打包完，白天又和高中同學有約，沒時間修改了，更別說分享出去了（會有人想用嗎XD）
懶得看廢話就直接點連結→ http://www.pixnet.net/profile/smallwu36
- Jun 01 Fri 2007 07:34
- 1280 x 1024 的置中～
因為我自己是1024x768，所以樣式不支援1280x1024
之前有樣式套用者提起這點，雖然我死鴨子嘴硬，其實內心是很在意的XD
反正呢，經過研究似乎很簡單XDD
原來html . body. #blog_main . #container 等等根本不用設定
只需要在 #container2 設定寬度width: ＊＊px;和margin: auto; 即可~
之前有樣式套用者提起這點，雖然我死鴨子嘴硬，其實內心是很在意的XD
反正呢，經過研究似乎很簡單XDD
原來html . body. #blog_main . #container 等等根本不用設定
只需要在 #container2 設定寬度width: ＊＊px;和margin: auto; 即可~
- May 01 Tue 2007 19:30
- 樣版「∞光之囧囧∞」 (勿套用了，謝)
第一次不是因為自己要用而做的XD
雖然沒有想像中囧XD
畢竟還是要顧慮一下實用性嘛~
【註解】
→ 【囧】字義：光明、明亮。大明也。
典例：《文選》江淹．雜體詩30-18：『囧囧秋月明，憑軒絰麑老。』
典例：《文選》江淹．雜體詩30-18：『囧囧秋月明，憑軒絰麑老。』
→ 全版面區域皆使用黃金分割(1：1.618)，感受古希羅時代之完美比例！
黃金分割(Golden Section)的金色與『囧』之本義也相互呼應XD
黃金分割(Golden Section)的金色與『囧』之本義也相互呼應XD
- Apr 18 Wed 2007 19:03
- 新的CSS樣版『闇之沉鬱』(2/24修)
舊酒裝新瓶啦XD 認識我的人就知道這是以前我在有名小站使用的樣式
自己還挺喜歡的，雖然我不會重複使用以前的樣式，不過想說修一修分享出來好像也不錯
（沒想到頗花時間XD 中間還又再N度被學校斷網orz 本來是想接著做桃華月憚的整套CSS啊~）
- Apr 13 Fri 2007 02:30
- 頭像幻燈片播放位移的情況
罷個爸哥都是Bug，請叫我bug王 |||orz
這就是沒實力又要逞強去分享樣版的後果嗎XD
但是這次我真的覺得不完全是我的錯XD
因為那個功能只有VIP付費會員才能使用，所以我以前從來沒用過～
幸好現在因為PIXNET被智邦併吞，一般會員有一個月的VIP試用，要不然就好笑了XD
跟樣版套用者說因為小人我沒錢你們自己想辦法嗎XD（先被賞拳比較快XD）
- Apr 11 Wed 2007 08:13
- 最新回應的捲軸CSS設定
赫然間出現很多CSS文章～因為不想再全部貼在一起啦，文章又長又亂
這次來說說關於捲軸
這次來說說關於捲軸
- Apr 11 Wed 2007 04:40
- 發表迴響CSS的驗證碼輸入欄
- Apr 08 Sun 2007 06:51
- 「∞闇之綺麗∞」css (2/29修)
【此樣版的特色】簡而言之，就是自私XD
→ 『1024x768』螢幕解析度限定。（當年就是找不到大樣板才決定自己key XD）
→ 文章中可以貼大圖（寬619px）（這就是我堅持要1024x768 以上的原因）
→ 『橫幅圖』可以隨意更換（就像是網站的首頁一樣^_^）
→ 『網致描述』可以很多字很多行XD（我把他當廣告用XD）
→ 『發表迴響CSS』的那個留言用彈跳視窗也是整套的^_^
→ Firefox 火狐瀏覽器可用。（雖然我是ie使用者XD）
【使用說明】
→ 建議在『網誌設定』中，『網誌圖片大小』設定619px以下，避免跑框
→ 『發表迴響CSS』請到［這］下載CSS後貼上～（有註解的請點這）
→ 可以自行修改
→ 若有地方需要修改或建議也請留言給我，非常感謝：）
→ 800x600的使用者框架也不會縮小XD
→ 『1024x768』螢幕解析度限定。（當年就是找不到大樣板才決定自己key XD）
→ 文章中可以貼大圖（寬619px）（這就是我堅持要1024x768 以上的原因）
→ 『橫幅圖』可以隨意更換（就像是網站的首頁一樣^_^）
→ 『網致描述』可以很多字很多行XD（我把他當廣告用XD）
→ 『發表迴響CSS』的那個留言用彈跳視窗也是整套的^_^
→ Firefox 火狐瀏覽器可用。（雖然我是ie使用者XD）
【使用說明】
→ 建議在『網誌設定』中，『網誌圖片大小』設定619px以下，避免跑框
→ 『發表迴響CSS』請到［這］下載CSS後貼上～（有註解的請點這）
→ 可以自行修改
→ 若有地方需要修改或建議也請留言給我，非常感謝：）
→ 800x600的使用者框架也不會縮小XD
- Jul 11 Tue 2017 09:30
關於網誌內文貼大圖～回覆的測試用
關於網誌內文貼大圖～回覆的測試用：
PIXNET 網誌 CSS 各欄位邊框的寬度 設定方法與測試 之類的XD @ 小無的不臘閣
文章：http://smallwu36.pixnet.net/blog/post/41564434
留言：http://smallwu36.pixnet.net/blog/post/41564434#comment-62025336
- Mar 17 Mon 2008 14:37
HTML dog 書筆記
讀書的筆記。
|
如何設計好網站－－無廢話XHTML & CSS／Patrick Griffiths著／台北市Ｌ：上奇科技，2007年初版。譯自HTML dog：the best-practice guide to XHTML & CSS 。有趣的是中文版封面寫說『Amazon.com五顆星一致好評推薦』，實際去亞馬遜網站看，英文的2006年出版，今天為止只有五個人投票，平均4.5啊。沒有什麼公信力的數值。莫非是認為讀此書的中文讀者不會去確認？要當誠實的人，不可以說謊啊。算了，書中的內容真的不錯，比起時下什麼佈置部落格等書實用且可信任。前幾天才在書局站著看完一本，不出所料，我只學到一個字型的原則，幸好沒有買。
|
【Comic】漫畫 (6)
