24h購物| | PChome| 登入
2009-06-30 08:19:25| 人氣3,407| 回應2 | 上一篇 | 下一篇

世新大博部落格設計1

推薦 0 收藏 0 轉貼0 訂閱站台

好像老是在做這種事情=W=" 可是我弄CSS的能力沒有很強,我最喜歡的還是自己隨便弄隨便好看的皆涉世。特別把這篇的字體調大了噢!

先來看我弄了一整個晚上的成果↓
先說,那隻紅色的龍不是我畫的。基本設定的一部分就寫在這張圖裡面了,弄了超級久的,現在圖中的這篇文章是隱藏狀態。



原本的範本長這樣,好像在看整形前和整形後XD

 


頁面下方的樣子,底紋的龍滿好看的。

我在右邊放了連結貼紙,滑鼠放上去還有親切的圖說喔!世新大學的貼紙因為底色本來就是白色的,所以連結的藍色框線就讓他顯現出來,這樣才可以看到這個貼紙的尺寸。


這是相簿的樣式,名片的背景也差不多如此,設定拉捲軸時背景保持不動,不過頁面上方面空了一大塊不知道為什麼。

世新公廣系前年的畢專主題臥龍宴,海報底圖的紫地毯花紋跟這個的花紋很像,想說走中國風的臥龍宴都可以用歐風花紋來低調奢華,那想走中國風的龍也未嘗不可。不過有人問網誌主色棗紅,這邊用藍色好像挺突兀,其實後來想一想覺得還ok,因為底色用藍色,在旁邊站壁的龍會更顯眼XD


以上整個弄完後,之後有些部份被要求修改,故banner圖樣有以下進化史:
1. 第一版,走簡單路線,那龍影好可愛。
2. 隔一天。標題改成大博活動網站、世新要跟它的英文在一起、在一起。因為標題太長,所以借用學生會的美宣部長熊熊愛用的對話框形式來切。
3. 字體太普通、logo太大所以第三版,底紋增加成兩個,也許看起來比較豐富。
4. 漣漪自己加上閃光,是為閃光3.5版,做這版來玩的時候偷偷笑被閃到跟我說記憶體不足就當掉,難道他以為自己是3.5磁片A嗎?
5. 後天又修改的部份,第四版,標題顏色加深,移動龍和LOGO的左右位置。


(↑這張圖是PNG檔,比上面的JPG們顏色和邊緣都要來得漂亮。)

 



另外上面的連結顏色也有更改過了。

留言板還沒弄,弄網頁或這種東西都要一口氣弄完才行,我最多只有八小時熱度而已。


那個部落格的位置在這裡http://www.wretch.cc/blog/shushowtime

 

 

台長: 漣漪
人氣(3,407) | 回應(2)| 推薦 (0)| 收藏 (0)| 轉寄
全站分類: 工作甘苦(工作心得、創業、求職) | 個人分類: 各類作品 |
此分類下一篇:世新大博部落格設計2
此分類上一篇:進階電子專題5(後續)

感覺像是進化論(?
2009-07-03 19:00:50
版主回應
它現在砍掉重練了......新版還沒po上來。
2009-07-04 02:57:43
你好你好
妳好阿

我有留ㄧ些問題在

<給世新新生的好用說明資料>

最後的那個留言

可能是太久以前的文章

怕你沒發現 所以來說ㄧ聲

希望妳能回覆喔 謝謝!^V^
2009-07-22 22:40:45
版主回應
新留言都會顯示在右邊的邊欄,所以不用怕會漏掉。
2009-07-23 16:31:01
是 (本台目前設定為強制悄悄話)
* 請輸入識別碼:
請輸入圖片中算式的結果(可能為0) 
(有*為必填)
TOP
詳全文