網路城邦
上一篇 回創作列表 下一篇  字體:
UDN部落格新版》好用的「淡淡薰衣草」模板
2013/06/07 14:24:33瀏覽1874|回應5|推薦67



目前幾位更換模板格友給的建議是「經典藍」和「潑墨」兩款。

但不喜歡「經典藍」左側的自訂欄位區塊有底色,不知道如何
刪除;也不喜歡「潑墨」山頭圖位置上左側的「文章  相簿」,
將影響拘限了一文一山頭圖圖像的選擇,也不知道如何移動。

草原綠的「淡淡薰衣草」,左側的自訂欄位區塊本身就沒有底
色,「文章  相簿」又正好是在山頭圖下方,不會影響山頭圖
的選擇。

盯著這樣恰到好處的模版內文發呆,總算找到了極為簡單的方
法,就搞定。同樣方法也可用在其他類似的模版!趕快試驗吧!

刪除「淡淡薰衣草」的山頭圖,換成自己山頭圖的方法 - - -

1 找到「淡淡薰衣草」模板框架下面,這樣的內文:

  模版框架

#context {
	overflow: hidden;
}

#container {
	overflow: hidden;
}
#header {
	position: relative;
	background: #f2f2f2;
	border-bottom: 0px solid #ddd;
	height: 330px;
	background-image:url(https://g.udn.com.tw/
        community/img/style226/bg.jpg) ;
	top:-50px;
}
#header_body {
	position:relative;
	width: 980px;
	margin: auto;
	height: 250px;
	background: url(https://g.udn.com.tw/
        community/img/style226/head.jpg) no-repeat;
	top: 100px;
	border:solid 15px #ffffff;
}
#menubar {
	position: relative;
	border-bottom: 0px solid #ddd;
}



2 將上面的藍色字換了下面的紅色字,就大功告成。
  記得先點按「預覽」確定後,再點按「儲存」。

#header { 
position:relative;
      /* 格友選取製作山頭圖連結:*/       
        background: url(放上你要的山頭圖網址); /* 山頭照 */
        background-repeat: no-repeat;
        width: 1000px; /* 山頭區塊寬度 */
        margin: auto;
        height: 460px; /* 山頭區塊高度 */}



紅色字的
width: 1000px; /* 山頭區塊寬度 */  
  這裡的1000px,不可更改。

height: 460px; /* 山頭區塊高度 */ 
  這裡的 460px,可視山頭照須要而更動。
  許多格友設定500px

延伸閱讀  
台北》悠然單車遊
如何可以一文搭配一山頭圖
( 休閒生活網路生活 )
回應 推薦文章 列印 加入我的文摘
上一篇 回創作列表 下一篇

引用
引用網址:https://classic-blog.udn.com/article/trackback.jsp?uid=jadekuo&aid=7717526

 回應文章

書刪
等級:8
留言加入好友
2013/06/21 13:56

傑玉好漂亮啊 第一次看到妳的廬山真面目

這是妳唱的嗎 唱的真好聽 好聽極了


傑玉 (jadekuo) 於 2013-06-21 17:13 回覆:

書刪  好久不見 

是幾年前  為換護照   下機回台的第二天去照的   現在是歲月不饒人啊  哈哈

兩年前開了另一個放我 唱歌的部落格   http://blog.udn.com/baling/article  歡迎來聽歌喔


花露露 (邀舞~ 韋伯)
等級:8
留言加入好友
2013/06/20 14:33

好慚愧,人家優等生說:“好用的新模版”,還發表文章教學;

我等之輩說的是:“新版好難用,既複雜又設計不良”,還在掙扎中,

唉,學生到現在還沒有學會,以前教的東西都還妳了!

 


傑玉 (jadekuo) 於 2013-06-20 15:46 回覆:
去看了你的新版  只差一步了

把下面這個(這是 薰衣草山頭圖的網址)刪除 即可了

#header_body {
position:relative;
width: 980px;
margin: auto;
height: 250px;
background: url(https://g.udn.com.tw/
        community/img/style226/head.jpg) no-repeat;
top: 100px;
border:solid 15px #ffffff;


花露露 (邀舞~ 韋伯)
等級:8
留言加入好友
2013/06/20 14:28

妳目前選用的頭像非常好看,就是高貴,端莊,賢淑,太棒了,好欣賞。

就用這個頭像,不要換了!

妳的語法超強的,看妳解釋得那麼用心,但我看不懂;

不好意思,我連依樣畫葫蘆都不會,真慚愧!


金金 (jinjin)
等級:8
留言加入好友
2013/06/18 16:21

妳的山頭圖最具特色!

妳的語法功力超強ㄛ !


多硯坊 (休)
等級:8
留言加入好友
謝謝分享
2013/06/08 09:02

還沒動手整理新版

且將此篇存起

有空再妝點新家