<?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/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>いのらぼ &#187; css</title>
	<atom:link href="http://www.inolabo.net/tag/css/feed" rel="self" type="application/rss+xml" />
	<link>http://www.inolabo.net</link>
	<description>文具と本とWebの生活 アナログとWebの融合Lifestyle</description>
	<lastBuildDate>Mon, 31 Oct 2011 10:59:57 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.inolabo.net/tag/css/feed" />
		<item>
		<title>コメントとトラックバックを強引に分離</title>
		<link>http://www.inolabo.net/201009031222</link>
		<comments>http://www.inolabo.net/201009031222#comments</comments>
		<pubDate>Thu, 02 Sep 2010 18:03:28 +0000</pubDate>
		<dc:creator>いの</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[Twenty-Ten]]></category>
		<category><![CDATA[WordPress3.0]]></category>

		<guid isPermaLink="false">http://www.inolabo.net/?p=1222</guid>
		<description><![CDATA[WordPressではコメントとトラックバックが区別されないのですが、それはちょっと気持ち悪いので強引に分離してみました。 以前使っていたVicunaのテーマでは分離されているのがデフォルトだったので、Vicuna Ex &#8230; <a href="http://www.inolabo.net/201009031222">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.inolabo.net/wp-content/uploads/2010/09/wpLogoBnr.gif"><img src="http://www.inolabo.net/wp-content/uploads/2010/09/wpLogoBnr.gif" alt="" title="wpLogoBnr" width="300" height="60" class="alignnone size-full wp-image-1219" /></a></p>
<p>WordPressではコメントとトラックバックが区別されないのですが、それはちょっと気持ち悪いので強引に分離してみました。</p>
<p>以前使っていたVicunaのテーマでは分離されているのがデフォルトだったので、Vicuna Ext.のテーマファイル群からcomments.phpを移植。<br />
エラーを吐く関数を削除したり、CSSで見た目の整形をして、無事に分離できました。</p>
<p>かなり強引なやり方ですから、CSSもphpも汚い感じになってしまいました。<br />
そのうち綺麗に書き直さなきゃなぁ。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.inolabo.net/201009031222/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.inolabo.net/201009031222" />
	</item>
		<item>
		<title>CSSで横並びリストメニュー(Tips)</title>
		<link>http://www.inolabo.net/20081129693</link>
		<comments>http://www.inolabo.net/20081129693#comments</comments>
		<pubDate>Sat, 29 Nov 2008 07:46:20 +0000</pubDate>
		<dc:creator>いの</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[tips]]></category>

		<guid isPermaLink="false">http://www.inolabo.net/?p=693</guid>
		<description><![CDATA[メニューを横に並べたいんだけど、tableは使いたくないとか CMSの吐き出すリストを横並びで表示させたい時とかに使えるんじゃなかろうか。 わかりやすくて使いやすいソースを見つけたので備忘録。 HTML &#60;ul i &#8230; <a href="http://www.inolabo.net/20081129693">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>メニューを横に並べたいんだけど、tableは使いたくないとか<br />
				CMSの吐き出すリストを横並びで表示させたい時とかに使えるんじゃなかろうか。</p>
<p>わかりやすくて使いやすいソースを見つけたので備忘録。</p>
<p>HTML</p>
<blockquote>
<pre class="html">&lt;ul id="globalNavi"&gt;
 &lt;li&gt;&lt;a href="./"&gt;List1&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="./"&gt;List2&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="./"&gt;List3&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="./"&gt;List4&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;</pre>
</blockquote>
<p>CSS</p>
<blockquote>
<pre>ul#globalNavi {
	margin: 0;
	padding: 0;
	width: 500px; /* 必ずwidthの設定をしてください */
}

ul#globalNavi:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

ul#globalNavi li {
	margin: 0;
	padding: 0;
	float: left;
	width: 120px; /* ボタンの幅 */
	line-height: 1;
	list-style-type: none;
}

ul#globalNavi li a {
	padding: 0.6em 10px; /* ボタンの厚みはここで調整 */
	display: block;
	position: relative;/* IE6でマウス反応領域がおかしいのをFix */
	font-size: 12px;
	color: #333;
	text-align: center;
	text-decoration: none;
	background-color: #eee;
}

ul#globalNavi li a:hover {
	color: #000;
	background-color: #ddd;
}</pre>
</blockquote>
<p>汎用性も高くて使いやすい。<br />
				元ネタは<a href="http://3ping.org/2005/08/24/0920">こちら。</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.inolabo.net/20081129693/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.inolabo.net/20081129693" />
	</item>
	</channel>
</rss>

