HTMLソースの編集

2010/11/02 10:00 に 田口相 が投稿   [ 2010/11/02 10:31 に更新しました ]
「ページを編集」画面のメニューバーにある「HTML」をクリックすると、HTMLソースコードを直接編集することができます。
 
 
 
HTMLソースが書けるようになると、通常の編集画面ではできないワザが使えます。
例えば、「<div style="background-color: #000000">~</div>」などのソースコードを使うと、文字の背景色だけでなく、ページ(コンテンツ枠)全体の背景色を設定することが可能です。
 
 
 
 
●背景に「珊瑚色(#f5b1aa)」を設定。
 
// ソースコード //
 
<div style="background-color: #f5b1aa">ここに文字</div>
 
/////////////////////
 
 

●背景に「山吹色(#f8b500)」
●枠線に「オリーブ(#72640c)」を設定。

// ソースコード //

<div style="border: 3px #72640c solid; background-color: #f8b500">ここに文字</div>

//////////////////////

 
●残念ながら・・・
background-image」は使えませんでした。
 
※「background-image」は背景に画像を設定するソースコードです。
※2010年11月現在、Googleサイトでは、コンテンツ部分に背景画像は設定できないようです。(背景画像が設定できるのは、ラッパーやヘッダーなど一部の枠に限られています。)