到新的環境來

第一個就是在尋找屬於自己喜歡的版型

好好佈置一下自己的家

我研究了幾天也到處去逛

利用幾個晚上的時間跟假日我大概研究出來一些語法

但還是有很多霧煞煞

不過我大概還是分享一下

痞客幫的版型選擇說多不多說少也不少

想選一個喜歡全版的說真的不多

我目前研究的只有版頭寬度可以加大

比起奇摩那邊更簡單一點我想大家應該很快就可以學會了

 

 

 版型2.jpg

 

第一先到部落格基本設定按下樣式選擇

 

 

版型3.jpg

 

選擇一個你喜歡的版型

或者他有自己自製的版型原則上都差不多

當然有些版型是不能套用做更改版頭的

所以這點自己要注意一下

 

 

 

版型4.jpg

 

 

 

選擇好之後再到自訂樣式選擇第二個進階版去做更改

 

版型5.jpg

 

選擇你自己設定好的版頭

我的製作是1000*500

上傳之後記得按下儲存

 

 

版型6.jpg

 

之後再到原始碼去更改寬度

讓版頭看起來更大一點

 

版型7.jpg

 

把上面這段語法找出來

 

#header {
background:url(http://pic.pimg.tw/bianca1206/1198469729.jpg);
height:200px;
margin-bottom:10px;
background-image:url(http://pic.pimg.tw/ruby95725/1379121686-457114486.jpg?v=1379121687);
background-position:undefined;
padding:10px;
}

 

把上面200的數字改成500

寬度就出來了一樣記得按儲存

我感覺制作上比奇摩更簡單

 另外如果版頭有重疊的話最後那個粉色的10改成0就可以解決囉喔

試試看囉

 

版型8.jpg  

 

 

我的版頭就變大了

本來200改成500看起來是否更美觀呢

我想不難啦

可以做一個屬於自己版型也是很開心的

記得痞客幫的版型有些達人是不可以更改原始碼或者進階設定的

那你就只好再繼續找一個達人有願意更改的

我想就可以順利完成了

你也可以直接靠進階方式去更改

若有需要或有問題

再問我吧

我會樂意回答的

 

 

版型寬度語法更改

#content {
width:700px;
float:left;
margin-left:30px;
display:inline;
}

 

側邊欄位語法

#links {
width:200px;
float:right;
margin-right:35px;
display:inline;
}

arrow
arrow
    全站熱搜

    ܤ ◕‿-ㄚ妹 ܤ 發表在 痞客邦 留言(38) 人氣()