引用自製標題圖－咚咚分享 分類：blog教學2009/10/15 16:19有時想換個與眾不同的部落格，圖怎麼自製，實在很傷腦筋

有時想換個與眾不同的部落格，圖怎麼自製，實在很傷腦筋

接觸到photocap製圖軟體就覺得好像找到救兵

不管我平時在編輯圖片，製作版型，取圖都用它，即使我沒有用的很好

但是總是算不錯啦～有及格就好

謝謝部落格達人我是Tina的介紹

下載點→http://www.photocap.com.tw/forum ... &extra=page%3D1（謝謝Tina的提供）

首先想製圖，當然要有基本圖囉！平時看到許多達人都會有可愛的圖

喜歡就另存圖檔到自己的電腦，以備不時之需，或者要放自己的手作品．食譜．小朋友的照片

都可以，盡量的是都要找相同方向的，這樣在製圖時會較方便，大小也是盡可能相同

進入軟體內，開新檔案，選擇編輯影像大小

按入調整影像尺寸時，會有一個欄位為”強制等比例”

將勾選取消，這樣在調整寛度和高度時，就可以自訂想要的高度

標題圖的長度可選在９５０～９９０

高度我都定在約３５０

接著你會看到圖框白色的部分己變長條（白色底圖也可變換有色，調色工具在網頁左方）

，接著按網頁上方的”物件”→加上物件→照片物件（即放置在我的圖片或我的文件裡的照片）

將圖放在白色底圖上方，點擊照片兩下，會出現”照片物件屬性設定”

請點選第二個選項”位置與尺寸設定”

去調整照片的大小，還有照片的相對座標 -x和-y

通常x的部分即是你的照片要不要和白色部分最左邊對齊

y則是照片和白色底圖上方的間隔

（當然你也可以將大小調為和白底圖一樣大小）

依序將照片放好，後面的照片，相對座標的y部分，要和第一張的數字一樣，這樣才會對齊高度

圖和圖之間要不要有間隔就自己決定囉！

編輯好了之後存檔

接著上傳到自己的網路空間，取得圖片網址後，套用到語法內即可完成囉！

以上是咚咚自己的使用方法，要是有更棒的方法也歡迎告訴咚咚喔！

如果我有做錯的地方再請大家告訴我，謝謝！

在此也要謝謝瑀婈的教學和分享喔！

想有個與眾不同的部落格嗎？？動手做做看吧！

標題圖置中語法

#yblogtitle .mbd{text-align:center;}
#yblogtitle .mbd .thd{background-image:url(圖片網址);background-repeat:no-repeat;background-position:0% 100%;width:990px;height:350px;text-align:center;}
#yblogtitle h1{color:#字體顏色;font-weight:bold;}

#yblogtitle .rctop, #yblogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm,
#yblogtitle .rcbtm div{zoom:1;}

#yblogtitle .mbd .tbd{color:#字體顏色;font-weight:bold;}

標題圖語法

#yblogtitle h1 {
    display:block;
    float:left;
    background:url(圖網址) 0 0 no-repeat;
    width:寬度px;
    height:高度px;
    font-size:0;
    line-height:0;
    text-indent:-5000px;
    overflow:hidden;
    cursor:pointer;
    cursor:hand;}
#yblogtitle .mbd,#yblogtitle .mft{font-size:100%;text-align:center;}
#yblogtitle .thd a{width:0px;height:0px;top:-0px;position:relative;left:0px;display:block;}
#yblogtitle .thd h1 {font-size:120%;color:white;font-family:字體;}