<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0"
    xmlns:dc="http://purl.org/dc/elements/1.1/"
    xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
    xmlns:admin="http://webns.net/mvcb/"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:content="http://purl.org/rss/1.0/modules/content/">
<channel>
<title>monolog...</title>
<link>http://monolog.devgiri.org/index.php</link>
<pubDate>Sun, 13 Apr 2008 19:00:00 +0900</pubDate>
<description>monolog...</description>
<language>ja</language>
<generator>Loggix</generator>
<item>
<title>LoggixをXREA FREEサービスの広告自動表示に対応させる（１）</title>
<guid isPermaLink="true">http://monolog.devgiri.org/index.php?id=10</guid>
<pubDate>Sun, 13 Apr 2008 19:00:00 +0900</pubDate>
<description><p>旧Ganesha's Lab.（by SQLite2版 Loggix）より移転転記。（2009-12-13）</p>
<p>XREA FREEサービスでも、Loggixは普通に設置するだけで問題なく動作します。しかし、広告自動挿入によってXHTML...</p>
</description>
<content:encoded>
<![CDATA[
<p class="memo" style="border: solid 1px #666666; padding: 0 1em;">
<img src="./theme/css/default/images/icon-admin.png" width="24" height="24" style="vertical-align: -6px; margin:0 0.5em 0 0;" />
旧Ganesha's Lab.（by SQLite2版 Loggix）より移転転記。（2009-12-13）
</p>
<p>XREA FREEサービスでも、Loggixは普通に設置するだけで問題なく動作します。しかし、広告自動挿入によってXHTML Validでなくなったり、headerまわりのレイアウトが崩れたりといった影響が出てくるので、調整が必要です。</p>
<p>今回は、とりあえずheaderまわりの見た目のレイアウト修正を行います。
スナップショットはWindowsXP+IE7の環境で、Sleipnir2.7.0を使って確認します。</p>
<p>まずは、Default状態の画面表示を確認。Defaultだと、headerまわりのレイアウトはこんな感じに表示されます。<br />
<img src="http://monolog.devgiri.org/data/resources/Ganesha%20Log%20001.png"  width="480"  height="150" alt="修正前の画面表示" />
</p>
<p>そこで、とりあえずheader部分の緑色背景の部分をもっと下まで伸ばしてあげることにします。header部分の緑色背景の実体はthemecssdefaultimagesheader-1.pngで、10px×100pxの画像です。<br />
<img src="http://monolog.devgiri.org/data/resources/header-1.png" width="10"  height="100" alt="リサイズ前のheader-1.png" />
</p>
<p>これを10px×190pxにリサイズしました。<br />
<img src="http://monolog.devgiri.org/data/resources/header-01.png" width="10"  height="190" alt="リサイズ後のheader-1.png" />
</p>
<p>修正の結果、画面表示はこんな感じになりました。<br />
<img src="http://monolog.devgiri.org/data/resources/Ganesha%20Log%20002.png" width="480"  height="150" alt="修正後の画面表示" />
</p>
<p>最終的には、positionプロパティを使って、サイトタイトルと自動挿入広告を横に並べるようにするつもりですが、XHTML Validにする方が先ですので、後のお楽しみにとっておくことにします。</p>
]]>
</content:encoded>
</item>
</channel>
</rss>
