依據 Google 關鍵字搜尋結果
視覺設計
  • 訂好位
      • spotlight_title
      新年新氣象，終究還是逃不了改版這件事兒~
      這次很認真有改全套的~ 我永遠都活在灰色系底下~



      這次改版本來要做觸控選單的~
      但由於本人 Java script 那部份不會弄了~
      所以不弄了~

      之前跟糗哥說要改版的時候就說要改沒有側欄的窄版~
      剛好史老師這回也是改類似的版型有遇到些問題...
      寫這個版的 css 時順便也一起幫他測試了~
      基本上應該是沒問題，如果他照我說的方式去設定的話~

      在公司用寬螢幕看會很窄~ 不過我喜歡 XD
      又回到了小字王的世界~ 依然隨機圖片，我三八咩~
      懶人這次做小框架 + 假首頁也好好看的啦!

      各家瀏覽器應該都不成問題~
      因為我本人慣用 ie
      所以用 ie 看是最好看的版本，字型大小等等才是我要的~
      由於相簿留言板名片真的使用率較低，所以就寫的很簡單，該藏的都藏了~

      原本是要先做別的重要的版型~
      由於史先生遇到問題後我就手癢了~ 所以馬上用自己的版面測試~
      視覺上的規劃並沒有花很多時間，因為灰色我拿手的~
      根本可以不用做 psd 也可以憑空想像出來~ 哈 XD

      大概是這樣，因為一直沒發改版文~
      大家都回到金山鴨肉去了 :p
      創作者介紹
      Leah

      Leah's Life

      Leah 發表在 痞客邦 留言(28) 人氣()


      歷史上的今天
      ▲top

      留言列表 (28)

      發表留言
      • #1 smilemylove smilemylove 於 2008/01/09 05:34
      • smilemylove

      • 喔喔～
        李亞也玩了直版耶…
      • 好窄好窄~ XD
        但是我滿喜歡的~
        畢竟我是個極簡萬歲主義者~

        Leah 於 2008/01/09 10:48 回覆

      • #2 tony25852 tony25852 於 2008/01/09 10:10
      • tony25852

      • 觸控選單! 好想討論這個...
        像這個:
        http://audi.tw/Blog/webDesign/images/156/156-01.html
        上面那個選單就是用CSS做的
        我不了為什麼它的網頁用IE6看就OK我就不行阿阿!
        淚...
      • 如果是自己做的網頁可以很輕易的做出觸控選單
        網路上有很多種，但很多都是要把 JS 宣告在 HEAD
        在部落格頁就沒辦法把 JS 宣告在 HEAD 了~
        除非用 CSS 裡面導入 JS
        但我懶得試了~ 好累喔~
        --
        以 CSS 來說以後是可以做到的~
        一般區塊的 :hover IE6不讀取~
        等 IE6 消失就好了 XD
        為了要達到多種瀏覽器都正常...
        也是一件不怎麼容易的事兒耶!!
        --
        落落長~

        Leah 於 2008/01/09 15:37 回覆

      • #3 valerie valerie 於 2008/01/09 11:18
      • valerie

      • 靠邀勒～昨天我問你說：你在改留言版喔？
        還不回答我～
        結果是ＢＬＯＧ　哈哈哈XD
      • 我哪有我超認真回答你的~
        昨天真的是在弄其他頁面~
        趁大家都下班了留在公司用~
        家裡的螢幕太小了~

        Leah 於 2008/01/09 15:38 回覆

      • #4 tony25852 tony25852 於 2008/01/09 15:11
      • tony25852

      • 要ie6完全消失簡直比登天還難阿...
        誰叫某個w公司做事這麼半強迫~

        所以說我那個應該是因為ie6 csshover修正檔根本貼的位置不對效果才出不來的阿阿...
        殘念...
      • 好像有點難~
        但是我覺得應該之後 IE7 會越來越普及的啦!!
        這樣 IE6 的問題就變得比較不重要了~
        JS 的位置不對就會錯誤~
        可能要用 CSS 讀入 JS
        但是很像還有一些其他的限制~
        所以我不想試了~
        下次乾脆用 FLASH 做選單好了~

        Leah 於 2008/01/09 15:40 回覆

      • #5 ayu91035 ayu91035 於 2008/01/09 16:29
      • ayu91035

      • 好棒呀~
        為什麼可以那麼厲害~
        不過要做成直版的話，勢必要在container裡加上relative了，IE6的這個bug真的很令人討厭
      • 也還好~
        其實我覺得長版的比較簡單耶!!
        不能複製的話其實沒什麼差~
        我的文章也沒有很多教學文章需要複製的部份~
        所以好像影響也不大啦~

        Leah 於 2008/01/09 17:16 回覆

      • #6 jertsai jertsai 於 2008/01/09 19:11
      • jertsai

      • 回懶人:
        其實behavior:url("***.htc"); 宣告.htc似乎是一定要相對路徑~
        --
        但是如果你真的想用!也不是沒有辦法=口=
        它的條件是css跟htc得在同一個根目錄下!
        所以首先先找一個自有網域的空間..然後把你的css跟htc上傳..
        最後在PIXNET的CSS編輯內加上匯入樣式語法:
        import url("http://***.css");
        --
        另外:
        上傳的css!單純放下拉選單可,或者連部落格語法塞進去也可!
        如果是後者,那麼你PIXNET的CSS只要一行就好
        import url("http://***.css");
        --
        當然這是我的構想啦!沒自己測試過@_@不過應該是可行的!
        其實當初看你在用有心動一下,但因為我超懶的啊XD

        --

        給李亞:
        最近窄版真的有這麼流行嗎@_@
        一定要回一下啊!要不然大概會被你唸吧=口=
        (其實我還蠻想討論一下懶人提起的那個XD)
      • 如果是自訂選單的話直接寫自訂欄位就好了~
        而且也可以做到純 CSS 直接觸控顯示~
        可是我要的是最新文章和最新迴響的內容觸控顯示~
        以前在無名我試過了~
        但那個 js 是歪八寫的~
        因為無名的欄位 class 有獨立名稱包住 .side
        所以比較容易成功的樣子~
        但 pixnet 的架構要弄好像也不難~
        只是我想學的 js 跟我很無緣~ 囧

        Leah 於 2008/01/10 00:29 回覆

      • #7 bonyes bonyes 於 2008/01/09 19:26
      • bonyes

      • 我也愛李亞姐姐
        真的



        XD
      • 好害羞喔!! 這是告白嗎?
        我也很愛糗哥的啦!! 噗~

        Leah 於 2008/01/10 10:25 回覆

      • #8 tony25852 tony25852 於 2008/01/09 19:44
      • tony25852

      • 不好意思娘娘借個位子讓我討論一下
        --
        傑老大~
        其實我試過各式各樣的方法把csshover塞進去過
        那個同一個根目錄也試過了(但是IE6就是不理我)
        我在想是不是因為我那整段宣告放的地方錯誤的問題
        還是說...

        IE6擺明了就是排擠我...
        總之IE6快消失吧!
      • 盡量討論吧!
        --
        自訂選單的話我可以教你怎麼設定可以成功~
        其實轉個方向去想就可以囉!!
        但是如果是我自己也想弄的最新文章那些我就不行了~
        還是得用到 js... 囧

        Leah 於 2008/01/10 10:26 回覆

      • #9 joe102 joe102 於 2008/01/09 21:54
      • joe102

      • 好"窄"好"棒"
        就是這個調調XD!!!
      • 窄的果然好吧?

        Leah 於 2008/01/10 10:27 回覆

      • #10 [小呼] ♥ [小呼] ♥ 於 2008/01/09 22:15
      • [小呼] ♥

      • Hello 你好 : )

        請問阿
        onespace 裡面交的 Javascrip
        到底要在哪裡插入啊

        怎麼使用哩，不好意思打擾妳囉
        ( 第一次回應給你很緊張哈哈 XD )

        嘻嘻
      • 嗯~ 基本上 oecspace 介紹的 js
        都是做個人網頁會比較合適~
        因為有些是要放在 <head> </head> 之間的
        而你在部落格加的東西基本上都在 <body></body>
        除非把 js 改過~
        但你說的是哪個 js?
        隨機圖片? 或 目錄選單?

        Leah 於 2008/01/10 10:28 回覆

      • #11 Masako 於 2008/01/09 22:16
      • Masako

      • 好好看好好看(心)
        害我都很想複製貼上XDDD
      • ? 複製貼上 ?
        是要複製我的樣式的意思? = =
        如果其他人複製直接貼到 css 可能會跑框喔!!
        哈哈哈~
        因為我有做秘密設定~

        Leah 於 2008/01/10 10:29 回覆

      • #12 jertsai jertsai 於 2008/01/09 22:57
      • jertsai

      • 李娘娘歹勢喔=口= 最後一次了~
        --
        嗯!剛測試一下!
        發現好像是要網頁頁面跟htc檔要在同一目錄下!
        所以如果用在免費BLOG平台可能會沒辦法做到~

        果然還是要動手才知道問題@_@
        那這樣..可能要先確定behavior的設定問題,
        另外就是XML的寫法!
        --
        我剛上網看一下資料,發現對behavior的說明很奇怪!有說可以絕對跟相對!但似乎都沒看到絕對的例題!
        至於XML的寫法,這可能要研究研究了!

        我有興趣想了解了!我這幾天找找資料,
        可以破解的話..再去你那聊~
        要不然我們可能會被李娘娘拖去斬八Q口Q
      • 在這邊討論我是沒差啦~
        --
        你說的好像比較複雜~
        如果真的要做單獨區塊:hover 效果的話~
        為了解 ie6 無法讀取真的有點累~
        不如直接去學 js 吧? 比較快 XD
        我是不能討論就對了? 雞巴!

        Leah 於 2008/01/10 10:32 回覆

      • #13 tony25852 tony25852 於 2008/01/09 23:14
      • tony25852

      • 真的真的最後一次謝娘娘
        --
        其實我有問過那本介紹到csshover的書的作者關於csshover這個檔案放置目錄的問題
        他是說放在任何地方都可以
        只要 CSS 中能確定讀到就好
        ("css中"不知道是什麼意思)

        唉, 如果說真的是要網頁頁面跟htc在同一目錄下那我就真的要放棄了
        還是去學javascript可能快一些...
      • 不用到最後一次啦~ 就說可以了... 囧
        --
        如果你是要自訂選單的話真的可以用 :hover 做啦~
        oecspace 也有教喔~
        但這個 hover 的方式外面要加一層 <a></a>
        但這個 <a> 到連到哪個頁面就看自己了~
        由於 pixnet 的 blog 頁面不能把連結用 #
        用 # 會到部落格首頁 XD
        所以可能連結要自己設定比如連到自己部落格頁~
        或是次目錄上面一層有頁面可以連的話...
        --
        但是同上，如果目前頁面上既有的架構就可能要用到 js
        所以還是學 js 最快

        Leah 於 2008/01/10 10:37 回覆

      • #14 鬼鬼 於 2008/01/10 00:48
      • 鬼鬼

      • 灰色好

        灰色好啊
        還可以有深淺的分別
        雖然灰色感覺比較陰鬱
        但李亞的灰就是特別好看
      • 哈哈哈~ 謝謝你~
        不知道為什麼聽到這種稱讚就很開心~

        Leah 於 2008/01/10 10:38 回覆

      • #15 standinghere standinghere 於 2008/01/10 09:58
      • standinghere

      • 天啊 這裡是CSS+JS討論區嗎?
        也一整個太熱絡了吧...
      • 超熱絡我又不是高手~
        叫百吉來幫幫我吧~

        Leah 於 2008/01/10 10:40 回覆

      • #16 sandy sandy 於 2008/01/10 11:40
      • sandy

      • 我也要熱洛熱洛．．．．．
        但是我．．．．完全的不解．．．．
        李亞亞．．．我要吃三顧苗盧．．．．
        然後～我明天不會進公司的啦～～～
        哈哈哈哈哈哈～～
        我要帶我家的狗兒去追逐風、追逐太陽．．．站在人生的大道珵
      • 你在那邊熱絡什麼~
        快吃快吃~ 快去吃!!
        好好喔~ 所以你明天不在我要哭了!!
        百吉也不在~ 不就等於沒人陪我們吃飯了~
        我要哭了~

        Leah 於 2008/01/10 12:22 回覆

      • #17 simb simb 於 2008/01/10 20:14
      • simb

      • 李亞你這個樣式真的很好看 :D
        很想把你的腦袋取掉 變成我的腦袋 !!
        你的樣式真的是比誰都好看 ~
        你的灰色也是比誰都好看 ~
        始終最愛的還是你的設計 ~
        我愛你 >0<
      • 快別這麼說~ 我都要得意起來了我~
        灰色用很久了阿~ 所以很拿手配灰色呢!! XD
        不要這樣跟我告白我好害羞喔~

        Leah 於 2008/01/11 00:32 回覆

      • #18 allice0224 allice0224 於 2008/01/11 15:20
      • allice0224

      • 好好看喔~*
        果然是亞姐的灰色系~*

        --
        看到JS整個也很想討論 XD
        因為這學期有兩堂課都在教，
        可是的我都只會運用在HTML裡，
        OECSPACE裡有些很想要用的效果都不知道該怎麼放進像網誌這樣的固定架構裡，
        有時候真的會覺得很頭大 @@"
        ( 不知不覺囉唆起來... )
      • 好看嗎? 謝謝嘎!
        js 我是全不會的那種~
        改改人家寫好的可能還可以亂改出什麼東西~
        要自己寫就算了吧 :p

        Leah 於 2008/01/13 01:34 回覆

      • #19 apoisapple apoisapple 於 2008/01/11 17:16
      • apoisapple

      • 喔~整個隨心所欲耶!!!!
        真好~
      • 哈哈哈!! 也還好啦~ 隨心所欲不至於~
        但是對灰色就是特別拿手一些~
        畢竟太常用灰色去配色了~ :p

        Leah 於 2008/01/13 01:35 回覆

      • #20 bamcloud bamcloud 於 2008/01/11 20:46
      • bamcloud

      • 超好看的啦....
        最上面的誰來我家跟連結部分還有隨機圖片
        組合在一起整個酷斃了！
      • 哈哈~ 完全按照我個人需求做的樣式阿~

        Leah 於 2008/01/13 01:35 回覆

      • #21 sharonwhite sharonwhite 於 2008/01/11 23:21
      • sharonwhite

      • 嘖嘖...
        搞什麼~你們整批人一起改版
        我被孤立了
        怎麼辦？怎麼辦？怎麼辦？怎麼辦？怎麼辦？
        怎麼辦？怎麼辦？怎麼辦？怎麼辦？怎麼辦？
      • 你也改阿~ 你都懶惰不改我也沒辦法嘎~
        哈哈哈哈哈!! 過年放假期間吃飯吧!!
        久沒見你了~

        Leah 於 2008/01/13 01:36 回覆

      • #22 kusomao kusomao 於 2008/01/12 13:34
      • kusomao

      • 哈，我也做過類似的
        灰階的很協調阿
        --
      • 我知道我知道~
        在無名的時候你做的嘎?
        灰色我最會配了 :p
        下次會嘗試其他顏色啦 (每次都這樣講)

        Leah 於 2008/01/13 01:37 回覆

      • #23 apoisapple apoisapple 於 2008/01/14 13:48
      • apoisapple

      • 對耶~從無名那時到現在~
        灰不錯阿!
        沒有季節感~哈哈~
        還挺懷念在無名妳的有一個蘋果版~XD

        是妳做的吧?我應該沒記錯吧?
        錯了就糗了XD
      • 我歷史樣式都灰濛濛的~ XD
        哈哈~ 沒錯都不會有季節衝突~
        而且這樣我的隨機圖片才不用特別選色系~
        對對~ 蘋果是我做的~
        好久了喔!!

        Leah 於 2008/01/14 17:53 回覆

      • #24 BlackFaith BlackFaith 於 2008/01/14 19:10
      • BlackFaith

      • 第一次留言有點不好意思ＸＤ
        可是還是要說 我真的超愛這一版的說ｖ
        我超愛灰色的呀！！！灰色超棒的ｖｖｖｖｖ
        害我也想改灰色的版了可是我好懶ＸＤＤＤ
      • 謝謝你~ 我也很喜歡這個版~
        不過相簿的缺點是太窄了~ XD

        Leah 於 2008/01/21 22:03 回覆

      • #25 st250064 st250064 於 2008/01/18 22:22
      • st250064

      • 好棒的感覺 = )

        I like it.
      • i like it, too.
        哈哈哈!!

        Leah 於 2008/01/21 22:03 回覆

      • #26 leoellen leoellen 於 2008/01/28 19:00
      • leoellen

      • 李亞的樣式還是一樣超超超棒呀！
        一點進來就像無頭蒼蠅一樣
        開始找有沒有分享...
        ...好像還是沒有，囧>
        阿阿阿好想要喔(地上打滾)
        (謎之音：盧個屁阿小鬼！)
        總之，你最棒了啦！>0<
      • #27 misapupu misapupu 於 2008/05/10 23:11
      • misapupu

      • 想請教李亞
        上面那個banner會自己更換
        用JAVA做的出來這我是知道啦@@"
        可是若運用在CSS裡面我就不會用了
        是直接將JAVA語法貼到CSS裡面嘛還是?@@
      • #28 白雪姬 於 2008/07/10 13:40
      • 白雪姬

      • 我離你們愈來愈遠了 該怎麼辦？
      • 怎麼回在這麼遙遠的一篇阿~?
        哈哈!! 不會的你還是離我很近~

        Leah 於 2008/07/11 01:53 回覆