※テンプレート：画像ウィンドウ での修正
![]()
ガジェットの背景が透過された状態。
このままでは見難いので色を付ける。
ブログタイトルや投稿部分に合わせて
背景色を付けたい。
※ここでは白に変更。
テンプレート → カスタマイズ → 上級向け → CSSを追加 にて
テンプレート → HTMLの編集 にて
先程追加したCSSを適用したいガジェットの
<b:includable id='main'> と <b:if cond='data:title'> の間に
<div class='white'> を追加
</b:if> と <b:include name='quickedit'/> の間に
</div> を追加
↓こんな感じ。
アーカイブに背景が付いたので、同じようにラベルも編集
![]()
![]()
このままでは見難いので色を付ける。
ブログタイトルや投稿部分に合わせて
背景色を付けたい。
※ここでは白に変更。
テンプレート → カスタマイズ → 上級向け → CSSを追加 にて
.white{background:#FFFFFF;}
↑を記入し、ブログに適用を押すテンプレート → HTMLの編集 にて
先程追加したCSSを適用したいガジェットの
<b:includable id='main'> と <b:if cond='data:title'> の間に
<div class='white'> を追加
</b:if> と <b:include name='quickedit'/> の間に
</div> を追加
↓こんな感じ。
<b:widget id='BlogArchive1' locked='false' title='ブログ アーカイブ' type='BlogArchive'>
<b:includable id='main'>
<div class='white'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
アーカイブに背景が付いたので、同じようにラベルも編集
