【此樣版的特色】簡而言之，就是自私XD
→ 『1024x768』螢幕解析度限定。（當年就是找不到大樣板才決定自己key XD）
→ 文章中可以貼大圖（寬619px）（這就是我堅持要1024x768 以上的原因）
→ 『橫幅圖』可以隨意更換（就像是網站的首頁一樣^_^）
→ 『網致描述』可以很多字很多行XD（我把他當廣告用XD）
→ 『發表迴響CSS』的那個留言用彈跳視窗也是整套的^_^
→ Firefox 火狐瀏覽器可用。（雖然我是ie使用者XD）
【使用說明】
→ 建議在『網誌設定』中，『網誌圖片大小』設定619px以下，避免跑框
→ 『發表迴響CSS』請到［這］下載CSS後貼上～（有註解的請點這）
→ 可以自行修改
→ 若有地方需要修改或建議也請留言給我，非常感謝：）
→ 800x600的使用者框架也不會縮小XD
【註解版和藤花版】
1. 這是此次分享的萬燈供養會樣式縮圖，游標也是配合此圖特別製作～
有註解，請到這邊複製貼上。
▽右邊連結區有選單頭和選單尾(底圖的頭和尾)
▽留言的彈跳視窗，輸入欄的寬度是配合網誌的寬度（下圖文字都糊掉了XD）
2. 這是藤花版的
只有首頁圖和萬燈供養會樣式不同，其餘皆相同。CSS請到這邊複製貼上。
================================================================================
【其餘首頁圖】
目前為止我用過的首頁圖，有興趣可以自行修改CSS替換使用之：）
▽萬燈供養會(三張合成) ▽國家地理雜誌-雪地
================================================================================
【關於自行修改CSS】
這個兩欄式樣板其實很簡單，若能幫助大家學習CSS我也會很高興：）
（因為我要貼圖，無法使用花俏的欄位變化，不然文章區將變得很小，或是框架被鎖定等等…）
我打的註解多是標籤（ID&Class），邊框或文字等語法，網路和實體書都有教學～
■About 更換橫幅……
若想更換自行最上面的首頁圖，請先準備一張維度 940 x 540 px 的圖片
wretch模板的是修改 h1 的圖片語法（若找不到可用ctrl+F搜尋）
大小建議壓縮到100KB左右，以免開啟者lag。顏色推薦黃褐色調為主比較和諧～
圖片建議左上角不要太花，以免網誌名稱和描述看不清楚。
因為文字顏色的關係，圖片左上角顏色深的可以直接修萬燈供養會的CSS（網誌描述是褐色）
顏色淺的建議修改藤花版的CSS（網誌描述是黑色）
■About 重新發表……
若要修改我的重新發表，架構要用就拿去，游標和所有圖片請重新製作
大致上不要長得太像（ex. 一看就是失散多年的雙胞胎XD!?）
並且事先告知我一聲（這是禮貌），我就不會有啥米意見XD
（要不然就整個大風吹，變成N欄位並列等等，完全無法聯想到那樣XD）
用純文字文件編輯CSS時，除了注意不要設定自動分行以外，存檔的編碼要選ANSI
若存成Unicode，上傳txt檔用網頁瀏覽器開啟分行會跳掉，編輯器也會顯示亂碼～
================================================================================
【修正流水帳】
07/04/08
原本是希望自己去踩10000，沒想到重灌斷線後轉眼就爆表了XD
一方面覺得很神奇，另一方面又覺得有點失落～畢竟沒啥進步嘛XD
這一兩天流量異常的高，其實我覺得蠻可怕的～
像剛剛的統計(`07.4/8 0:13) 本日人氣: 227 ／ 累積人氣: 10246
那些人是哪來的XD!? 怪哉也。
也是有想說要畫賀圖，然而人懶XD 那就放出CSS吧！當作一個階段囉～
用了半年上下，看也看膩了，促使自己去做下一種樣式吧～
當然，雖然分享出來，也不知有人會想用這種的嗎XD
中間修改
1.取消『最新迴響』顯示設定超過14~16個左右就會有捲軸的設定，因為使顯示篇數少者產生空白區域～
有需要者請到我網誌下載CSS
2.修正『發表迴響CSS』驗證法輸入欄邊框(先前忘了設定)
07/04/10
1.【發文者、發文時間和文章人氣 文字顯示】
關於uhomechem朋友反應的單篇文章發文者、發文時間和文章人氣的看沒有的情況
我忘了說XD 是故意隱藏的啦XD 因為不希望單篇文章的人氣影響我發文心情嘛~
要顯示也是很簡單，在編輯CSS的地方找到ID『.posted』大括號中的 color 顏色改成自己喜歡的就好
2.【英文首字自動大寫】
有些地方英文首字會自動大寫喔，如文章回覆的回覆者名稱、我的地盤的使用者名稱，
因為我覺得是人名就第一個字大寫嘛XD
假如覺得這個也很礙眼的話XD 就去CSS搜尋，把所有『text-transform: capitalize;』全刪掉XD
其實我真的不知道哪種比較適合大家使用，畢竟每個人的習慣不同～
反正，有問題就問我，我能改就可以幫忙改，不用客氣：）
08/02/25
使用ie7.0和ff2.0 test，和闇之沉鬱一樣修正!important造成的錯誤
這個樣板是文章標題偏上方，上架的已經修正
08/02/29
1.網誌描述右邊文字不斷行就超出邊框，加設overflow
2.文章標題超出範圍，同上。
3.原始燈籠版和藤花版都加上註解，重新整理。
4.換成google空間貼css
5.整理這篇文章，並刪掉grey模板的css。
================================================================================
關於圖片介紹與說明請見此文http://blog.pixnet.net/smallwu36/post/1584283
→ 『1024x768』螢幕解析度限定。（當年就是找不到大樣板才決定自己key XD）
→ 文章中可以貼大圖（寬619px）（這就是我堅持要1024x768 以上的原因）
→ 『橫幅圖』可以隨意更換（就像是網站的首頁一樣^_^）
→ 『網致描述』可以很多字很多行XD（我把他當廣告用XD）
→ 『發表迴響CSS』的那個留言用彈跳視窗也是整套的^_^
→ Firefox 火狐瀏覽器可用。（雖然我是ie使用者XD）
【使用說明】
→ 建議在『網誌設定』中，『網誌圖片大小』設定619px以下，避免跑框
→ 『發表迴響CSS』請到［這］下載CSS後貼上～（有註解的請點這）
→ 可以自行修改
→ 若有地方需要修改或建議也請留言給我，非常感謝：）
→ 800x600的使用者框架也不會縮小XD
【註解版和藤花版】
1. 這是此次分享的萬燈供養會樣式縮圖，游標也是配合此圖特別製作～
有註解，請到這邊複製貼上。
▽右邊連結區有選單頭和選單尾(底圖的頭和尾)
▽留言的彈跳視窗，輸入欄的寬度是配合網誌的寬度（下圖文字都糊掉了XD）
2. 這是藤花版的
只有首頁圖和萬燈供養會樣式不同，其餘皆相同。CSS請到這邊複製貼上。
================================================================================
【其餘首頁圖】
目前為止我用過的首頁圖，有興趣可以自行修改CSS替換使用之：）
▽萬燈供養會(三張合成) ▽國家地理雜誌-雪地
▽藤花 ▽生死格鬥-小霞(惡搞修改版)
▽國家地理雜誌-峽灣（兩張圖一樣，只是放在不同網路空間）
▽2007陽明山花季(交叉筆觸) ▽(四色)
(擴散光暈)
▽2007陽明山花季(交叉筆觸) ▽(四色)
(擴散光暈)
================================================================================
【關於自行修改CSS】
這個兩欄式樣板其實很簡單，若能幫助大家學習CSS我也會很高興：）
（因為我要貼圖，無法使用花俏的欄位變化，不然文章區將變得很小，或是框架被鎖定等等…）
我打的註解多是標籤（ID&Class），邊框或文字等語法，網路和實體書都有教學～
■About 更換橫幅……
若想更換自行最上面的首頁圖，請先準備一張維度 940 x 540 px 的圖片
wretch模板的是修改 h1 的圖片語法（若找不到可用ctrl+F搜尋）
大小建議壓縮到100KB左右，以免開啟者lag。顏色推薦黃褐色調為主比較和諧～
圖片建議左上角不要太花，以免網誌名稱和描述看不清楚。
因為文字顏色的關係，圖片左上角顏色深的可以直接修萬燈供養會的CSS（網誌描述是褐色）
顏色淺的建議修改藤花版的CSS（網誌描述是黑色）
■About 重新發表……
若要修改我的重新發表，架構要用就拿去，游標和所有圖片請重新製作
大致上不要長得太像（ex. 一看就是失散多年的雙胞胎XD!?）
並且事先告知我一聲（這是禮貌），我就不會有啥米意見XD
（要不然就整個大風吹，變成N欄位並列等等，完全無法聯想到那樣XD）
用純文字文件編輯CSS時，除了注意不要設定自動分行以外，存檔的編碼要選ANSI
若存成Unicode，上傳txt檔用網頁瀏覽器開啟分行會跳掉，編輯器也會顯示亂碼～
================================================================================
【修正流水帳】
07/04/08
原本是希望自己去踩10000，沒想到重灌斷線後轉眼就爆表了XD
一方面覺得很神奇，另一方面又覺得有點失落～畢竟沒啥進步嘛XD
這一兩天流量異常的高，其實我覺得蠻可怕的～
像剛剛的統計(`07.4/8 0:13) 本日人氣: 227 ／ 累積人氣: 10246
那些人是哪來的XD!? 怪哉也。
也是有想說要畫賀圖，然而人懶XD 那就放出CSS吧！當作一個階段囉～
用了半年上下，看也看膩了，促使自己去做下一種樣式吧～
當然，雖然分享出來，也不知有人會想用這種的嗎XD
中間修改
1.取消『最新迴響』顯示設定超過14~16個左右就會有捲軸的設定，因為使顯示篇數少者產生空白區域～
有需要者請到我網誌下載CSS
2.修正『發表迴響CSS』驗證法輸入欄邊框(先前忘了設定)
07/04/10
1.【發文者、發文時間和文章人氣 文字顯示】
關於uhomechem朋友反應的單篇文章發文者、發文時間和文章人氣的看沒有的情況
我忘了說XD 是故意隱藏的啦XD 因為不希望單篇文章的人氣影響我發文心情嘛~
要顯示也是很簡單，在編輯CSS的地方找到ID『.posted』大括號中的 color 顏色改成自己喜歡的就好
2.【英文首字自動大寫】
有些地方英文首字會自動大寫喔，如文章回覆的回覆者名稱、我的地盤的使用者名稱，
因為我覺得是人名就第一個字大寫嘛XD
假如覺得這個也很礙眼的話XD 就去CSS搜尋，把所有『text-transform: capitalize;』全刪掉XD
其實我真的不知道哪種比較適合大家使用，畢竟每個人的習慣不同～
反正，有問題就問我，我能改就可以幫忙改，不用客氣：）
08/02/25
使用ie7.0和ff2.0 test，和闇之沉鬱一樣修正!important造成的錯誤
這個樣板是文章標題偏上方，上架的已經修正
08/02/29
1.網誌描述右邊文字不斷行就超出邊框，加設overflow
2.文章標題超出範圍，同上。
3.原始燈籠版和藤花版都加上註解，重新整理。
4.換成google空間貼css
5.整理這篇文章，並刪掉grey模板的css。
================================================================================
關於圖片介紹與說明請見此文http://blog.pixnet.net/smallwu36/post/1584283
哈哈哈／手提音響
【本人】...Orz(7)
自訂搜尋
謝謝你的開放..
古色古香的味道..真棒..
以下是我想發問的問題
首頁文章都會出現" uhomechem at PIXNET 於 10:12 PM 發表 | 迴響(0) | 引用(0) | 編輯 | 刪除 | 人氣(1)"
可是有些文字都要反白後才能看到，要怎能把沒有顯示的字給顯示出來?
拜託回答一下吧
謝謝!!
很高興你喜歡：）
ＴＯ：
關於那些文字的顯示，詳細已回覆在上文末的增添文
感謝你的回報^_^
真是超級大好人(被毆)的CSS作者，
呃，
真的很謝謝你啊啊啊啊：Ｄ
因為之前就很喜歡妳的設計
尤其把回應也改成可以顯示標題的功能之後XDD
可是不好意思直接跟妳要妳的心血
畢竟那也是妳自己鑽研很久才完成的
可是，現在開放了以後又不想跟別人一樣，哈哈哈XD
好啦，總之現在小無的好人集卡冊應該一本接一本的塞爆了，哇哈哈哈
哩係呵郎~
免謝！因為我又發現一個BUG了XD (而且還沒修復XD)
真的想毆我了吧XDD
>>我在心裡高興得大吼大叫啊...直接跟妳要妳的心血...開放了以後又不想跟別人一樣
啊反正和您這有名大站的使用者也沒關係啊XDD
>>把回應也改成可以顯示標題的功能
那個不是增加功能,而是把整個模板全部換掉OTZ (也就是CSS全部重新KEY啊orz)
>>好人集卡冊應該一本接一本的塞爆了
集滿可以換什麼東西嗎XD
我想套用你這個版面
不過套用後右邊那ㄧ欄(就是有頭像、最新文章&迴響那)
會跑到左邊網誌那欄的下面耶
我對這比較不懂
不好意思請問是哪裡有問題呀？
謝謝
跑框啦～
通常是因為文章內的圖片過寬或是有設定前縮排等等因素
是進入首頁就會跑框嗎？還是繼續閱讀文章的時候呢？
可以照張案發現場給我看看嗎．_．a
是進入首頁就會跑框
我圖截好了~
要怎給你看呢？
我先放到相簿裡~
圖兩張我看了，但是還是看不出原因orz
右邊自訂欄位也沒有過寬的東西，左邊文章區又只有文字．．．難倒我了Orz
莫非這個樣式和您無緣!? 看樣子只能說很不好意思了|||orz
(趕回家~)
說到過寬的東西
似乎有‧‧‧
我又截了張圖了
是我的蒐藏那欄的關係嗎？
抱歉阿又要麻煩你去看一下了Orz
我修改CSS了，麻煩您再次套用看看orz
若真的是這個原因，我分享的樣式都要修改了吧... -_-;;;
可以了耶！
雖然蒐藏的字會截掉一些
但終於可以用了~
非常謝謝你Orz
不好意思一直麻煩你‧‧‧
不過之前我也是套用你的"光之囧囧"
就可以的說(但闇之沉鬱就也不行)
還有附註解的~~~~
我可以學著自己改css看看~感謝阿~~~~
我用在我的無名上~~~
謝謝~!!!!!
我不會用在無名上的~~~~!!!感謝~
你的css設計真的太讚了~~~!!!!!!!!!!
太好了，終於沒事了：）
光囧不會跑框是因為設定方法不同～
TO：tiramisufren
不好意思因為我有點排斥有名大站XD
希望註解對你學習CSS有幫助：）
感謝您的分享~~~
你設計的版面真的夠酷...粉棒喲~我也是喜歡暗色系的~很期待你的新作^^
希望你也能夠做些相簿.留言板.名片等樣式分享給大家...
因為我是CSS白痴..正在專心研究中>>>
SO期待期待喲))))
因為中間卡到pixnet官方把整體架構新加上文章標題是超聯結(以前是純文字)
而為什麼後來沒修改到又沒刪掉那個版本呢...因為我忘了...(爆死
真的很對不起.......................
一直修改讓上文變得很亂，已經不是第一次有朋友貼到沒修改的版本orz
所以上文已重新整理，把舊的css砍掉，新的也只分享有註解的
（太多版本我會忘了修orz）
那個版本有哪些沒修改到不記得了...若只是文章標題的話
請換掉h3這項變成下面的
h3 {
COLOR: #482000;
TEXT-ALIGN: left;
FONT-FAMILY: Times New Roman;
FONT-SIZE: 16px;
PADDING-LEFT: 80px;
PADDING-RIGHT: 20px;
PADDING-TOP: 15px;
*PADDING-TOP: 40px;/*修正ie6 ie7 ff2的相容性 請勿刪*/
HEIGHT: 39px;
OVERFLOW: hidden;
}
然後加上這個
h3 a {
COLOR: #482000;
TEXT-ALIGN: left;
FONT-FAMILY: Times New Roman;
FONT-SIZE: 16px;
TEXT-DECORATION: none;
}
h3 a:hover {
FONT-SIZE: 16px;
}
另外，右邊最下方底圖重疊了
應該是因為『沙發上的餘溫』語法有誤，造成下面欄位都偏了
從參觀人氣開始全部偏向右邊，所以最後版權區才露出底圖
不知道那個欄位是什麼樣的內容，若是貼上原始碼
試試在最後加上結束的語法</table>，讓電腦知道那個欄位已經結束～
大概這樣吧，有問題再說巴^^
上方（左右兩側未使用欄位）拉到下方（目前版面）即可囉
這邊有字數限制
已用版主回應回覆danapai。要修改css的時候都會跳到燈籠的
若是指藤花，剛剛測試CSS還在，不過回響部份還要修改
假如完全和CSS不熟，個人是建議換新樣式吧
舊的無名模板被官方炸得很慘
說實在，很生氣官方不重視設計者的這種態度
因此我才不再分享新樣式了...
你設計的很好看
有改了一些
多謝您的分享
Comment Permissions: Allow commenting