都不知道有多久沒有寫日記了,今晚本來是打算寫一兩篇記事的,但突然看到舊版面實在太舊了,已經是2014年的時候改的。那時候還是ラルク2014年国立的時候的template呢!已經過了四年了,連25周年live都過了,所以心血來潮想玩一玩,可是卻用了一整個晚上,哈哈!!

fc2-template.jpg
對上一次改版的template,那次真的好嘔心瀝血。有前一次的辛苦之後,今次輕鬆不少,但還是要用一點時間再次揣摩。

fc2-template2018
今次改掉的其他有以下幾樣:
1。背景圖案
2。封面BANNER (自己design)
3。上面THE ARCH IN THE SKY的擺放位置
4。TITLE及MENU BAR的背景圖
5。TITLE及MENU BAR的字樣顏色
6。TITLE及MENU BAR的border corner由oval形轉正方形(呢個改死我!)
7。BODY CONTENT的文字由黑轉白
8。LINK及VISITED的字體顏色(現在是淺藍及黃色)
9。右邊的彩虹語句
10。右邊的全新長BANNER (自己design)
11。最底部的HYDE LOGO

原來改改下都改了這麼多地方!追求完美,哈哈!呀。。。不過今次不知為何「留言展開」的功能用不到,明明我沒有碰過那個部份。。。。。。今次的素材雖然也是從hyde及laruku的官網找回來的,但進行二次創作的情況比較多,封面BANNER及右邊長BANNER是我自己做的,另外要set好item3/4/5/6/8/11也是絕對不容易!要用相同原素襯返全個網頁design的主題,少一點sense都會弄得不好看,好彩無做design這麼多年還是有點能耐XD 不過睇CSS script睇到我眼都盲。。。。。。今次不詳述太多了,我都不知道為什麼要為一個不再生產的日記去改版XD 希望改版後我會再多寫一點吧!:)

手機上看也很漂亮吖!(自我感覺良好)


refer返對上一次改版的記錄文(超級長,慎入): http://irischan.blog124.fc2.com/blog-entry-302.html

[2018/07/18 00:56] | 愛‧生活
引用:(0) |
YEAH!!!! 由今年一月講到而家, 我終於改到版啦!!! (齊歡唱同慶賀) 今次的改版可謂大成功! 雖然不是最完美但我已經好滿意了, 因為真的是自己一手一腳慢慢研究CSS及HTML的呀!!! 以往也懂得一點點HTML, 不過因為太久沒有用的關係已經差不多忘掉了, 而且也完全不懂CSS, 最多只是search返原本樣板內的background.jpg然後換掉自己想要的。但今次真的學懂了很多CSS script, 至少比較了解現時正在用的那個樣板的結構吧! 雖然好小學雞level, 但是實在做了不少改動, 所以真的好想來個詳細紀錄, 滿足一下自己XDDD

*我用google chrome, 電腦resolution是1920x1080, 比例是沒有問題的, 如您看見有什麼問題請告知, 感謝!*

fc2-template.jpg


背景
這個真的很困擾我, 因為原來的樣板背景是白色的, 雖然找到background url的地方, 可是一放相片上去既不會repeat, 也不會fixed。我想要的效果是一整張大的background在底, 不會因為滾動頁面而影響後面的background也一起滾動, 想了半天才想到這種效果是"background fixed", 真的好白痴!!! 明明N年前我也用過的, 忘得一乾二淨。立即上網找CSS教學, 很快便set了fixed及position, 完成的時候真的好有成功感呀!!! 。゚ヽ(゚´Д`)ノ゚。 (灑花)

background-image: url(http://background.jpg);
background-attachment:fixed;
background-position:center top;

另外背景圖片也是, 本來不是用這一張, 是另一張比較黑及歌德式感覺的背景圖, 但靈機一觸去了VAMPS的網頁, 看看有沒有好用的素材 (注意: 不是素材網, 是我偶像的官網, 因為我太喜歡他們所以任何事也想跟他們有關XD), 當然是不可能隨便save到任何素材啦! 又是幾經轉折嘗試之下終於讓我找到網頁內所有素材的原地址! 不過我不會公開的, 其實老實說也不可以隨便用啦........希望不會被人發現 ( ̄3 ̄)

背景圖是VAMPS LIVE 2013!!! 比較淺色適合網頁用, 其他都很漂亮不過太深色了。可能閱讀方面會比較困難, 將就一下吧! (可以放大網頁或反白文章) 我真的很喜歡這張背景圖 (=´ᴥ`)

左中右column的闊度
這個也是用了我很多時間研究, 因為我不太喜歡這個樣板的闊度, 正文的空間太窄了!!! 但又不想放棄三個欄的設計, 而且每改一欄的闊度也會影響旁邊兩欄, 全部重疊了, 所以連距離也要調教。其實我真的不懂啦, 只是盲摸摸每個script都試改看看有什麼效果, 所以真的用不少時間才弄至滿意的效果orz 現在寬了感覺舒服很多吧! (不知為何那麼多樣板的正文欄位都很窄)

Menu Block
這個折磨得我更多, menu bar圖片那些距離位, 寬度, 長度我真的不懂得set啊!!!  改了很多張圖的size也是不合適, 那個background-position研究了很久也不懂, 改過很多次也不行! 本來不是用這張圖的, 最後放棄了。又是靈機一觸用了laruku new single "EVERLASTING"封面內的雨境做設計, 效果很美, 也與上面header banner国立的藍色呼應, 我真是天才, 哈哈哈哈~~~~~~~XD

fc2-template-02_20140722044334e13.jpg


字體顏色及位置距離
反正大改版, 連字體也不放過, 字體link, active, visited, hover的顏色是有配合過的啊! 在menu bar內的字體位置也是有改動 (又是menu bar.....好難)

Header Background
Header banner本來是我很喜歡的laruku HK live四子(也是我自己弄的), 不過已經是2012年的事了, 是時候換新, 所以今次瞄準了今年三月"国立live 2014"的官網圖 (晨早截了下來啦XD) 很喜歡這張圖, 雖然簡潔但顏色很美。

fc2-template-01.jpg


這個live對我意義重大, 是我歷盡千辛萬苦才去到的一個live!!!  為了這個live真是付出了不少, 也有很多新的體驗。国立競技場也是很多日本歌手/團體夢寐以求的神聖的演唱場地, 上一次ラルク国立飲恨去不到, 所以今次能夠在国立改建成新會場之前有幸可以參戰, 作為laruku fans真的是一種榮幸!!! 所以一定要好好紀念! 

Footer Background
Footer banner原本當然也是laruku, 但想來想去也想不到用什麼新圖好。剛才在VAMPS官網"借用"了一些素材, 其實有很多張圖也很漂亮, 用了其中一張圖作為footer background, 但又好像有點單調, 所以加了"SEX BLOOD ROCK N' ROLL" (VAMPS經典slogan), 出奇地合襯!! 嘿嘿 這種"二次創作"玩得很開心, 懂得photoshop真的是太好了XD

FC2-footer-01


其實還想用官網內其他素材再design點什麼的, 不過有機會才弄吧!

右欄設計
右邊的欄位一向有放幾張相片, 當然也是laruku (o^∀^o) 這張也是三月"国立live 2014"的相片及"EVERLASTING"的封面 (小女孩也是坐在国立場上的呀!) 幾張小小的相片實在表達不到八万人的壯觀氣勢!!! 八万個彩虹手燈, 升空氣球及花火同一時間顯現, 場面實在是太太太壯觀及感動了!!!! (இдஇ) うるるる♡

fc2-template-03.jpg


無聊找找有沒有彩虹字體的效果, 又真的讓我找到 隨便改一改那些字的顏色, 連字也要彩虹!!! 嘻嘻!!! (字看不到就反白吧XD) 另外也放了新single "EVERLASTING"最新電台全曲首播, 如有什麼問題會刪掉的。

fc2-template-04.jpg


如果問我為什麼不找其他template? 放棄不了的原因是這個template的留言是可以立即展開來看, 不用click到另一頁的啊! 可以即時展開看留言這個功能實在是太方便太好用了! 所以不想捨棄掉!!! 現在每個地方也改成自己喜歡的樣子, 超有成功感!!!

用了一整晚的時間, 如果不是放假中絕對不會有這個心神去研究的orz.................累死人。又再說如果我可以把這種堅持及一絲不苟的態度多點放在工作上便好了|||orz....(逃~~~~~~~~~)

[2014/07/21 23:36] | 愛‧生活
引用:(0) |


小嘉
呢篇改版日記實在太詳盡了!:p
haha


KETU
真係嘔心瀝血之作黎架XDDD

留言:關閉▲


試玩fc2 app內的filter camera, 都有幾多嘢玩㗎喎 :P 好多filter及特別功能,有時間再弄些有趣的效果試試吧!和line camera一樣有倒數器,不過有三個失敗地方:(如有錯誤請糾正)
1. 不能取已拍照片來retouch
2. 貼紙不夠多不夠漂亮(提不起勁用)
3. 沒有undo鍵,這可真是太罪,怎能沒有undo鍵呢?

第二點都算了,第一第三點作為一個photographic app真的不能接受。

不過fc2 app已經有很大躍進,用app寫日記愈來愈方便了。還好像有相簿功能,但我未研究app版本,網頁最多只能開十個相簿也太少了,希望可以增加吧!

[2014/07/19 09:34] | 愛‧生活
引用:(0) |


小豬*
做咩咁勤力blog? 太得閒? haha


KETU
尋晚突然心血來潮想整理一下個BLOG, 原來有好多篇日記仲係草稿未寫完, 點知一寫就停唔到, 哈哈

留言:關閉▲
之前有試過install FC2 app打算寫多一點Blog, 但那時候用的是iPhone 4,實在是太慢太慢了,根本support不到(是我的機有問題)。而那時候剛推出的FC 2 app也沒有現在的這麼完善,所以寫了幾次便放棄了,因為真的不能用。

今次捲土重來, 是因為剛買了最新的iPhone 5S,速度及功能跟iPhone 4實在是相差太遠了。用iPhone 5S真的是很爽哦! 用app打blog非常順暢,現在FC 2 app功能也非常好用及方便。希望我能寫多一點blog吧

順帶一提,這一篇幾乎都是用Siri讀出來的,不用打字實在太方便了!感應及認字度很高啊!很適合我這種懶人,我以後會“讀”多幾篇blog的了

[2013/09/29 04:30] | 愛‧生活
引用:(0) |


小嘉
讀咁過份...汗..HAHA~
以後叫讀BLOG~唔係打BLOG~


KETU
XDDDDD 係呀!!! 我懶打字嘛~~~ SIRI又認到我讀咩字喎, 唔使打字真係好爽, 勁快完成一篇, 哈哈


小豬*
希望你keep到啦:p

留言:關閉▲





除了app, 用email也可以寫文章,亦可以附帶圖片(但似乎一次只能放一張?),有了iPhone真是太好了。科技也未免太太太先進了??


Sent from my iPhone

[2010/11/14 03:00] | 愛‧生活
引用:(0) |
This is testing only






給我發現了原來fc2有app! 仲可以upload埋相添! 好正!

Hyde這張相用來做iPhone theme真是絕配呢! (最近偏愛黑黑酷酷的東西)

我發覺我對電子儀器的觸角也頗為靈敏的。不消幾天已經習慣使用了, 也下載了不少有用的app. 其實iPhone對我最有用的是好用又方便的app, 反而game是其次呢!

如果真的能成功可以用手機寫blog的話, 我一定會多多寫的! (可惜這個程式不能加可愛圖案,否則便是完美了)

[2010/11/14 00:34] | 愛‧生活
引用:(0) |


小嘉
FC2都有!?真係好勁~HAHA~


小豬*
我唔知fc2有app wor~ 等我都找找先
(不過其實我平時都用pc打blog, 可能需要不大)
arm曬你啦


KETU
係啊!唔知點解我真係好懶喺電腦打blog, 可能我覺得擺相落電腦仲要整相好麻煩好浪費時間。有呢個app真係啱哂, fc2萬歲!!! ^0^


KETU
仲要連口語化的字都顯示到, 好野~
不過用email顯示不到, 上面篇野我寫"吧"就顯示不到了


小透
真係方便得黎, 用法又簡易快捷~~~*0*

不過打詳細blog的話, 我暫時都比較鍾意用pc, 但簡單野可以先用iPhone記下係好唔錯呀~


KETU
在家的話當然會用電腦啦!
如果在長途車上的話便可以用iphone寫事, 像我剛剛從尖沙咀回家的差不多一個小時的車程上便打了一篇長長的日記, 時間剛剛好!!! :p

留言:關閉▲
blog 2010-06-07

又轉新版面了, 這次的版面我很喜歡, 是我一向喜愛的自然風景, 而這種藍藍紫紫的晚霞更是我最喜愛的景色, 加上blog的名字"The Arch in the Sky"感覺很合襯呢! 嘻嘻(雖然沒有一道美麗的彩虹)

春天已過, 本來想換上充滿夏日風情例如陽光與海灘的版面, 但就是找不到漂亮的......當看到這個便立即一見傾心! 有點懷念在瑞士公幹的時候, 感受到與大自然很親近的氣息, 住在那裡一草一物也可令人放鬆神經放下煩惱好好的休息一會兒。真的好想好想去旅行放鬆呀......最近隨著工作量的增加和環境變動, 壓力變得愈來愈大, 人也開始想多了, 感覺到負擔增加了不少。自知自己是個不太懂得處理壓力的人, 應該說我不是那種在壓力下能表現得更好的人, 相反愈是放鬆愈是豁出去的話成果更好, 不過我也知道誰人不會有壓力? 只希望我能抓緊多一點點信心, 好好地去面對吧!

[2010/07/07 00:45] | 愛‧生活
引用:(0) |


小嘉
好快又去旅行啦~努力~


小豬*
係啦~~ 都快去旅行了~ 有得期待都係好事啊~
同埋你又就出trip, 當去旅行啦 :p

咦, 今日用ie終於load到你個blog.. 因為之前你轉左版面, d entry(中間果part)係跌左落下面的

留言:關閉▲
fc2blog 18-04-2010

春天來了, 也為這裡換上一個清新的版面。雖然不能到日本欣賞櫻花, 但總覺得櫻花就是代表春天的來臨。今年香港的春天似乎有點反覆, 時冷時熱, 不過最能感到春天的氣氛就是非常潮濕的天氣! 好像自農曆新年以來就不斷地非常潮濕, 好多年都未試過那麼厲害了! 好討厭!!! 希望春天快點過, 那樣子才可以進行我的大計! 哼~!

真想到日本賞櫻啊.........總覺得人生中一定要有一次到日本春天賞櫻花, 秋天賞紅葉。但看來只要我繼續在這公司工作, 這個夢想都不可能實現的了 這是代價吧......

[2010/04/18 20:30] | 愛‧生活
引用:(0) |

No title
小豬*
小透都去到
你都實有機會既 =p

No title
小嘉
係囉~無理由小透得你唔得~

No title
KETU
呢d機會唔係成日有架! 佢好彩啦~~~
我而家想放假? 第一個俾老闆娘"鏈"死!!!

留言:關閉▲
看見這個版面好漂亮啊! 忍不住要用一用!

不過我只是會用一陣子, 如果不知道怎樣去到看文章的畫面的話
按"通常ブログ画面"就可以了!

如有不便, 敬請原諒 :P

原來這個日記有很多張很美麗的CG!
不停地按不同的版面尋找不同的背景, 很有趣 ^^
我喜歡這些月亮與宇宙的CG
感覺很寧靜










[2009/07/16 00:36] | 愛‧生活
引用:(0) |

NoTitle
-
我正想問我一入來看不到什麼entry呢 >.<
即係而家要一篇篇地click入來?

NoTitle
小豬*
上面果個係我~ 我頭先是click"all achieve"入來的~ click "通常ブログ画面 " ok了~

NoTitle
iRiS
唔係呀, 你來到留comment的這個畫面之後
可以按next or back去前一篇或後一篇的

NoTitle
小嘉
真係唔係幾方便...

NoTitle
iRiS
哈哈, 對不起呢
請忍耐一陣子!

NoTitle
娜娜女王
okay 呀~很漂亮!!!^o^

NoTitle
iRiS
hoho~~~謝謝呢~

留言:關閉▲
原先不是用這個版面的, 其後見到這個覺得更適合blog title! 立即用了, 十分喜歡呢! 而且也很配合這張profile pic! (在大峽谷影的) 雖然沒有"the arch"啦! The Arch in The Sky的意思直譯便是「天上的拱橋」, 即是彩虹。用這個名當然與我最喜歡的L'Arc~en~Ciel有關啦! ^^ 因為它是法文彩虹的意思! 我要每次寫blog時也想起他們! (變態)

另外這個blog的url用了真名字irischan, 好好記啦! 真好可以用回自己的名字, 因為通常apply username時都一定會被用了! fc2blog的url還會配上數字, 那樣子便沒有機會與別人撞上啦! 呵呵~

我要快快set up好個blog至得! 很多東西要改動呢....................把日文變英文啦, 加calender啦, 把comment和link變tree list啦等等! 有排搞~ 而且語法全都遺失掉了............... 點算! -口-|||


[2008/07/04 00:02] | 愛‧生活
引用:(0) |