網路城邦
上一篇 回創作列表 下一篇   字體:
新版山頭圖〈感謝電小二推薦〉
2013/05/16 23:59:26瀏覽3092|回應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/19 15:42

思于好友好厲害^^我還沒弄懂怎麼改新版的山頭圖呢

要好好來向妳學一學愛你喲!

思于(1029QPAL) 於 2013-05-19 20:37 回覆:

我才要向您學習ㄌㄟ

我的就這一套

不好意思啦


程如晞
等級:8
留言加入好友
厲害
2013/05/18 14:33

我想換山頭標題的字

還沒摸清楚上那兒弄


思于(1029QPAL) 於 2013-05-18 23:21 回覆:

得發點時間適應

總是要搬家的

研究一下

就開始動手吧

您行的


Sir Norton 魯賓遜,救命!
等級:8
留言加入好友
請你跟我這麼做!
2013/05/18 14:00
耐心, 試驗, 歸結, 傳授, 思于小姐的幽默興致, 又見高招!
思于(1029QPAL) 於 2013-05-19 20:40 回覆:

其實大家都知道的

我只是想把過程記下

留作紀念


晴兒
等級:8
留言加入好友
棒!
2013/05/17 23:50

 

您們的教學比 udn 的資訊還棒!

晴兒還會再來學喔!三太子開心

 

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

如果有時間

真想從頭改過

而不是套用後小修

很彆扭ㄌㄟ


笑笑-綠洲 明湖 故鄉情!
等級:8
留言加入好友
能者無所不能!
2013/05/17 22:18

思于因為智慧高,用巧思巧手很快便學會新版山頭圖!

笑笑將來到非換不可時,只有請人來幫忙換版!

以我們年老者,什麼事以不變為最高原則!

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

真的是習慣很重要

回應時

又不知不覺回到舊版來

真是傷腦筋啊


梅琪仁
等級:8
留言加入好友
您是電腦高手
2013/05/17 20:26
“這樣就完成了”,好輕鬆,
咱看得霧煞煞,要試還要有勇氣哩,真怕搞砸! 
思于(1029QPAL) 於 2013-05-19 21:18 回覆:

好想去修一課

了解css

就自己來

不套用修改了


隨寫人◆ 無事一身輕的自在
等級:8
留言加入好友
2013/05/17 18:56

真是酷啊

思于(1029QPAL) 於 2013-05-19 21:35 回覆:
謝謝!

婷(mayda)
等級:7
留言加入好友
20130517
2013/05/17 17:39

網戀~~ㄚ不是啦 是網頁

我也完瘋一下~~

我改改~~

換感覺

心情意境也改了

不錯ㄟ

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

這兩日都儘量用新版運作

要習慣啊親你一下

 


閒人
等級:8
留言加入好友
新版
2013/05/17 16:41

厲害!

我還在研究........汗

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

有時間的

慢慢來

好酒沉甕底


莫莉﹝忘川﹞
等級:8
留言加入好友
需再研究
2013/05/17 15:32
思于很棒!我還是霧煞煞,怕弄壞了怎麼辦,再來研究研究好了。
書寫四季風雲 輕夢掠過流浪的軌跡 相聚與別離都是恆長的定律
思于(1029QPAL) 於 2013-05-19 21:59 回覆:

不難啦

多試幾次就好

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