ಠ_ಠ
不好意思打擾河道,這是用 Vibe Coding 生出來的網站,可以瀏覽攤位位置、內容和簡單查詢
08/16 NiCE 創·迴響 互動地圖

這邊是動態抓取 google excel 上的資料 (有快取機制,修改後可以先等 5 分鐘再重整,或...再久一點)
08/16 NiCE 攤位
歡迎大家直接編輯!

感謝旅人們,這邊整理一版,應該可以參考怎麼設定宣傳內文
怎麼設定我的宣傳內文?

互動地圖已授權官方使用,感謝各位的轉噗跟討論以及建議!
另開提問帳號,除了底下留言也可以私噗這邊
互動地圖_提問帳 [nice20250816]

NiCE2025
ಠ_ಠ
目前在等待 NiCE 官網釋出攤位圖,有來源後會再一次更新
rabbit8216
這寫了多久
rabbit8216
好酷
finch9713
超帥的!
ಠ_ಠ
rabbit8216: 大概四天,感嘆 google AI 的強大
coral4394
神嗎!?
grape9423
太厲害了吧我的天!
giant7854
超厲害
mink1968
同事問我為什麼跪著看螢幕
litchi4209
vibe code 其實就是叫ai寫程式 不過噗主還是挺有心的
coral4394
請問後續更新可以加上作品tag之類的嗎
許願
mussel2142
感謝神人
duck2077
感謝大神
puppy1485
感謝噗主分享!!
建議大家編輯完自己的攤位後按一下「保護工作表和範圍」
不然可能會像我一樣眼殘編輯到別人的資料OTL
burger3276
好厲害……(讚嘆)
giant7854
分享一下html語法的網站,可以搭配puppy旅人寫的一起用在「宣傳內文」
Word HTML
https://images.plurk.com/4Z63PjoqqiQW0ot3msSesv.png
在左邊WORD的那邊輸入你宣傳用的內容
https://images.plurk.com/3blfN7zwrUzMTercqYTF15.png
輸入完之後,點右邊的html
https://images.plurk.com/4kHasWRCQ2v9Qx5roJj7Ma.png
在原本第1列的尾端按下delete,讓第2列的內容跑上來第1列
https://images.plurk.com/ammdcOZmoGDjQLKvAxbqe.png
複製之後,點選excel宣傳內文那格,貼到上面這邊輸入文字的地方就可以了
giant7854
但是這個網站沒有puppy旅人分享的「點選圖片跳轉到網頁」的功能,所以需要從html的地方搭配puppy旅人的語法
giant7854
https://images.plurk.com/2hkLlxVOQmB3ROOaZUfweA.png
點選插入圖片的按鈕之後,貼上網址
下面可以調整顯示的尺寸
https://images.plurk.com/6b5B5erScZm9NKnrKeaRDM.png
切到html之後,找到圖片的語法 <img src
前面貼上puppy旅人提供的語法
https://images.plurk.com/rXPRLbvDl3FX0A8nZOlTr.png https://images.plurk.com/69i4zM4dZU5asmZEcEaKvA.png
把中文換成你要跳轉的網址,就可以了
salmon2534
感謝噗主製作!!
但目前宣傳圖有點難檢閱
借用O02的宣傳
https://images.plurk.com/XKFj9ILf7KEPyBhXtH04x.png
建議修正案
https://images.plurk.com/2eZAQlVsNAo4meBnNEqVQg.png
再次感謝
ಠ_ಠ
coral4394: 有先加上一個標籤欄位,查詢時標籤符合條件也會出現了
https://images.plurk.com/52dgk8Wt3ABleZkmSYeSlQ.png https://images.plurk.com/2MuSf8q5AMYBVaUIMmQuzR.png
giant7854
ಠ_ಠ: 哇這個好棒,謝謝噗主
ಠ_ಠ
salmon2534: 感謝建議!版面調整改動比較大,這邊先簡單調整成攤位圖依據高度完整顯示,點擊圖片後可以看全圖的方式><
https://images.plurk.com/7sxQNppBd9CWsw0cKUoJ5s.png https://images.plurk.com/6SC6iaJmXzQMLRDrM6WS58.png
puppy1485
偷看有編輯內文的所有攤位
S71攤主的宣傳內文好酷喔……
loquat2467
puppy1485: 真的耶他好會排
viper4666
感謝原PO,這太厲害了!!!
cherry3405
https://images.plurk.com/2yoDc2C7UlRlwwkz7W13iy.png
分享一ㄒ同款寫法(?) 全部貼在宣傳內文那一行
把紫色改了就行
<div style="background-color: white; width: 100%; ">
loquat2467
cherry3405: 感謝您!!!!
papaya3114
cherry3405: 感謝
giant7854
我想補充一下如果有用我下午貼的那個網站玩的話,點這個它就會自動幫你把語法全部連接在第1列,就不用自己一個一個刪了(下午沒發現,一直手動刪)
https://images.plurk.com/3A0z46XL0ZTWy90T7u2nTE.png
coral4394
偷偷說把語法全部貼在瀏覽器的網址列上就會自動變成一整排
懶人救星
giant7854
coral4394: 原來!!學到一招
mussel2142
cherry3405: 哇是S71攤主本人嗎!感謝您的無私分享
loquat2467
謝謝S71攤主,剛剛用S71攤主的語法改了一個放多張圖的版本,如果有人需要可以取用!! 語法在這邊
giant7854
想跟噗主許願把「標籤」放在「宣傳內文」前面,覺得這樣可以直接看到這攤的標籤,有興趣的再往下看宣傳內文比較好
giant7854
謝謝噗主!
coral4394
噗主好貼心
earth9423
欸!??好酷唷
puppy1485
謝謝S71攤主(?)提供語法!
改了一個圖片在左、文字+按鍵在右,可以多張圖片的版本>< 改版在這邊

如果做多個區塊,區塊中間會有保留一點距離~
puppy1485
另外也測試了一下
電腦1920*1080螢幕的
「社團圖片」顯示最佳比例
應該是:寬573px高222px
lamb4802
好厲害...
peach704
天啊 超厲害...感謝噗主!
garlic5186
謝謝寫語法的旅人和做網站的噗主 找資訊變得好方便
human5565
謝謝噗主,真的超有心
waffle81
感謝噗主的網站及分享語法的旅人
bat9720
https://images.plurk.com/7c8UlkaxMuyscHmN1LRg2f.jpg
太強了,好人一生平安
kimchi8634
謝謝噗主
soup4175
謝謝噗主!
mango5042
謝謝噗主以及分享語法的旅人們!
goose2246
謝謝噗主以及分享語法的旅人們!
almond3492
好厲害!!感謝分享
bear1319
好強!!大感謝
lemon2503
謝謝噗主!!
dove7387
抱歉不是很懂程式,想請問這樣網站需要買網域嗎?還是直接就可以生成一個網站?
crab5577
好厲害
loquat2467
dove7387: 記得沒錯的話好像github有提供一個免費的可以用,看噗主的網址也是
tako2727
這太厲害了
ಠ_ಠ
dove7387: loquat2467: 對對,這邊是用 github 的發佈功能生出來的網站,免費的。
tea3315
太會 vibe coding 了吧
giant7854
宣傳內容2你是貼在攤主2的宣傳內容EXCEL那格嗎?
loquat2467
發現噗主把宣傳內文整理的好清楚,太感謝了!!
giant7854
發現剛剛問問題的旅人刪留言了,應該是解決了嗎
ಠ_ಠ
bean3928: 多加一行沒錯,攤主一人一行,等於後面的宣傳內容一人一格,把宣傳內容 2 貼到攤主 2 的宣傳內文欄位,需要分開欄位填寫。
https://images.plurk.com/1RZ6zOrotqJbszqZdcA3zb.png
ಠ_ಠ
有解決就好(banana_cool)
ಠ_ಠ
loquat2467: 感謝前面旅人們的分享!
human5565
鼓起勇氣也來貢獻版面語法,第一次這樣寫教學,希望可以幫助到有需要的人。

重點: 加上新刊標示資訊

教學:
網頁加上新刊標示宣傳-教學 | Notion

效果(此為幫親友撰寫):
https://images.plurk.com/17UtgwhYeCSaj2JL86TiHY.png
nori3910
加TAG一直失敗><
ಠ_ಠ
nori3910: 請問是要加在哪一行、加要的內容是什麼?我來測測看
bean3928
giant7854: ಠ_ಠ: 謝謝旅人,後續是解決了所以就刪除。發現重整幾次頁面,畫面就正常了~~
giant7854
bean3928:
nori3910
ಠ_ಠ: 我昨天加都沒顯示,現在去看有正常搜到TAG了@@
puppy1485
nori3910: 網站不一定會即時更新,要稍微等一下再重整
ಠ_ಠ
nori3910: OKOK
cobra1629
謝噗主,跟上面的旅人們!昨天玩了一個晚上覺得用起來超厲害的
shark1694
噗主太強了
crab8153
謝謝噗主,請收下我的膝蓋
ಠ_ಠ
這邊有把首噗互動地圖的連結換成另一個連結入口,原本的網址也還是可以用,不會有影響
pomelo232
謝謝噗主!看到攤位圖更新上去了好厲害
puppy1485
不知道是不是有動到什麼設定
社團圖片長寬比例變形了!
puppy1485
還是說要一律撤下社團圖片這個可自訂欄位,全都用場刊圖取代呢?(thinking)
ಠ_ಠ
puppy1485: 拍謝,改到寬度設定了,剛更新了,可以再試試
這個欄位我想說大家也可以編輯,目前場刊圖官方有更新一版,有來不及繳交的或要替換的大家也可以調整
puppy1485
了解 謝謝噗主更新!
ಠ_ಠ
互動地圖已授權官方使用,感謝各位的轉噗跟討論以及建議!

另外有開了一個帳號,有問題的話除了這邊留言,也可以私噗哦
互動地圖_提問帳 [nice20250816]
kudu664
互動地圖剛剛更新完表單發現不會動了QQ
ಠ_ಠ
kudu664: 多了一個分頁:-o 可能有旅人調整新增的,我先把多出來的分頁往後放
目前資料有載入了><
ಠ_ಠ
在宣傳車整理 ppt 上,有新增了 IG 和 FB 的宣傳車複製方式,有需要可以參考看看
https://images.plurk.com/7HoOmdy2SoUQl7Eo3DcEvc.png
alien5959
不好意思,最左邊那排「商特猴雞狗」每區好像個別都被包裹成最後一攤的名字了
sundae6499
alien5959: 放大看就可以看各攤了~
giant7854
sundae6499: 他的意思應該是點下去都只會顯示最後那攤
alien5959
sundae6499: 我怎麼點擊都是同一攤的名字?
sundae6499
點進去那一排後左側有攤位可以選
https://images.plurk.com/5FiY4XRnCPUVLaFe1GKXBP.png
alien5959
sundae6499: 喔喔謝謝,我終於看懂了
ಠ_ಠ
剛看到 excel 鼠17~鼠56 的宣傳車和 tag ,在早上 10:58 時被蓋掉,這個區間攤位的宣傳車和 tag 我剛先用 10:57 的資料復原。
有看到的攤主可以再確認一下攤位資料
cobra1629
看起來沒問題,辛苦噗主了~
ಠ_ಠ
很感謝這段時間官方的宣傳!
很感謝大家熱情參與、分享格式、建議、一起填資料和推廣,才能讓這個網站變得這麼完整。

今天活動快樂地結束了~ 這邊就先將 Excel 關閉編輯!網站依然會繼續放著一段時間。
再次謝謝大家這段時間的參與
giant7854
也謝謝噗主架這個網站
venus2256
謝謝噗主,辛苦了!
viper4666
謝謝噗主!
puppy2190
謝謝噗主!
pea9757
謝謝噗主!
謝謝一同協助更新的所有攤主跟旅人們
明年見
bagel2201
謝謝噗主
pear9926
謝謝噗主!!
shake7026
謝謝噗主
steak9970
謝謝噗主!辛苦了
papaya3114
感謝噗主跟提供教學的旅人們
puppy1485
謝謝噗主!!辛苦了!
pepper6469
感謝噗主跟協助的大家,真的多虧有這份地圖,辛苦了
cobra1629
感謝噗主!辛苦了!
soup4175
謝謝噗主謝謝大家!
pomelo232
謝謝噗主!
mouse6313
謝謝噗主!!!明年見
lemon1079
謝謝噗主 明年見!
frog2130
謝謝噗主!地圖非常實用,明年見
orange3632
謝謝噗主!地圖真的幫了很多忙,明年見!
mango5042
謝謝噗主,辛苦了!!!
ape6527
謝謝噗主,地圖真的幫大忙!
bear1319
謝謝噗主和熱心旅人們,地圖幫上很多忙!
ox5166
謝謝噗主!!!明年見
queen6202
謝謝噗主架設網站!辛苦了!!
pea7505
謝謝噗主!!這個真的很好用
sake5501
謝謝噗主!!真的很棒!!!!
nori3910
謝謝噗主!
snake1626
謝謝噗主!地圖超讚
sundae6499
謝謝噗主!非常實用!!
載入新的回覆