petercpg / moztw-web

Automatically exported from code.google.com/p/moztw-web
0 stars 0 forks source link

移動推噗按鈕,加上 Facebook 與 Funp 連結 #134

Closed GoogleCodeExporter closed 9 years ago

GoogleCodeExporter commented 9 years ago
將個人推薦頁推噗按鈕,從個人資料格移到整個頁面的左邊��
�右邊邊緣,加上臉書跟
funp的推噗按鈕

Original issue reported on code.google.com by irvinfly on 17 Aug 2009 at 9:19

GoogleCodeExporter commented 9 years ago

Original comment by irvinfly on 17 Aug 2009 at 9:20

GoogleCodeExporter commented 9 years ago

Original comment by irvinfly on 17 Aug 2009 at 9:53

GoogleCodeExporter commented 9 years ago

Original comment by timdr...@gmail.com on 19 Aug 2009 at 8:49

GoogleCodeExporter commented 9 years ago
ui 如果要動的話都發一下 mockup 或者是找兩個人秀一下example 
吧,做一下 ui review.

Original comment by bobc...@gmail.com on 20 Aug 2009 at 2:27

GoogleCodeExporter commented 9 years ago
類似這個網站這樣:http://thinkerckd.blogspot.com/2007/11/blog-stuff.htm
l

Original comment by irvinfly on 20 Aug 2009 at 5:50

GoogleCodeExporter commented 9 years ago
Mockup
放在左邊或右邊,靠上邊跟邊框距離多少都要測試

Original comment by irvinfly on 20 Aug 2009 at 6:06

Attachments:

GoogleCodeExporter commented 9 years ago
我覺得上半部要儘量保持單純、不要有浮動物件跟推撲,
大概到「擴充套件」那邊再開始有浮動就可以了。

Original comment by bobc...@gmail.com on 20 Aug 2009 at 8:55

GoogleCodeExporter commented 9 years ago
我是覺得要浮動就從頭開始浮...
我在想想怎麼做好了。套一整塊灰色怪怪的。

Original comment by timdr...@gmail.com on 20 Aug 2009 at 11:19

GoogleCodeExporter commented 9 years ago
這樣的話希望還是能保持單純風格不要影響一般「被推荐」��
�使用者。

Original comment by bobc...@gmail.com on 20 Aug 2009 at 11:48

GoogleCodeExporter commented 9 years ago
不要浮動,做在目前使用者資料欄的左方外緣應該可以試試��
�

Original comment by irvinfly on 20 Aug 2009 at 12:58

GoogleCodeExporter commented 9 years ago
How about 使用者資料攔的下方,也開個白色圓腳區塊給他?

Original comment by timdr...@gmail.com on 5 Sep 2009 at 5:00

GoogleCodeExporter commented 9 years ago
一排圖示的話,我總覺得直排會比橫排好。
橫排在個人資料下面感覺會像是地基撐著上面的個人資料XD
個人感覺啦……

Original comment by irvinfly on 5 Sep 2009 at 6:52

GoogleCodeExporter commented 9 years ago
這個部份的 UI argument 
一直都是要不要把按鈕做成浮動式的,浮在 900px 
的寬度之外。

我的 idea 是:
如果不浮動就不一應該離開 900px 
的範圍,要找個地方放進版面。
柏強在 comment 9 
是說如果要浮動不可以超過「個人資料」的位置。

所以就做超過 900px 
在使用者資料左側,然後卷到使用者資料超過畫面才開始浮��
�?(顏色再調)

Tim

Original comment by timdr...@gmail.com on 5 Sep 2009 at 7:28

GoogleCodeExporter commented 9 years ago
Facebook Sharer:
http://www.facebook.com/sharer.php?u=http%3A%2F%2Fgfx.tw%2Ftim

Funp 標準按鈕:
http://funp.com/tools/js/funp_button.js
(還是用 favicon 好了...?)

Original comment by timdr...@gmail.com on 5 Sep 2009 at 9:08

GoogleCodeExporter commented 9 years ago
http://wematch.us/fresult01.php?c2=68a10f2b928a0b5279ceca54d0057a38&fr=151339&la
ng=tw

這個頁面的宣傳方式雖然誇張但是好像可以拿來作為完成編��
�的 dialog?

Original comment by timdr...@gmail.com on 5 Sep 2009 at 9:10

GoogleCodeExporter commented 9 years ago
> 所以就做超過 900px 
在使用者資料左側,然後卷到使用者資料超過畫面才開始浮��
�?(顏色再調)
這樣不錯啊,不嫌多寫程式麻煩就這樣也好~

Original comment by irvinfly on 5 Sep 2009 at 1:02

GoogleCodeExporter commented 9 years ago
好難改喔...orz

body { width: 900px } 之後要出去只能 position: 
absolute,但是又貼不到中間的邊緣...

Original comment by timdr...@gmail.com on 5 Sep 2009 at 3:56

GoogleCodeExporter commented 9 years ago
done. rev 363.

去 stage 站看一下 style,沒有問題就直接去正式站 sudo svn 
update 囉
如果要調整文字跟 style 不要動寬度跟 
margin/padding,那個有考慮 IE6

Original comment by timdr...@gmail.com on 6 Sep 2009 at 4:11

GoogleCodeExporter commented 9 years ago
考慮只放icon不放文字嗎?感覺真的可以不用再寫字的說。
放在右邊現在看起來還不錯,以後推本頁的按鈕應該也可以��
�在這邊。

Original comment by irvinfly on 6 Sep 2009 at 4:28

GoogleCodeExporter commented 9 years ago
兩個問題:

1. 我覺得目前推文 icon 
右邊真的不需要文字,把字拿掉、推薦改成直排效果其實不��
�,要放字
的話就放 Facebook 之類正式名稱比較適合。
2. IE8 
在標準模式下看stage站會整個爛掉沒辦法往下拉,相容性模式
則是正常……所以先不上線
等timdream回來測。

Original comment by irvinfly on 8 Sep 2009 at 11:59

GoogleCodeExporter commented 9 years ago
1. 我的想法跟你相反耶,我覺得人對於 16x16 的 icon 
的敏感度真的很弱,即便會浮動也不容
易意識到他是幹麼的(因為我們用的不是 Fb/Funp 
等站提供的大按鈕)。另外,實做的時候發現
我們畫面寬 900px,要放在1024px 的寬度內左右僅剩下 ~50px ... 
連「Facebook」這樣都不容
易塞進去。

2. 這個是 blocker,UI 討論確定之後會一次修好。

Original comment by timdr...@gmail.com on 17 Sep 2009 at 10:18

GoogleCodeExporter commented 9 years ago
對,問題就在這邊,在「Facebook」放不進去的話,用「臉書」
適當嗎?
會不會反而造成兩次的障礙,相較之下會不會只用圖更清楚��
�

Original comment by irvinfly on 17 Sep 2009 at 11:14

GoogleCodeExporter commented 9 years ago
好,check 一下現在的樣子。
按鈕下面因為 CSS 沒辦法再套色塊 (不然就要疊 <div> 了)

IE8 
因為手邊還是沒有所以無法修。我到學校再去借一下電腦....

Original comment by timdr...@gmail.com on 6 Oct 2009 at 2:25

GoogleCodeExporter commented 9 years ago
Already done. Closing.

Original comment by timdr...@gmail.com on 19 Feb 2010 at 7:54