這個樣式算是把之前用過的概念都套上去吧
為了符合大眾,所以沒用什麼奇怪的技巧
色調也是用最簡單的黑白配
因為不會畫圖,所以大部分都是字= =
反正也沒什麼不好的,單調一點也好

最近痞客辦了"痞客樣式伸展台"這個活動
其實我還蠻感嘆的,覺得我們痞客裡面的設計師好像真的不多耶
常常看到有人在抱怨說痞客裡的樣式太少
我相信在這裡會CSS的人應該很多
像我也其實沒什麼技術,但是樣式也是可以被上架到後台
所以大家如果有自己設計出來的樣式,就請多多上架到後台吧
以後我做出來的樣式也會盡量放到後台去,希望啦

PS. 這個樣式會去參加痞客樣式伸展台,如果有看到,就幫我投投票吧,只是不知道會不會過而已...

沒想到才投上去一個小時左右就審核完畢了,真的超快!
這麼晚了痞客還有人在工作?

2009.11.05更新
如果碎念連播那邊版位亂掉的話,把CSS裡的下面這段程式碼刪掉就行囉
/*--碎碎唸聯撥內容區塊--*/
/*#broadcast .box-text{
 width:88%;
 float:left;
}
#broadcast .box-text ul {
 margin:0px 0px 3px 0px;
 width:100%;
 overflow-x:hidden;
 clear: both;
 border-bottom:1px solid #e5e5e5;
}
#broadcast .box-text li {
 display:inline;
}
#broadcast .box-text .broadcast-photo{
 display:none;
}
#broadcast .box-text .broadcast-photo img{}
#broadcast .box-text .broadcast-photo a:hover img{}
#broadcast .box-text .broadcast-time{
 float:left;
 width:100%;
 height:17px;
 line-height:17px;
 text-align:right;
}
#broadcast .box-text .broadcast-time span{
 color: #555;
}
#broadcast .box-text .broadcast-time a{ 
 color: #888;
}
#broadcast .box-text .broadcast-time a:hover{
 color:#555;
}
/*--碎碎唸聯撥文字內容--*/
#broadcast .box-text .broadcast-text{
 float:left;
}
#broadcast .box-text .broadcast-text a{
 margin:0px 0px 0px 3px;
 width:100%;
 display:block;
 line-height:16px;
}
#broadcast .box-text .broadcast-text a:hover{}*/

Posted by ayu91035 at 痞客邦 PIXNET Comments(36) Trackback(0) Hits(767)


open trackbacks list Trackbacks (0)

Comments (36)

Post Comment
  • 這個樣式很漂亮呀:)
    我投哩,因為很漂亮!!
  • 謝謝你的支持的啦^^

    ayu91035replied on 2009/03/01 12:34

  • 我也投囉,支持你^^
    很棒的白色
  • 謝謝^^
    白色好像大家比較容易接受耶~

    ayu91035replied on 2009/03/01 12:35

  • 已經投票了,我覺得很棒耶!!!
    白色很乾淨又有質感,誰都很適用,希望看到更多作品,加油囉~
  • 謝謝
    哇哈哈,我的作品好像真的不多耶
    距離上一個發佈出來的作品已經好久了喔...

    ayu91035replied on 2009/03/01 12:49

  • 喜歡白白的東西 哈哈
    投囉 :)
  • 謝謝~
    我也很喜歡白色呢

    ayu91035replied on 2009/03/01 12:37

  • 這樣版型
    好好看喔
  • 謝謝啦
    等活動結束之後應該會在後台上架吧

    ayu91035replied on 2009/03/01 23:17

  • 我投囉!
    很喜歡這種簡單的風格~棒
  • 感恩~
    感謝你神聖的一票(謝票中)

    ayu91035replied on 2009/03/01 23:18

  • Private Comment
  • 個人還蠻喜歡這種乾淨簡單的版面~

    從投票區過來拜訪。

    支持你~希望可以常看到你的作品造福大家^^
  • 謝謝啦
    我會繼續加油的^^

    ayu91035replied on 2009/03/02 13:27

  • 辛苦了:)

    其實我也覺得會CSS的人很多,只是沒有很熱衷投稿..

    但是私底下去伸版面通常都不會拒絕,
    所以可能只是對投稿不熟而覺得麻煩吧(?)
  • 對阿
    這樣好可惜喔...
    放在後台可以造福大眾又可以讓大家多認識妳
    何樂不為

    ayu91035replied on 2009/03/02 13:28

  • 投票給妳了:)
    很喜歡妳的樣式!
    加油=)
  • 謝謝
    感謝你神聖的一票^^

    ayu91035replied on 2009/03/03 00:23

  • 很乾淨 簡單的很好看
  • 科科
    要不要去投一下阿

    ayu91035replied on 2009/03/03 12:06

  • 很喜歡,投了神聖一票。

    其實...我在等待開放下載...>///<
  • 謝謝啦
    其實我也在等待開放修改...

    ayu91035replied on 2009/03/03 16:53

  • 每天給你五票
    祝你得獎:))
  • 這..這真是太大方了
    天天吃阿鈣,我有健康的膝蓋

    ayu91035replied on 2009/03/03 22:57

  • 每天給你五票
    祝你得獎:))
  • 哇塞...很好看咧
    想不到這次改版都是白色喔
    師父啊, 你改版的速度都不錯啊, 追到我的啦
    但我總是比你遜的啦, 噗噗!!!
    ...*
    可惜我是海外用家咧
    如果萬一作品得獎的話都頗麻煩
    所以都是幫你們投票好了, 呵呵
    ...*
    師父加油, 我會默默支持你的, 奸爸嗲!!!
  • 有什麼關係,去投啦去投啦
    錢我幫你領,嘿嘿

    ayu91035replied on 2009/03/03 23:00

  • 白色好好看!! 支持一下了
  • 感謝
    讓我如虎添翼呢

    ayu91035replied on 2009/03/05 14:15

  •  好乾淨漂亮的版面,感覺好有質感!
     有些曉名詞也被修改過,我覺得很符合這個版的感覺
     有投票給你喔XD
     期待這個版面中
  • 喔喔~~謝謝啦
    下次我可能會挑戰複雜一點的樣式

    ayu91035replied on 2009/03/05 23:45

  • 喜歡這樣的簡潔清爽風格:) (投投
  • 謝謝啦
    感謝妳神聖的一票^^

    ayu91035replied on 2009/03/07 14:35

  • 極簡風格的頁面,真的很棒哦!
    投你一票囉!
  • 謝謝您~
    我覺得我還需要加油啦

    ayu91035replied on 2009/03/08 22:24

  • 我有投你票囉~一直很喜歡這樣簡單的風格,你這個版本我也很喜歡,不過要套用,還得修改就是了,側邊欄對我來說太窄,留白的部份也要再多一點。。。得等空閒下來囉!

    很久沒過來拜訪了,期待你能夠一直做出很有質感的樣板,對我來說,你的樣板是比較接近老外的水準的:)
  • 3Q啦
    其實我也有想過,這樣窄的側欄應該有人不適應
    但是我還是依一開始設定的寬度去改啦
    所以如果真的不夠的話,我再改囉

    ayu91035replied on 2009/03/11 19:20

  • 寬度我會試著自己改改看,只怕沒改好亂掉罷了:)
    第一次看到這個版面時,我有想過,如果左側邊欄是靠右側對齊的話,整個版面會不會比較漂亮?可能得真的試試看才知道了。(這應該會花上一點時間吧?)

    另外我非常喜歡您把List all 放在標題上的作法,這也是我最常用到的功能,也認為讀者如果利用這個功能,可以很快的找到文章(因為pixnet一直不肯提供標籤的功能)。還有就是左上角那個圖片可以一直變化,真的有畫龍點睛的效果,讓整個簡潔的畫面活潑了起來,這是讓我不得不佩服的地方。

    最後就是等星期五伸展台比賽結束,拿到樣板,就準備來套用囉:)
  • 其實我覺得改寬度可能會比改成靠右還要難耶
    而放在左邊其實是因為我之前都是放在右邊,純粹想換換口味而已啦
    listall的功能我在發布出去的版本沒有做出來,因為那個是我用自定欄位做出來的啦,所以如果你要套用的話還要另外做處理
    然後是文章標籤的問題,我記得以前在痞客服務專區裡有人提議過,不知道現在決定怎樣了,不過還是有搜尋的功能可以搜尋文章內容啦,你也可以試試看
    最後左上那個圖片輪撥,其實也不是用CSS寫的,是用痞客內建的功能,它可以輪撥你隨便一本相簿裡面的照片,不過好像是VIP的功能
    --
    我突然怕你套用了之後會失望耶
    因為有些功能其實不是用CSS寫出來的,如果要做出來都還要另外新增欄位,不是套用之後就會有的

    ayu91035replied on 2009/03/11 22:35

  • 從投票區來拜訪的 喜歡這種簡單的版面 支持哦
    希望這個樣式之後會分享
  • 3Q~
    這個樣式在活動結束之後就會分享出來喔

    ayu91035replied on 2009/03/12 13:39

  • 新舊帳號都來投一下票~支持、支持!!
  • 喔喔~
    大恩大德,沒齒難忘

    ayu91035replied on 2009/03/13 00:10

  • Private Comment
  • 我比較想知道這個點小圖變大圖的方式說 (跪求)

    我估狗到的文章註冊網址都連結失敗 ˊˋ
  • 看看這篇吧
    http://ayu91035.pixnet.net/blog/post/8364376
    我是用這個做出來的

    ayu91035replied on 2009/03/26 14:20

  • Private Comment
  • Private Comment
  • 這樣式很漂亮!請問該怎麼更改右邊本文的寬度?!
  • 你可以試試改#body-div裡width的大小
    不過這樣連側欄也會一起變寬
    應該是不會跑框啦

    ayu91035replied on 2009/04/13 14:23

  • 感覺好特別
    雖然很簡單
    確有一種舒適感
    整個心情變超好
  • 過獎過獎
    沒有想過會給人心情好的感覺

    ayu91035replied on 2009/06/09 14:09

  • Private Comment
  • Private Comment
  • 大大您好!在下套用了大大作的版面,真的很漂亮^^只是有個小疑問,請問一下……我改了欄寬之後,每篇文的類別部份不能顯示完全,或者不能顯示出來,想請問這樣我還要修改什麼地方呢?@@
    感激不盡^^
  • 請問你是用什麼瀏覽器呢?
    我用IE8看沒有問題,而用FX的確會有顯示不全的問題
    不過那個問題我也不知道怎麼解決= =

    ayu91035replied on 2009/11/15 23:30

  • Private Comment
  • Private Comment
  • Private Comment

Comment Permissions: Allow commenting

Leave Comment

*Name/Nickname
E-mail
Personal Website
Comment Title
*Comment
* Private Comment