Icon_arrow_right 1826 天前 
443802

訂做自己的 web2.0 社群網站 - 黑米群組開放自訂版型 Popup

訂做自己的 web2.0 社群網站 - 黑米群組開放自訂版型 Popup

原文來自 HEMiDEMi
葛力 收藏於 2007/02/04
這次,我們即將開放群組自訂樣板功能,也提供群組組頭更多管理工具,讓群組可以自訂群組首頁外觀,自訂群組首頁功能區塊。並且善用 web2.0 混搭(mashup) 的方式,讓來自不同網站的各種資訊可以在同時群組呈現。 所以,成立黑米群組之後,您就等於擁有一個 WEB2.0 網站。
    • Twitter

    看看大家怎麼說

    charlesc
    發言評價:61

    charlesc (charlesc) 1826 天前收藏

    書籤版的 google group

    Wraecca
    發言評價:155

    Wraecca (wraecca) 1826 天前收藏

    好棒,一個黑米瞬間化整為零成滿地社群網站!

    阿比
    發言評價:87

    阿比 (ishilin) 1826 天前收藏

    遍地都是小黑米

    阿醜
    發言評價:1

    阿醜 (gaspar) 1825 天前收藏

    書籤結合blog概念,共同作者是社群的關鍵?

    Kirin Lin
    發言評價:141

    Kirin Lin (kirinlin) 1825 天前收藏

    WordPress 群組也申請了,新的版型要什麼形式哩?

    bruce
    發言評價:51
    豪豪
    發言評價:1868

    豪豪 (jrfox) 1825 天前收藏

    期待正式開放的日子早點到來啊!^_^

    想發現更多精彩書籤

    其他更多討論

    葛力
    發言評價:1828
    4

    葛力 (garylin) 1826 天前說...

    有興趣參加樣板 Beta 測試的組頭,歡迎用站內簡訊跟我報名!
    如果不熟 CSS,也可以只準備一個寬度 985px 的圖檔
    範例一
    範例二
    把圖檔或圖檔網址給我!就可以馬上幫你的群組換個版型!

    閃恩
    發言評價:1645
    9

    閃恩 (shine) 1826 天前說...

    我最喜歡的新功能是:「提拔成為小組頭」,徹底實現一組多頭的理想世界啊..
    組頭團只要選出爐主組頭,就可以輕輕鬆鬆輪流管理。^^

    greenlost
    發言評價:342

    greenlost (greenlost) 1826 天前說...

    自訂樣版真的很棒....
    可是對於CSS苦手來說....啊....要來好好學習了....

    葛力
    發言評價:1828
    1

    葛力 (garylin) 1826 天前說...

    greenlost:在還沒更好CSS設定工具配合前,可能要先將就著用了
    等到Beta測試結束,我會寫篇說明來告訴大家怎麼設定。

    還有,會慢慢增加樣式庫讓大家方便直接挑選。

    微笑的月亮
    發言評價:2085

    微笑的月亮 (olivia) 1826 天前說...

    葛力格哥....我雖然有繪圖軟體,但塑,除了indesign才開始學,您就要偶馬上跳到製圖唷**:
    累壞了我這個老人家....(小聲說:而且我還那麼多組**:....哇!我不管啦~我不管啦~坐在地上耍賴ing)

    葛力
    發言評價:1828

    葛力 (garylin) 1826 天前說...

    olivia: 沒關係,那就稍等一下,我們以後會內建一些預設的樣板讓大家可以直接選擇。這樣不會CSS或製圖也沒關係。

    葛力
    發言評價:1828
    1

    葛力 (garylin) 1826 天前說...

    kgl 的看電影

    小柯的 黑米嗜啡館

    greenlost 的 環境資訊與行動群組

    都換裝了!

    moral
    發言評價:10
    3

    moral (moral) 1826 天前說...

    正點阿!
    黑米真是台灣Web 2.0的希望XD~
    這項創舉太棒了!

    派瑞吾
    發言評價:8

    派瑞吾 (perrywu) 1826 天前說...

    哇 我要來試看看

    小柯
    發言評價:1024
    1

    小柯 (kovis) 1826 天前說...

    葛力:
    我有個小小建議
    新的版型裡沒有上面的HemiDemi大logo跟連結可以按
    比較不方便直接跳回首頁
    可以在Navi bar那邊新增一個回首頁的按鈕嗎?

    葛力
    發言評價:1828

    葛力 (garylin) 1826 天前說...

    小柯,已經加上了!

    冰姬林
    發言評價:13

    冰姬林 (brenda003) 1826 天前說...

    風格都不一樣耶.. 我喜歡

    小柯
    發言評價:1024

    小柯 (kovis) 1826 天前說...

    葛力動作真快~

    ChunMin
    發言評價:128

    ChunMin (chunmin) 1826 天前說...

    一點點建議 ^_^
    例如黑米嗜啡館這類 Sidebar 設在右邊的群組,一旦點選「分類」底下的「標籤」,模板重 load 後會整個跳回左邊。另外,原本展開的「標籤」也會一併縮起,一時之間可能會看得有些恍神。
    對了,雖然跟群組無關,但個人書籤頁面也有「標籤」自動縮起的問題,改善的話,應該可以加快查詢速度。

    葛力
    發言評價:1828

    葛力 (garylin) 1826 天前說...

    ChunMin:分類忽左忽右的問題似乎有點難解,除非點進書籤的分類位置也開放給群組控制,不過這樣可能就是大工程了。

    至於如果要記住展開的分類,可能得想辦法記住之前的選擇...恩,我來想想怎麼辦。

    小柯
    發言評價:1024

    小柯 (kovis) 1826 天前說...

    另外我發現屬於hemi基本版型的部分也無法控制
    譬如說書籤頁/留言頁的內容部分
    我剛剛改了首頁的底色 結果就是書籤跟留言頁中間禿一塊~~
    有夠難看..囧

    葛力
    發言評價:1828

    葛力 (garylin) 1826 天前說...

    小柯,現在先給大家套用現有的樣子,試著改顏色,banner這些
    下一波測試會再開放更多選項可以調整(比方說可以決定放哪些區塊)

    小柯
    發言評價:1024

    小柯 (kovis) 1826 天前說...

    ok ok ...
    那就得請大家忍耐我群組的地中海造型了XDD

    (自我安慰:至少首頁還能看啦~~)

    葛力
    發言評價:1828

    葛力 (garylin) 1826 天前說...

    小柯,我了解你的意思是了 (剛剛誤解了)
    我來想想看有沒有什麼解法。

    小柯
    發言評價:1024

    小柯 (kovis) 1826 天前說...

    收到 辛苦了~~

    葛力
    發言評價:1828

    葛力 (garylin) 1826 天前說...

    感謝大家幫忙,第一批 Beta 試用已經額滿。 :)
    我們試情況再繼續徵求其他試用群組,或是直接開放。

    ChunMin
    發言評價:128

    ChunMin (chunmin) 1826 天前說...

    辛苦了,別爆肝哪(淚奔~~)

    豬小草
    發言評價:2779
    2

    豬小草 (swpave) 1826 天前說...

    葛力:

    把群組標題弄上banner很好,但如果是這樣的話,那看板的那段介紹詞,不就重覆了?

    可以考慮把【看板】那欄位移除,然後組頭那段【廣播】的icon改成【看板】。

    葛力
    發言評價:1828
    1

    葛力 (garylin) 1826 天前說...

    豬小草,
    因為我想要讓控制權交給組頭

    /* 這樣可以隱藏 banner 的標題 */
    #banner .title { display: none;}
    #banner .description { display:none;}

    /* 這樣可以隱藏下方群組說明 */
    #introduction { display:none; }

    /* 這樣可以隱藏下方組頭說 */
    #announcement { display:none; }

    /* 小技巧, 換banner標題的顏色為白色*/
    #banner .title a{color:white;}

    不過如果把組頭換成看板...恩...我再想想

    豬小草
    發言評價:2779
    1

    豬小草 (swpave) 1826 天前說...

    葛力:

    看起來要加的東西不少啊。一個立即的問題是,這兩個版型好看規好看,但是除非組頭勤於分類,否則在群組首頁看到的書籤量太少,也很難看出最近有什麼熱門話題。

    恐怕需要先把TAG CLOUD給放出來哩。

    葛力
    發言評價:1828
    1

    葛力 (garylin) 1826 天前說...

    豬小草,這就是需要各位參與測試的組頭給建議的地方了。
    有幾個需要大家幫忙的

    1) 在外觀的控制上(css/顏色這些),有沒有哪些地方是難以控制的? (這樣我會知道需要額外加CSS TAG)
    2) 資料呈現上,到時候可能會作成一個個區塊,再讓組頭來挑選要放哪些區塊。不過,需要根據大家的需求來定義有哪些區塊。比方說,Tag Cloud,熱門書籤,標籤書籤輪播... 之類的。

    謝謝大家幫忙了!

    立達
    發言評價:2

    立達 (ldwang) 1826 天前說...

    漂亮!

    小柯
    發言評價:1024

    小柯 (kovis) 1826 天前說...

    葛力:
    動不了的地方好像都是吃黑米基本css的部分
    包括navi bar的底色
    首頁之外的:書籤頁、留言頁的content區塊底色
    然後剛剛很神奇的發現組頭的話居然會奇怪的不對齊...這個找到問題了 跟圖有關係..
    還有如果組頭的話跟群組說明欄位都顯示的話
    這兩個欄位的區隔能不能做明顯一點 或是讓他可以控制這樣...
    因為我覺得這兩個欄位同時出現的時候會黏在一起 感覺不太好看

    豬小草
    發言評價:2779

    豬小草 (swpave) 1826 天前說...

    葛力:

    我發現會需要顯示出「書籤討論」喔!

    葛力
    發言評價:1828
    1

    葛力 (garylin) 1825 天前說...

    小柯,豬小草:OK,記下來了!

    又多了幾個換版面的群組了,真酷!

    豬小草的 黑米帕
    Wraecca的 獨立音樂
    PiPi 的 Classical

    閃恩
    發言評價:1645

    閃恩 (shine) 1825 天前說...

    小柯,
    你說的書籤跟留言頁中間禿一塊的問題,我知道怎麼解了:

    #content {
    ... 略
    background:#ffeab7!important;
    }
    加上!important,就可以囉,試試看吧。

    只是書籤區整個變成淺橘色,一時好像認不出來了,呵呵~ ^^

    小柯
    發言評價:1024

    小柯 (kovis) 1825 天前說...

    收到...
    書籤頁好像不太搭...可能還要橋一下
    留言區還Ok 應該是不需要動了~~

    所以navi bar也可以用相同的方式達成嘍?

    阿西摩
    發言評價:1453

    阿西摩 (asimo118) 1825 天前說...

    嘩~ 沒想到,葛力說到做到,而且這麼快就做到了!

    看來,我這個「酒鬼團」組頭,應該來好好玩一下自訂版面了。。。

    閃恩
    發言評價:1645

    閃恩 (shine) 1825 天前說...

    小柯,
    理論上navi bar也可以這樣作,不過我不清楚你要改到什麼程度,所以先試試看,我再幫忙一起想。黑米嗜啡館越來越漂亮了... ^^

    豬小草
    發言評價:2779

    豬小草 (swpave) 1825 天前說...

    呵呵,我就是打算只先改一個,然後看大家使用狀況,等完整功能出來,再去改別的群組。

    葛力
    發言評價:1828

    葛力 (garylin) 1825 天前說...

    阿西摩,謝啦,不過你晚了一步。XD
    先稍稍等一下,我們先把第一波測試的建議問題整理後,再繼續開放第二波。

    豬小草
    發言評價:2779
    2

    豬小草 (swpave) 1825 天前說...

    葛力:

    有沒有可能外插一些EMBED服務進來啊?

    比方說,以攝影為主的群組可能會需要FLICKR相片聯播、以影片為主的群組可能會希望有像黑米首頁一樣的影片聯播功能。至於像我們黑米帕,咳,當然是會想辦法把FLASH PLAYER給偷偷插進來啊。哈哈哈。

    葛力
    發言評價:1828

    葛力 (garylin) 1825 天前說...

    豬小草,有。所以你在黑米後援會可以看到Flickr相片聯播,但是現在暫時還沒開放測試。
    如果是以黑米帕為例,會希望在首頁直接嵌入某一則podcast,像是 odeo 提供的javascript嗎?

    被雷劈
    發言評價:50

    被雷劈 (santin) 1825 天前說...

    哎呀~晚了一步
    不過我比較想知道的是CSS跟圖片是由群組管理人自行上傳嗎
    還是必須透過葛力呢?
    因為如果不能自己上傳要修Bug會一直勞煩到葛力呢@@
    頁面的HTML是固定的嗎?還是也可以彈性修改呢?
    我看web2.0隨便聊跟黑米後援會的html好像也不太一樣
    真想測試看看~哈~因為我是樣板製作狂XD

    閃恩
    發言評價:1645

    閃恩 (shine) 1825 天前說...

    被雷劈,(念到你的名字就想笑)
    目前的CSS和圖片是由組頭上傳編輯的,主要是修改group.css這個部份和選HTML模組。
    可以參考黑米嗜啡館和幾個已經修改的群組。
    HTML有固定的兩個模組可以選(就是你看到的那兩個),不過我們還在規劃其他選項。
    如果每個群組都要靠葛力上傳,他就需要好幾個肝了。。XD

    豬小草
    發言評價:2779
    1

    豬小草 (swpave) 1825 天前說...

    葛力:

    其實我也挺掙扎。

    如果能夠在黑米帕的邊欄直接放一個播放器的話,當然是很好,但問題是如果要把每一個抓來的節目都丟到ODEO裡的話,那我可能會累死(雖然我現在是有自己在做「選播」這件事)。所以,好像有一些固定的PODCAST頻道可以輪播就夠了。

    阿西摩
    發言評價:1453

    阿西摩 (asimo118) 1825 天前說...

    報告葛力,我有發現現在新版的 template 在 Mac 的 Safari 下,版面會怪怪的耶。。。

    葛力
    發言評價:1828

    葛力 (garylin) 1825 天前說...

    豬小草,所以看起來是有個自訂欄位,可以放 EMBED 碼就可以了。
    阿西摩,你看到哪的群組的版型有問題(web2.0 or 黑米後援會),手邊沒safari,方便站內簡訊給我截圖嗎?謝謝了!

    bruce
    發言評價:51

    bruce (bruce583) 1825 天前說...

    如果組頭不懂作網頁啊、css啊這些的,也能玩嘛?

    葛力
    發言評價:1828

    葛力 (garylin) 1825 天前說...

    bruce: 可以!
    我們會做一些預設的樣板,可以直接挑選。這樣不懂網頁,CSS也可以使用。

    (ps. 阿西摩的問題解了)

    soliloquist
    發言評價:140

    soliloquist (soliloquist) 1825 天前說...

    下午看到關於在Mac上瀏覽的問題,職業病就犯了,回家馬上開了Mac來看,結果快手葛力居然已經解決囉。
    不過倒是發現另一個地方,其實也不是什麼大問題,不過還是提出來讓葛力看一下好了:


    ↑看不清楚請點選後看大圖

    這個是在Safari上看到的狀況,可能是因為mac的蘋果中黑體的關係,字硬是被段成二行藏到下面了。

    從firefox上看倒還好,只是那過長的字會直接消失在DIV右邊的邊界外…

    閃恩
    發言評價:1645

    閃恩 (shine) 1824 天前說...

    soliloquist,
    就是像酷索飯糰尾牙右邊有一大段的字不見了,這種現象,是嗎?
    好,我們來查查看。
    (對了,酷索囧豬貼紙已經送印了... 期待期待)

    葛力
    發言評價:1828
    1

    葛力 (garylin) 1824 天前說...

    又有兩個群組測試改裝了!^^

    派瑞吾部落客blogger

    被雷劈Mac Fans

    Kirin Lin
    發言評價:141

    Kirin Lin (kirinlin) 1824 天前說...

    哇賽!WordPress 群組可以改 CSS 了~亂玩ing...

    葛力
    發言評價:1828

    葛力 (garylin) 1824 天前說...

    Kirin也改好啦? 恭喜恭喜!

    測試群組新增一枚

    KirinWordPress

    olivia: 樣板以後可以有很多格式,可以以書籤為主,也可以以討論為主,看群組性質而定。

    sevenam0700
    發言評價:76

    sevenam0700 (sevenam0700) 1824 天前說...

    樣版狂來報到,這兩天比較忙,沒上黑米一會兒就跟不上了啦~~~報名第二批啦,怎麼跟黑米服一樣,都報到第二批啦~~~~噢.....

    Kirin Lin
    發言評價:141

    Kirin Lin (kirinlin) 1823 天前說...

    WordPress 使用 HEMiDEMiFans 的樣版,不過「加入群組」的 link 不見蛋?嗯…手動加上去先。

    葛力
    發言評價:1828

    葛力 (garylin) 1823 天前說...

    Kirin,新的版型如果已經加入過群組,就不會出現連結。

    Kirin Lin
    發言評價:141

    Kirin Lin (kirinlin) 1823 天前說...

    原來是這樣!收到!

    被雷劈
    發言評價:50
    1

    被雷劈 (santin) 1823 天前說...

    其實實際製作時發現Tag似乎定得有點不夠細
    有些地方用css指不到沒辦法改得很徹底....囧rz
    本來有想說要做成iPhone或是Mac OS的樣子不過標籤不夠用XD

    葛力
    發言評價:1828
    1

    葛力 (garylin) 1823 天前說...

    被雷劈:
    iPhone or MacOS 樣版?(眼睛一亮)
    方便的話簡訊告訴我哪些地方設定不到,或是需要多加哪些Tag。
    其實我們現在正再修訂CSS Tag,剛好可以參考你的意見設計進來
    謝囉!

    Kirin Lin
    發言評價:141

    Kirin Lin (kirinlin) 1795 天前說...

    報告葛力,今天看到 WordPress 群組首頁上面突然黑了一塊,裡面是群組說明。看了原始碼發現群組說明被放到 meta tag 裡面,由於 WordPress 群組說明內 Kirin 有使用 html p, strong, and a tag,為了頁首左方的排版方便。

    若是 meta 內要放說明文字,需要將 tag 都 strip 掉,才不至於破壞 html 結構。






    廣告:
    [推薦] 點點印,把你的照片變成寫真書/照片書!

    有 77人收藏推薦..

    需要幫忙嗎?
    黑米小工具

    黑米數位版權所有 Copyright© 2006-2008 HEMiDEMi. All Rights Reserved.