<?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>にこにこ風味 :: Weblog &#187; CSS</title>
	<atom:link href="http://252523.net/blog/archives/category/css/feed" rel="self" type="application/rss+xml" />
	<link>http://252523.net/blog</link>
	<description>Have you smell a flavor of smile ?</description>
	<lastBuildDate>Sun, 19 Jun 2011 02:15:04 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Buttons Customization with CSS (unprofitable labor !)</title>
		<link>http://252523.net/blog/archives/css_buttons</link>
		<comments>http://252523.net/blog/archives/css_buttons#comments</comments>
		<pubDate>Sun, 17 Jul 2005 10:07:08 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://chinkoclub.s345.xrea.com/blog.252523.net/?p=50</guid>
		<description><![CDATA[I tried to thinking about customization of buttons. On the receiving side, is only paste. I wont any form abou &#8230; <a href="http://252523.net/blog/archives/css_buttons">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I tried to thinking about customization of buttons.</p>

<p>On the receiving side, is only paste. I wont any form about variation from original.</p>

<p>After all, I found an uncool way. (inactive with IE)</p>

<p>
<img class="centered" src="http://www.blog.252523.net/images/button_exam.png" alt="Buttons example" />
</p>

<p><span id="more-50"></span></p>

<p>
<ul>
    <li>Primarily,  make some image files for be ready.</li>
    <li>Standard button size is 15&#215;180 pixel. and the size in this case 13&#215;178 pixel. Decrement of 2 pixel as border width. </li>
    <li>To support transparence, imege file format have to go with &#8220;png&#8221; or &#8220;gif&#8221;.</li>
    <li>When readiness. Drive keyboard to writing CSS.<br />
For instance.
<code>img {
    background: #aaa; 
    border: 1px solid #fff;
    }
img:hover {
    background: #666; 
    border: 1px solid #666;
    }
img#flickr:hover {
    background: #0066CC; 
    border: 1px solid #FF99CC;
    }</code></li>
    <li>This function is able to changing background and border color without graphic tool. Only rewrite CSS code.
</li>
</ul>
</p>

<p>So, is a futile and unproductive craft. There are more nice technic in  <a href="http://wellstyled.com/css-inline-buttons.html">Inline Buttons</a> and <a href="http://www.sovavsiti.cz/css/w3c_buttons.html">W3C buttons without images</a>. Though I know that, I try another to kill time.</p>
]]></content:encoded>
			<wfw:commentRss>http://252523.net/blog/archives/css_buttons/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS Cheat Sheet</title>
		<link>http://252523.net/blog/archives/css_cheat_sheet</link>
		<comments>http://252523.net/blog/archives/css_cheat_sheet#comments</comments>
		<pubDate>Mon, 09 May 2005 07:05:47 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://chinkoclub.s345.xrea.com/blog.252523.net/?p=27</guid>
		<description><![CDATA[ILoveJackDaniels.com にてCSSのシートを捕獲。 各プロパティからセレクタまで、ギッチリ詰め込んで価格はなんと0円！ しかも、作業効率アップによる、周りの笑顔は priceless!]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.ilovejackdaniels.com/css/css-cheat-sheet/">ILoveJackDaniels.com</a> にてCSSのシートを捕獲。</p>

<p>各プロパティからセレクタまで、ギッチリ詰め込んで価格はなんと0円！</p>

<p>しかも、作業効率アップによる、周りの笑顔は priceless!</p>
]]></content:encoded>
			<wfw:commentRss>http://252523.net/blog/archives/css_cheat_sheet/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

