網路城邦
上一篇 回創作列表 下一篇   字體:
新版山頭圖〈感謝電小二推薦〉
2013/05/16 23:59:26瀏覽3094|回應27|推薦159

東村家走一趟,想想我那部落格新家,也該裝潢一下啦!↓

首先從目前可套用的板模中,選擇了baby blog

找到baby blog的#header {
}
#header {
 position:relative;
 width: 1000px;
 margin: auto;
 height: 170px;

然後到思于自家的相簿中找到下面三張照片:

進PhotoImpact,將第一張風景照取上半部,調整長寬為:

width: 1000px;
height: 170px;

正好和baby blog的設定一樣,↓

另兩張僅剪下人形,再打個文字:

這樣有四個物件↑了,再進入Ulead GIF Animator中,

製作成動畫↓上傳到自己的相簿上↓

複製該動畫網址,然後進入baby blog的css:

找到#header {
 position:relative;
 width: 1000px;
 margin: auto;
 height: 170px;
 background: url();
}

將原來background: url();()內的網址,變成您自己個人山頭圖的網址↓

再來就是調整思于之鄉〈原UDN部落格〉的適當位置:

找到baby blog的css下拉到:

/*
**************************************************************************************************************************************
物件樣式 id
**************************************************************************************************************************************
*/
/* 山頭 */
#header_name {
 font-size: 36px;
 font-weight: bold;
 color: #000;
 position: absolute;
 left: 258px;
 top: 75px;
}
body.print #header_name {
 position: relative;
 left: auto;
 top: auto;
}
#header_description {
 font-size: 15px;
 color: #666;
 position: absolute;
 left: 258px;
 top: 130px;
}

修改橘色部分的數字,這要點嘗試錯誤,自己要計算一下確定放置的位置。

↑這樣就完成了!

接下來又找了上次去木柵老泉里杏花林照的三種顏色杏花

送進PhotoImpact中,剪剪貼貼,再進入Ulead GIF Animator中,

製成width: 31px height: 30px的動畫小圖上傳到自己相簿中→

複製此小動畫網址到baby blog板模css↓下面的()

#sidebar .head {
 background:url()

接續再依自己喜好,逐一做些顏色修改‧‧‧‧

這樣就完成現在的↓

新版思于之鄉→GO三太子愛

( 休閒生活網路生活 )
推薦文章 列印 加入我的文摘
上一篇 回創作列表 下一篇

引用
引用網址:https://classic-blog.udn.com/article/trackback.jsp?uid=1029QPAL&aid=7631356
 引用者清單(1)  
2013/05/23 18:16 【優專欄:編輯精選內容收錄】 udn部落格新版秘笈,跟著格友一起裝潢新家好上手

 回應文章 頁/共 3 頁  回應文章第一頁 回應文章上一頁 回應文章下一頁 回應文章最後一頁


等級:8
留言加入好友
怎麼辦
2013/05/17 14:42

不會啦!!!!!!!!!痛哭

新版不敢換!

思于(1029QPAL) 於 2013-05-19 22:01 回覆:

總是要進入新版天地的

就大膽給它換下去吧

 


東村James
等級:8
留言加入好友
2013/05/17 11:22

讚呀﹗

您有大量的旅遊文﹐這個新格特別適合您呢。


思于(1029QPAL) 於 2013-05-17 14:30 回覆:

寫了這文後

發現還順手

就是不習慣啦

但上傳相片不必壓縮

對我超好用


幸福☆Anita_暫離,暑假再回來
等級:8
留言加入好友
感恩感恩......
2013/05/17 11:16

我正在為裝潢新家煩心呢

您這篇真受用

說明的很仔細

待明天放假 要佈置我的新家囉

感恩感恩


歡迎走進Anita的內心世界.........
思于(1029QPAL) 於 2013-05-19 22:16 回覆:

因為不熟悉

要點時間適應

加油


TT.
等級:8
留言加入好友
新版山頭圖的巧思...
2013/05/17 10:53

不僅有創意
還好可愛&看見幸福~ **"

思于(1029QPAL) 於 2013-05-19 22:15 回覆:

要真正幸福

其實幸福很簡單

知足惜福


多硯坊 (休)
等級:8
留言加入好友
崇拜中+1
2013/05/17 10:36

新居落成

恭賀喬遷

思于(1029QPAL) 於 2013-05-19 22:13 回覆:

再慢慢參考別人的來修正

裝潢總要時間的


blue phoenix葉葉為君舞清風
等級:8
留言加入好友
崇拜中
2013/05/17 09:06
我是智障我是智障啦啜泣
blue phoenix

思于(1029QPAL) 於 2013-05-19 22:02 回覆:
呵呵

阿鍾哥
等級:8
留言加入好友
2013/05/17 07:56

這方法要收藏起來

等六月大限來時修改之~~足感心耶

思于(1029QPAL) 於 2013-05-19 21:48 回覆:

等六月時

其他格友會有更多創意

夠您發揮囉

頁/共 3 頁  回應文章第一頁 回應文章上一頁 回應文章下一頁 回應文章最後一頁