網路城邦
上一篇 回創作列表 下一篇   字體:
新版山頭圖〈感謝電小二推薦〉
2013/05/16 23:59:26瀏覽3006|回應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/26 19:14
有空也想試一試開心(ㄏㄏ、ㄎ、哈)
思于(1029QPAL) 於 2013-05-26 22:40 回覆:

還有很多時間

慢慢構思

給個超新鮮

多有成就感啊


*花ㄦ
等級:8
留言加入好友
謝謝指導
2013/05/23 06:27
換新家 大夥總要重新裝飾門面 謝謝不吝指導....
思于(1029QPAL) 於 2013-05-23 23:02 回覆:

套用套用啦

只是讓山頭個人化

有家的感覺


靈婆心語 人生待續
等級:8
留言加入好友
佩服
2013/05/22 17:48

佩服 您超厲害的

我就是電腦白痴  要摸索好久 才偶然成功

這方面都是靠朋友 很丟臉呢

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

就是套用

多試幾次就會成功


芸之
等級:8
留言加入好友
應景又實用!
2013/05/22 10:31

wow..思于老師太強了,不只會乘風自行車健行,連山頭圖如何妝點都寫得有模有樣啊!先收藏起來,等有空再好好研究一下!給妳按100個讚喔!

 

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

我喜歡玩出自己的感覺

套用不難

想有自家特色

有用點腦筋啦

被年輕的您誇獎

開心啊


竹子
等級:8
留言加入好友
2013/05/21 21:52
好厲害!
電腦白癡的我,都不會做呢~
思于(1029QPAL) 於 2013-05-22 22:09 回覆:

沒什麼事難得倒竹子的

這套用何須功夫啊

改天自己創一個

才真是‧‧‧

 


茶花小屋
等級:8
留言加入好友
新版山頭圖
2013/05/21 16:43

大家都忙著妝點自己的新家

思于

最近沒騎車?


 茶花小屋的分享心世界與你一起發現美好生活
思于(1029QPAL) 於 2013-05-21 16:57 回覆:

最近愛上爬山

因山中空氣太新鮮啦

單車行改成一周1~2次

而且都騎很熟悉路段

一次爬坡一次溪邊車道

純鍛鍊的啦

因太熟悉了

所以沒有PO文紀錄


諄羿
等級:6
留言加入好友
放空自在
2013/05/21 14:59

不能放空的一個死角,所以放空不是一件事或是一個角度,而是很多很多的點,這些很多很多的點都是放空的關鍵,所以我無法以一件事情就帶過怎麼樣叫放空或怎麼樣不叫放空,它是一種感覺,一種讓你感覺不舒服的時候就把他丟掉,就是放空。 那自在呢

我們要學會隨緣一世,這樣才能活得自在。人有太多的追求,不懂得提起只能與憂愁相伴,在人生的道路上迷失方向;人有太多 ... 唯有把心放空,讓心柔軟,這樣我們才能包容萬物、洞察世間。

站據山頭 鶯采 展姿,.攝入人間 放空自在

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

說得真好

其實人生多歷練了

回過頭來想想

有什麼值得太執著呢

呼吸之間罷了

對嗎?


taiwanmickey
等級:8
留言加入好友
佩服
2013/05/21 06:47
崇拜您真是偶的偶像!!
思于(1029QPAL) 於 2013-05-21 15:19 回覆:

您才是我的偶像呢

有玩有吃

聞多識廣


pearlz (民進黨抹黑霸凌WHO )
等級:8
留言加入好友
2013/05/20 00:17
哇!真的很厲害,你的說明看起來非常簡單 - 請別把這篇文章下架,等我也找張相片再來參考你的做法。
思于(1029QPAL) 於 2013-05-20 19:49 回覆:

不難啦

您一定會設計得更好


Rinka
等級:8
留言加入好友
好厲害~
2013/05/19 18:47
我還不知道要如何著手!
思于(1029QPAL) 於 2013-05-19 20:35 回覆:

您不會有問題的

說真的

版變來變去

等這熟悉了

不知何時

又得適應更新的

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