Douglas BowmanのNo.897をカスタマイズ

Douglas BowmanのNo.897のテンプレートを変更します。

[テンプレートタブ]―[HTMLの編集]
太い赤字が変更箇所です。適当に数字を置き換えてください。

行間と字間を変更する
.post p {
margin:0 0 .75em;
line-height:1.8em;
letter-spacing: 0.2em;
}

.post ul li {
line-height: 1.8em;
letter-spacing: 0.2em;
}

.post ol li {
line-height: 1.8em;
letter-spacing: 0.2em;
}


リンクテキスト
/* Links 2箇所をunderlineに変更
----------------------------------------------- */
a:link {
color:$mainLinkColor;
text-decoration:underline;
}
a:visited {
color: $mainVisitedLinkColor;
text-decoration:underline;
}

a:hover, a:active {
color: #ff0000;
　 text-decoration:none;
}


フォントを拡大
[テンプレートタブ]―[フォントと色タブ]―[テキストフォント]―[拡大：拡大：拡大：拡大]
[テンプレートタブ]―[フォントと色タブ]―[表示済みリンクの色：F2984c]

テキストの色：#333333
リンクの色：＃006699
表示済みリンクの色：#f2984c

日付、投稿者などを非表示
[テンプレートタブ]―[ページ要素]―[ブログの投稿]―[編集ボタン]

=============================================
HTML
outer-wrapper: 90%
main-wrapper: 100%
sidebar-wrapper:

横幅100%表示にする

• 横幅100%表示のテンプレートがあります。Herbertです。
• [レイアウト]―[テンプレートタブ]―[新しいテンプレートを選択タブ]―[Herbert]
  

次のようにカスタマイズすることもできます。

• [テンプレートタブ]―[フォントと色]
  
• [ページの背景色]―[#caf99b]　3行目の1
• [blog title background color]―[#32527a]　2行目の7
• [ブログのタイトルの色]―[白]
• [post title background color]―[#3252da]　2行目の9
• [リンクの色]―[＃003366]　2行目の11
• [表示済みリンク色]―[#804000]　1行目の9
• [テキストフォント]―[拡大]―[拡大]
• [サイドバーのリンクの色]―[＃003366]　2行目の11
• [サイドバーの表示済みリンクの色]―[#804000]　1行目の9
• リンクテキストにunderline　　順序はlink→ visited→ hover→ active
  
• a {
  color: $mainLinkColor;
  text-decoration: underline;
• a:hover　active{
  color: #ff0000;
  text-decoration: underline;
• a:active {
  color: #ff0000;
  text-decoration: underline;
  }

• サイドバーのリンクテキストにunderline　
• #sidebar a {
  text-decoration: underline;
  }
  
  

画像の表示サイズを変更する

• 画像の表示サイズを変更する

投稿者、日付などを削除する

• [レイアウト]―[テンプレートタブ]―[ブログの投稿：編集]―[…]

ヘッダーを編集する

• ヘッダーに画像を挿入する
• [レイアウト]―[テンプレートタブ]―[Header：編集]―[イメージ：コンピュータから]―[…]