<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>tech2web &#187; CSS</title>
	<atom:link href="http://tech2web.sideb.jp/archives/categories/webcreate/css/feed" rel="self" type="application/rss+xml" />
	<link>http://tech2web.sideb.jp</link>
	<description>ウェブに関する面白いこと書きます！（嘘）　xhtml, css, javascript などのウェブ標準技術に関するブログです。</description>
	<lastBuildDate>Tue, 30 Dec 2008 12:59:10 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.2</generator>
		<item>
		<title>「dp.SyntaxHighlighter」を導入！</title>
		<link>http://tech2web.sideb.jp/archives/2008/05/13-224319.html</link>
		<comments>http://tech2web.sideb.jp/archives/2008/05/13-224319.html#comments</comments>
		<pubDate>Tue, 13 May 2008 13:43:19 +0000</pubDate>
		<dc:creator>pavlovdog</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[MovableType]]></category>
		<category><![CDATA[XHTML / HTML]]></category>
		<category><![CDATA[ウェブサイト制作]]></category>

		<guid isPermaLink="false">http://sideb.jp/wordpress/?p=22</guid>
		<description><![CDATA[「dp.SyntaxHighlighter」を導入してみました！ JavaScript と CSS で構成されているパッケージで、ウェブページに各種のソースコードを綺麗に表示することができます。 ソースコードをブログで公 [...]]]></description>
			<content:encoded><![CDATA[<p>「dp.SyntaxHighlighter」を導入してみました！<br />
JavaScript と CSS で構成されているパッケージで、ウェブページに各種のソースコードを綺麗に表示することができます。</p>
<p>ソースコードをブログで公開する場合、文字列そのままだととても見づらい訳ですが、「dp.SyntaxHighlighter」を使うことで、まるでIDEや高機能テキストエディタのように、綺麗にソースコードを表示することができます。</p>
<p>うちみたいなブログには大助かりですね（ｗ</p>
<p>いろいろと調整は必要ですが、こんな感じに表示されます。</p>
<h3>CSSの場合</h3>
<pre class="brush: css; title: ;">
/* トップページのbody */
body#top {
background-color: #f0f0f0;
margin: 10px;
}
/* トップページのmain領域 */
body#top div#main {
margin: 30px auto;
border: 1px solid #bfbfbf;
}
</pre>
<h3>HTML、XHTML、XMLの場合</h3>
<pre class="brush: xml; title: ;">
&lt;!-- end div#header --&gt;
&lt;div id=&quot;header&quot;&gt;
&lt;p class=&quot;siteName&quot;&gt;&lt;a href=&quot;http://tech2web.theworldismine.jp/&quot;&gt;tech2web&lt;/a&gt;&lt;/p&gt;
&lt;p class=&quot;description&quot;&gt;Html. CSS. PHP. MovableType... and more !!&lt;/p&gt;
&lt;/div&gt;
&lt;!-- end div#header --&gt;
</pre>
<h3>SQLの場合</h3>
<pre class="brush: sql; title: ;">
-- サンプル（何かをSELECTするSQL）
SELECT
USER_ID
NAME,
MAIL_ADDRESS
FROM USER_INFO_TABLE
WHERE USER_ID LIKE '%ghostrider%';
</pre>
]]></content:encoded>
			<wfw:commentRss>http://tech2web.sideb.jp/archives/2008/05/13-224319.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

