<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
   <title>楽してプロっぽいデザイン | Forty-N-FiveBlog</title>
   <link rel="alternate" type="text/html" href="http://forty-n-five.boy.jp/blog/" />
   <link rel="self" type="application/atom+xml" href="http://forty-n-five.boy.jp/blog/atom.xml" />
   <id>tag:forty-n-five.boy.jp,2010:/blog/1</id>
   <updated>2010-03-20T23:56:29Z</updated>
   <subtitle>Webデザインセンスや多少知識が乏しくとも、プロっぽいデザインにできる方法があります。Web制作を助けてくれる便利なサイトの備忘録ブログ。</subtitle>
   <generator uri="http://www.sixapart.com/movabletype/">Movable Type 3.35</generator>

<entry>
   <title>Flashからサイズを指定したHTMLをポップアップさせる方法</title>
   <link rel="alternate" type="text/html" href="http://forty-n-five.boy.jp/blog/2010/03/flashhtml.php" />
   <id>tag:forty-n-five.boy.jp,2010:/blog//1.852</id>
   
   <published>2010-03-20T23:48:36Z</published>
   <updated>2010-03-20T23:56:29Z</updated>
   
   <summary> 	 	 	 		フルフラッシュサイトなどで、ちょっとした情報をHTMLでポップ...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="Flash" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="35" label="Tips" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://forty-n-five.boy.jp/blog/">
      <![CDATA[<div class="contents">
	<img src="http://public.bay.livefilestore.com/y1pRRGdXop9DammB3P1OLN0_k9AuwM9U7F4--HrEclMRH8KO4gDcYz4DNw7xkTEqoJ8Bo1lgSaGFBcpo-HJECLMeg/100318_1.jpg" width="468" alt="Flashからサイズを指定したHTMLをポップアップさせる方法" />
	
	<div class="txt">
		<p>フルフラッシュサイトなどで、ちょっとした情報をHTMLでポップアップで出したいときがたまにあります。新規ウィンドウでフル画面で表示させるような情報でないときなどに役立つと思います。actionscriptの書き方をメモっておきます。</p>
	</div>
	
	<div class="notice">
		<p>五感のロールケーキ超おいしい。<a href="http://www.patisserie-gokan.co.jp/" target="_blank">http://www.patisserie-gokan.co.jp/</a></p>
	</div></div>]]>
      <![CDATA[<div class="entry-more-link">
	<dl><p class="more_ttl">actionscriptの書き方</p>
		<dt class="num1">リンク元となるボタンの作成</dt>
			<dd>まずは、当然Flashにてリンク元となるボタンが存在する必要があります。</dd>
			
		<dt class="num2">ボタンに対してactionscript書きます</dt>
			<dd>actionscriptを以下のように記述します。ここでは、ボタンをクリックした際に、横500px、高さ500pxの新規ウィンドウ（googleのトップページ）が画面中央に表示されるスクリプトになっています。<br />
<pre name="code" class="xml">
on (release) { 
     var x = System.capabilities.screenResolutionX; 
     var y = System.capabilities.screenResolutionY; 
     var l = Math.floor((x-500)/2); 
     var t = Math.floor((y-500)/2); 
     getURL("javascript:void(window .open('http://www.google.com/','subWin','width=500,height=500,scrollbars=no,resizable=no,status=no ,left="+l+",top="+t+"'))"); 
} 
</pre></dd>
			
		<dt class="num3">サンプルファイルを添付します</dt>
			<dd><iframe title ="Preview" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" style="width:98px;height:115px;padding:0;background-color:#fcfcfc;" src="http://cid-9e31e0ab5197acf1.skydrive.live.com/embedicon.aspx/%e5%85%ac%e9%96%8b/Flash^_popup^_sample.lzh"></iframe></dd>
	</dl>
</div>]]>
   </content>
</entry>
<entry>
   <title>外部RSSをサイト内に簡単に表示させる方法</title>
   <link rel="alternate" type="text/html" href="http://forty-n-five.boy.jp/blog/2010/03/rss_1.php" />
   <id>tag:forty-n-five.boy.jp,2010:/blog//1.851</id>
   
   <published>2010-03-13T04:32:44Z</published>
   <updated>2010-03-16T15:21:23Z</updated>
   
   <summary> 	 	 	 		RSS情報をサイト内に表示させる方法ですが、紹介するのはJav...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="Google" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="21" label="Google" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://forty-n-five.boy.jp/blog/">
      <![CDATA[<div class="contents">
	<img src="http://public.bay.livefilestore.com/y1pK2Ibt4cQBjgEDxAx2P0g8YwkagTm9buhOhYYXMbnxrgR10SL74Q0KKn5mmf_Q0bh9bF-JMv8LGWLHeDUwD3thg/100113_0.jpg" width="468" alt="外部RSSをサイト内に簡単に表示させる方法" />
	
	<div class="txt">
		<p>RSS情報をサイト内に表示させる方法ですが、紹介するのはJavaScriptで表示させる方法です。使用するスクリプトは、「Google Ajax Feeds API」を活用します。GoogleがAPIを公開してくれていますので、これを利用すれば簡単に表示させることが可能です。<br />自分ののサイトに設置すれば新着情報として自動で更新することも可能ですね。</p>
	</div>	<div class="notice">
		<p>味の素の凄いサイト<a href="http://www.ajinomoto.co.jp/aji/egg/generator/index.html" target="_blank">http://www.ajinomoto.co.jp/aji/egg/generator/index.html</a></p></div></div>]]>
      <![CDATA[<div class="entry-more-link">
	<dl><p class="more_ttl">Google Ajax Feeds APIを利用</p>
		<dt class="num1">コードを取得</dt>
			<dd><a href="http://code.google.com/intl/ja/apis/ajaxfeeds/signup.html" target="_blank"><img src="http://public.bay.livefilestore.com/y1pBTRp0T8nzObPTGgQ9vnxWil0_ecG9CO9oOhAlj97waO6FbPmMa9SqvI1sE9q9JskpQBvxNM4HKWlKMINO-gqnQ/100113_1.jpg" width="438" alt="コードを取得" /></a>Googleアカウントでログインします。そして、画面下に、RSSを表示させたいサイトのURLを入力します。すると、ソースが表示されます。<br />「Google Ajax Feeds API」<a href="http://code.google.com/intl/ja/apis/ajaxfeeds/signup.html" target="_blank">http://code.google.com/intl/ja/apis/ajaxfeeds/signup.html</a><br /><br /><img src="http://public.bay.livefilestore.com/y1pAkLLzXMoSZ1nT_XdWM5GjE0r8iMHt8wWAipx409-GZbKeYoVFAEX-oNlI8JaLct1AYZytqrNRN3qShy9YDY7tQ/100113_2.jpg" width="438" alt="ソースが表示される" /></dd>
			
		<dt class="num2">ソースを外部JSとして保存</dt>
			<dd><img src="http://public.bay.livefilestore.com/y1p-WtAT_FRCowqm1zu9T-q5FpZtC-wV8gAJxa2R89FHX8mIhUpm7AP8HGkClUX84P58bzbSdv4jnD0kx1qdGblYQ/100113_3.jpg" alt="ソースを外部JSとして保存">表示されたソースをそのままhtml内に組み込んでもいいのですが、一応外部JSとして取り込むことにします。表示されたソースにgoogle_code.jsとでも仮に名前を付けて保存します。（この時表示させたいRSSのアドレスを変更しておく事をお忘れなく）htmlの&lt;head&gt;内に、&lt;script language="JavaScript" type="text/javascript" src="google_code.js"&gt;&lt;/script&gt;と記載して外部JSを読み込むよう記述します。</dd>
			
		<dt class="num3">htmlのbody内に一行追加</dt>
			<dd>&lt;body&gt;内に、&lt;div id="feed"&gt;&lt;/div&gt;と記述すれば、その部分に読み込ませたいRSS情報が表示されます。</dd>
			
		<dt class="num4">行間などはCSSで調整できます</dt>
			<dd>id="feed"対してCSSを記述すれば、行間や文字の大きさも設定できます。</dd>
			
		<dt class="num5">JSソースを編集</dt>
			<dd>手順4までで実行してみると表示はされますが、リンクが貼られていない状態です。リンクで飛べるようにしたり、表示件数を指定したりするにはカスタマイズが必要です。そこでJSソースを少し編集します。<br />編集したソースが以下です。例えば、feed.setNumEntries(10)と追記することで10件表示されます。後は表示された内容に対してリンクの設定などを行ったものになります。
<pre name="code" class="xml">
google.load("feeds", "1");
function initialize() {
  var feed = new google.feeds.Feed("http://forty-n-five.boy.jp/blog/atom.xml");
  feed.setNumEntries(10)
  feed.load(function(result) {
    if (!result.error) {
      var container = document.getElementById("feed");
      for (var i = 0; i < result.feed.entries.length; i++) {
        var entry = result.feed.entries[i];
        var div = document.createElement("li");
        var a = document.createElement("a");
        a.href = entry.link;
        var list = entry.title + "(" + entry.publishedDate.substring(5, 16) + ")" ;
        a.appendChild(document.createTextNode(list));
        div.appendChild(a);
        container.appendChild(div);
      }
    }
  });
}
google.setOnLoadCallback(initialize);
</pre></dd>
		<dt class="num5">サンプルソースは以下からダウンロードできます</dt>
			<dd><iframe title ="Preview" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" style="width:98px;height:115px;padding:0;background-color:#fcfcfc;" src="http://cid-9e31e0ab5197acf1.skydrive.live.com/embedicon.aspx/%e5%85%ac%e9%96%8b/%e5%a4%96%e9%83%a8RSS%e3%82%92%e8%aa%ad%e3%81%bf%e8%be%bc%e3%82%80sample.lzh"></iframe><br />Googleからコードを取得するは必須ですのでお忘れなく。<br />Google Ajax Feeds APIで検索すれば、カスタマイズ方法などが記載されたページがたくさん出てきますのでご参照ください。</dd>
			
	</dl>
</div>]]>
   </content>
</entry>
<entry>
   <title>国旗バッチをPhotoshop（フォトショップ）で作成</title>
   <link rel="alternate" type="text/html" href="http://forty-n-five.boy.jp/blog/2010/02/photoshop_15.php" />
   <id>tag:forty-n-five.boy.jp,2010:/blog//1.850</id>
   
   <published>2010-02-27T12:44:40Z</published>
   <updated>2010-02-27T14:58:59Z</updated>
   
   <summary> 	 	 	 		国旗バッチをフォトショップで作成してみました。理由は新婚旅行で...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="Photoshop" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="35" label="Tips" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://forty-n-five.boy.jp/blog/">
      <![CDATA[<div class="contents">
	<img src="http://public.bay.livefilestore.com/y1p5Iid_qY4ozvjbFhDmqSppVxmhRfdF76_8nRZInuNq7nweauKubyFdY1AMPucTps-CxB0z8JyhhWzDIgZx_ZVOg/100227_1.jpg" width="468" alt="国旗バッチをPhotoshop（フォトショップ）で作成" />
	
	<div class="txt">
		<p>国旗バッチをフォトショップで作成してみました。理由は新婚旅行で行ったので、その記念です。作成手順掲載します。（あんまり使いどころはないと思いますが…ボタン作成などに応用できるのはないでしょうか…）</p>
	</div></div>]]>
      <![CDATA[<div class="entry-more-link">
	<dl><p class="more_ttl">アメリカ国旗でやってみましょう</p>
		<dt class="num1">ネットからアメリカ国旗をちょこっと拝借</dt>
			<dd><img src="http://public.bay.livefilestore.com/y1p_HVDrx1uo9g2JSzVSqjavts0cJUtVDcL5GBvc8l1ZeG9eJ5Llh3r93NLuUGijht0BPksN4mWn_H9V0RZH7bRKA/100227_2.jpg" width="438" alt="ネットからアメリカ国旗をちょこっと拝借" /></a>日本・イタリア・フランスなどの国旗は自身でも簡単に作れますが、アメリカ国旗を一から作るわけにもいかないので、ネットから借りてきました。</dd>
			
		<dt class="num2">バッチの大きさを設定</dt>
			<dd><img src="http://public.bay.livefilestore.com/y1pbGKG5RPC11788qgzRj9Qz8Jng6h0kVLfpZwtSyk4AdCIqRIR0KpSHvsEUNXD4L0X_S3hK-TGWfzY1pzLmsO1yQ/100227_3.jpg" width="438" alt="バッチの大きさを設定" />楕円形ツールで中央部分を選択し、メニューの選択範囲より、「選択範囲を反転」をクリックします。選択範囲が反転されたらDelキーで周りを削除します。<img src="http://public.bay.livefilestore.com/y1pyv6ZPOPJ8Y43XdbTHcYiUpk3wINluUdiOdo8uhdaHgHkraco2kiapiV3lVjWA2ZVRtnopDdTtK8a1nq9FVZAHA/100227_4.jpg" width="438" alt="選択範囲を反転" /></dd>
			
		<dt class="num3">レイヤー効果を付けていきます（ドロップシャドウ）</dt>
			<dd><img src="http://public.bay.livefilestore.com/y1prE3pm5aDd0GuC0gqp-HkMzqdI2IjvF01K0WfbV3__JzIejDC78FCPl-V157lCiAVZk0ge7aPbuZpR31b9W1ikw/100227_5.jpg" width="438" alt="レイヤー効果を付けていきます（ドロップシャドウ）" /></dd>
			
		<dt class="num4">レイヤー効果を付けていきます（光彩・内側）</dt>
			<dd><img src="http://public.bay.livefilestore.com/y1p85ULqBynHlpm6TRtC_4_9tstVs-exOyXvgjZVnwvvACkg3e2W99YoxB49-e2IDywuxp2yMwH-0pKXndo83ljrA/100227_6.jpg" width="438" alt="レイヤー効果を付けていきます（光彩・内側）" />。</dd>
			
		<dt class="num5">レイヤー効果を付けていきます（パターンオーバーレイ）</dt>
			<dd><img src="http://public.bay.livefilestore.com/y1pdnoC9hiHgJOof18EYCtWxujH1PTC8_nbhVGhM5oyH5hFFbxGEVD0E9DdAGzlk_b2eZKNU87ygLJ0iwI15sB32A/100227_7.jpg" width="438" alt="レイヤー効果を付けていきます（パターンオーバーレイ）" />初期設定ではこのパターンはないと思いますので、自作します。パターン定義を以下の手順で行います。<img src="http://public.bay.livefilestore.com/y1pO5ZzjlQaH_zHCJez5P-qK3xxuzCrhGETGQ1ryG22Z-GbemOPgTV_vPl8py6nK07RwYjNPFVg9rlzO1YuIWC6zg/100227_12.jpg" width="438" alt="パターン定義" /><img src="http://public.bay.livefilestore.com/y1pVH1ElSQuNwh4XMI7YdaN73ilbA4gxaZsSsZr82YI6b2XxtpV9I5xCKJbX53E4W9jkyOQr-V6NkeimRQhKVns1A/100227_13.jpg" width="438" alt="パターン定義" />幅4px、高さ4pxで新規のアートワークを開きます（Ctrl+N）。パターンを作成すれば、メニューの「編集」より「パターン定義」を選択し、パターンの定義を行えば、パターン登録できます。</dd>
			
		<dt class="num6">レイヤー効果を付けていきます（境界線）</dt>
			<dd><img src="http://public.bay.livefilestore.com/y1pzSkwgq3kh5xjd_4W1UaUwkiEzCDpJFwGiEU4ARSvnwMMkwS1P5i_er7lfqjsPJgjRQYxVMwTZ9MhGrq5H6Glmw/100227_8.jpg" width="438" alt="レイヤー効果を付けていきます（境界線）" /></dd>
			
		<dt class="num7">ほぼ完成ですが、もう一手間加えます</dt>
			<dd><img src="http://public.bay.livefilestore.com/y1pD6Q3fGMAsNuZ59GsKh7x1FgHiRNM-6E7BoOhnmSENwTKAcS75EClw0qnOkK2tFan2B379azC8wkeZKT60aRaRQ/100227_9.jpg" width="438" alt="ほぼ完成ですが、もう一手間加えます" />1～4の手順で三日月の選択範囲を作成します。その選択範囲を白く塗りつぶし、メニューより「フィルタ」「ぼかし」「ぼかし（ガウス）」より、なじませます。<img src="http://public.bay.livefilestore.com/y1pKu828euwbKiuKPxNcQIJKprDkEin0A-gnuOK4XUbWyU6y3vnMkMOPyg_qkdH_Ro0nUVXVbgtc-hZTazTcSMyvA/100227_10.jpg" width="438" alt="" /></dd>
			
		<dt class="num8">さらにもう一手間加えます</dt>
			<dd><img src="http://public.bay.livefilestore.com/y1pUO7M3ARY5-vRXN8MgWp_RheAg-JoaOJ5ueAGuY-WaEqhGmBe0ZZBmEijcWGf0iN4FPIiuOLtqHN3e5SmZbXysg/100227_11.jpg" width="438" alt="さらにもう一手間加えます" />上にも一手間加えます。不透明度も調整しながらクールな感じに仕上げます。</dd>			
	</dl>
</div>]]>
   </content>
</entry>
<entry>
   <title>賞状の枠素材、Illustrator（イラストレーター）形式で無料配布します</title>
   <link rel="alternate" type="text/html" href="http://forty-n-five.boy.jp/blog/2010/01/illustrator_5.php" />
   <id>tag:forty-n-five.boy.jp,2010:/blog//1.849</id>
   
   <published>2010-01-04T08:20:56Z</published>
   <updated>2010-01-04T08:35:21Z</updated>
   
   <summary> 	 	 	 		あけましておめでとうございます。新年1回目のブログです。今年も...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="Illusutrator" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="33" label="無料配布" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="57" label="素材" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://forty-n-five.boy.jp/blog/">
      <![CDATA[<div class="contents">
	<img src="http://public.bay.livefilestore.com/y1p41PP0P8uR-j6cOFZBh7-GjohgiqrbUg1InIvDNEowLLzlNewn0X0AIesJ_WNyQCo3A2YnhCBQqELp4jeehDp-w/100104_1.jpg" width="468" alt="賞状の枠、Illustrator（イラストレーター）形式で無料配布します" />
	
	<div class="txt">
		<p>あけましておめでとうございます。新年1回目のブログです。今年もよろしくお願いします。<br />さて、今日の記事は、表題の通り今回はイラストレーター形式で賞状の枠になりそうな素材を配布します。と言うのも、ネットで探しても、Illustrator（イラストレーター）形式の無料の素材はなかったので、いっそのこと作成しました。ご自由にお使い下さい。（但し、1種類しかありません）</p>
	</div>
	
	<div class="notice">
		<p>ダウンロードは続きからどうぞ。</p>
	</div>
	
</div>]]>
      <![CDATA[<div class="entry-more-link">
	<dl><p class="more_ttl">賞状の枠素材</p>
		<dt class="num1">こちらからダウンロードしてください。</dt>
			<dd><iframe title ="Preview" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" style="width:98px;height:115px;padding:0;background-color:#fcfcfc;" src="http://cid-9e31e0ab5197acf1.skydrive.live.com/embedicon.aspx/%e5%85%ac%e9%96%8b/%e8%a1%a8%e5%bd%b0%e7%8a%b6%e6%9e%a0.lzh"></iframe>こちらからダウンロードしてください。ちなみに枠の金色は、擬似的に、M10%、Y90%、K25%に設定しています。</dd></dl>
</div>]]>
   </content>
</entry>
<entry>
   <title>Google検索の裏技？検索結果を10件から100件にする方法</title>
   <link rel="alternate" type="text/html" href="http://forty-n-five.boy.jp/blog/2009/11/google10100.php" />
   <id>tag:forty-n-five.boy.jp,2009:/blog//1.848</id>
   
   <published>2009-11-09T13:28:54Z</published>
   <updated>2010-03-13T04:53:34Z</updated>
   
   <summary> 	 	 	 		Google検索の裏技かどうかは解りませんが、通常検索すると1...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="Google" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://forty-n-five.boy.jp/blog/">
      <![CDATA[<div class="contents">
	<img src="http://public.bay.livefilestore.com/y1pbBy1PCiDHQRYbtwUngCaUs1gMHgmhhXPGMsYR8nUvxle0uzLxfpIUZmX8j7WzSIxp-HTZ5DYeORLyh3uKZymTw/091109_1.jpg" width="468" alt="Google検索の裏技？検索結果を10件から100件にする方法" />
	
	<div class="txt">
		<p>Google検索の裏技かどうかは解りませんが、通常検索すると10件ずつしか表示しない検索結果を100件など検索結果数を自由に設定できる方法です。</p>
	</div>
	<div class="notice">
		<p>グーグルのホリデーロゴ、過去に掲載された履歴がGoogleのホームページから見れるんですね。<a href="http://www.google.co.jp/holidaylogos.html">http://www.google.co.jp/holidaylogos.html</a></p>
	</div></div>]]>
      <![CDATA[<div class="entry-more-link">
	<dl><p class="more_ttl"></p>
		<dt class="num1">普通に検索キーワードを入力します</dt>
			<dd><img src="http://public.bay.livefilestore.com/y1pnWx-rMzrXfN6Q6a8UVa0zCg_NRaxs5yRP3fBVONBuKjdFy1NXPwPQ7kThgdZuMRBmkIqo-wM0CUvKJV0huohRQ/091109_2.jpg" width="438" alt="普通に検索キーワードを入力します" />まずは普通に検索してみます。URLは複雑なことになっていますが、URLの末尾を注目。</dd>
			
		<dt class="num2">末尾に&num=100と入力</dt>
			<dd><img src="http://public.bay.livefilestore.com/y1pDvfRwIWrYtbDO6lVd2WGX_gRcNZEuA_ud7rvi1OKy9qfRWtLZkgFme93AetjxbeHqJ3HhBjv-sTIJc-NkWle7Q/091109_3.jpg" width="438" alt="末尾に&num=100と入力" />URLの最後に&num=100と加えて、クリックすると検索結果が100件表示されます。最後の100の数字を例えば50にすれば50件の検索結果が表示されます。<br />ちなみにyahoo検索の場合は、末尾に&n=100を付ければ同じ結果に…</dd>
			
		<dt class="num3">さらに末尾に&as_qdr=y15と入力すると</dt>
			<dd><img src="http://public.bay.livefilestore.com/y1pCoJvGvE48tRf720xth31hddyUOl3FSoaRVYGtD7KYLmEsfah8reKBLq8uoVch3lW8GaE5kx59eJGxl25JEW_tQ/091109_4.jpg" width="438" alt="さらに末尾に&as_qdr=y15と入力すると" /><br /><img src="http://public.bay.livefilestore.com/y1ptyDnBr4srtYEmU1Ke1TMchZ7Q33kONOdglv8fTN6CVAT3dpuIQ-tHWrYfzrOA4LeekIcf7bfijkhV_OJLLjMsg/091109_5.jpg" width="438" alt="さらに末尾に&as_qdr=y15と入力すると" />そのサイトが公開された時を指定して検索することもできます。</dd>
			
		<!--<dt class="num4"></dt>
			<dd><img src="#" width="438" alt="" /></dd>
			
		<dt class="num5"></dt>
			<dd><img src="#" width="438" alt="" /></dd>-->
	</dl>
</div>]]>
   </content>
</entry>
<entry>
   <title>Illustrator（イラストレーター）でアクア風ボタンの作り方</title>
   <link rel="alternate" type="text/html" href="http://forty-n-five.boy.jp/blog/2009/11/illustrator_4.php" />
   <id>tag:forty-n-five.boy.jp,2009:/blog//1.847</id>
   
   <published>2009-11-08T01:10:50Z</published>
   <updated>2009-11-08T01:23:57Z</updated>
   
   <summary> 	 	 	 		今更感はありますが、イラストレーターでアクア風のボタンを作成す...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="Illusutrator" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="35" label="Tips" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://forty-n-five.boy.jp/blog/">
      <![CDATA[<div class="contents">
	<img src="http://vj7bkq.bay.livefilestore.com/y1pEww6yIyjGvzLuBIy-ZySD32NAMlvNYitfJf1ZzFCYWMvcsXA59SM_MGjDJ4QTU9J3gEmX0LK_D1JgqUBg25LzJGwy7YSEdjy/091105_1.jpg" width="468" alt="Illustrator（イラストレーター）でアクア風ボタンの作り方" />
	
	<div class="txt">
		<p>今更感はありますが、イラストレーターでアクア風のボタンを作成する手順をメモっておきたいと思います。</p>
	</div></div>]]>
      <![CDATA[<div class="entry-more-link">
	<dl><p class="more_ttl"></p>
		<dt class="num1">ボタンのベースを作成</dt>
			<dd><img src="http://vj7bkq.bay.livefilestore.com/y1pAZBLXtlsWsdSUoss3nGjbDLeJsHJX2I_sFozkLAhiMwUuA_E0mFubTcaxVfUxD2-R7WpssFWnWzZAUNA4IlgGlFRU0S_Ke5R/091105_2.jpg" width="438" alt="ボタンのベースを作成" />まずボタンの基となる楕円を作成します。（色はお好みで良いと思います。）</dd>
			
		<dt class="num2">拡大・縮小ツールを利用してオブジェクトを生成</dt>
			<dd><img src="http://vj7bkq.bay.livefilestore.com/y1pAZBLXtlsWsdJhSBWuW06pj15TSqAqFQuvKhgF5rfssP-CwRFdwrntjSV0fFbYGSaWdXabtBjFO3caiathW0mWc01EPqFj329/091105_3.jpg" width="438" alt="拡大・縮小ツールを利用してオブジェクトを生成" />楕円を選択し、拡大・縮小ツールをダブルクリックして、ダイアログを表示させます。ダイアログの縦横比を変更より横を90%縦を30%にして「コピー」を選択します。</dd>
			
		<dt class="num3">下準備の完了</dt>
			<dd><img src="http://public.bay.livefilestore.com/y1pDWnE6XDUj-W3_0q3-M2cErqgHv0xeVRX36QQq3wTcD4U0QlVfARcpjMvJVF5d4zI-X9dinptUX_h9PdDi4fnuw/091105_4.jpg" width="438" alt="下準備の完了" />手順2で作成したオブジェクトを選択して、Alt+Shiftを押しながらコピーします。これで、ボタンの基となる楕円の中に、長細い楕円が2つ存在している状態になります。（長細い楕円の位置は図のように調整します。）</dd>
			
		<dt class="num4">下の長細いオブジェクトを…</dt>
			<dd><img src="http://public.bay.livefilestore.com/y1pDWnE6XDUj-XSHcS_Sqv1fW4OjLWKQSRCyYDniIvEsfRjkEUGY9N38-mDOebwiIujWJXz7M7P3sTHCQ7hUAjuAg/091105_5.jpg" width="438" alt="下の長細いオブジェクトを…" />下の細長いオブジェクトを選択し、メニューの「フィルタ」より「カラー」「彩度調整」を選択し、数値を－50%に設定します。<br /><br />下の細長いオブジェクトと、基となる楕円を選択し、メニューの「オブジェクト」から「ブレンド」作成をクリックします。すると下の楕円がぼやけたようになります。<br /><br /><img src="http://public.bay.livefilestore.com/y1phtYDp5s34juZEEHK2xPSSGrg5mLgObNpG7-viCXbyMYxrnVYJLvPGM8_v7ZB-GieoujwdPJASgq6ywxxBUhIzw/091105_6.jpg" width="438" alt="ブレンド" /></dd>
			
		<dt class="num5">上の長細いオブジェクトを…</dt>
			<dd><img src="http://public.bay.livefilestore.com/y1pPQNS9WUqnxeTSV1YpU5u_t-Lk8HYA63Lvs51kKclrHS_BF2m-JO2JjRpbYu8yWM_IvxQcQZZVSIUpdrBeO_RZA/091105_7.jpg" width="438" alt="上の長細いオブジェクトを…" />上の長細いオブジェクトを選択します。色を白にします。そして、Ctrl+C、Ctrl+Fで全面にコピーします。（このとき見た目上は何も変わりませんが、同じ大きさのオブジェクトが2つ重なっている状態です。）<br /><br /><img src="http://vj7bkq.bay.livefilestore.com/y1pz0Tt-pFf_KoKteGRtPg_V--1q2WThPLqPJz1DH2Vd9tv-vxMcUDKcxqPuQNK54wv10h6A1o3WnSE1BmoMztIVZhWk3HjeVMe/091105_9.jpg" width="438" alt="上の長細いオブジェクトを…" /><br />コピーしたら上のオブジェクトにグラデーションをかけます。グラデーションは角度を90度にして、上に黒、下が白になるように設定します。<br /><br /><img src="http://vj7bkq.bay.livefilestore.com/y1pqD93-2Tes_YOJRccAoZujhgKI3LJid66-GQaTIXR0hEuNknp4Pr_g81np-jB4FmOzrR4o9QQKox4HwuPni0a9ED7r5M6yypE/091105_10.jpg" width="438" alt="上の長細いオブジェクトを…" /><br />次に、2つ重なっている上のオブジェクトを両方選択し、透明の三角ボタンより「不透明マスクを作成」をクリックすれば完成です。<img src="http://vj7bkq.bay.livefilestore.com/y1pxFp0jn5b00VqYlVT0bFt_B-OOZoa5yXUgZB4OLQAP5J2hFI2YuU0H68CwMysTHYokw7blcaCCu_JI3I3l64HZ4KPL9h97j3s/091105_8.jpg" width="438" alt="上の長細いオブジェクトを…" /><br /><br />あとは、上に文字を載せれば完成です。</dd>
	</dl>
</div>]]>
   </content>
</entry>
<entry>
   <title>IllustratorからMAPタグを自動生成してイラストの枠通りにリンクを貼る方法</title>
   <link rel="alternate" type="text/html" href="http://forty-n-five.boy.jp/blog/2009/11/map.php" />
   <id>tag:forty-n-five.boy.jp,2009:/blog//1.846</id>
   
   <published>2009-11-06T15:24:54Z</published>
   <updated>2009-11-07T00:38:23Z</updated>
   
   <summary> 	 	 	 		Illustratorにこのような機能があったことを最近知りま...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="Illusutrator" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="35" label="Tips" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://forty-n-five.boy.jp/blog/">
      <![CDATA[<div class="contents">
	<img src="http://vj7bkq.bay.livefilestore.com/y1pt_i600ZAr8_l92O9OM0J4wpig2et6JsDKLPxoUgyoHiXtfZwNzaDcTxyuUvJh-8VKrSOvzlulxRCnxEfJ097wrKL20TpBUSz/091106_1.jpg" width="468" alt="イラストレーターからMAPタグを自動生成してイラストの枠通りにリンクを貼る方法" />
	
	<div class="txt">
		<p>Illustratorにこのような機能があったことを最近知りました。HTMLタグでMAPタグがあるのはご存知かと思いますが、通常MAPを利用する際はDreamweaverで操作されるのが通常だと思います。しかし、Dreamweaverでは複雑な形には対応できないと思います。しかしイラストレータを使用すると、どんな複雑なイラストでもその枠通りにリンクを貼り付ける事が可能です。この機能を実際使うかどうかは別問題ですが…</p>
	</div></div>]]>
      <![CDATA[<div class="entry-more-link">
	<dl><p class="more_ttl">イラストレーターからMAPタグを自動生成してイラストの枠通りにリンクを貼る方法</p>
		<dt class="num1">例えばこんな場合に活用</dt>
			<dd><img src="http://vj7bkq.bay.livefilestore.com/y1pue54mNzUW5zlQiP2s-8TQ_37Bgg60Kh46QUxM2FVhBRNTmyiaRL2rh4AECNcSYTNArSUTLLcaTm84F984KmAWdUTOSPzW24k/091106_2.jpg" width="438" alt="例えばこんな場合に活用" />例えば地図のイラストがあって、国ごとや県ごとにリンクを貼りたい場合。今回で言うと、赤・橙・緑にリンクを貼りたい時、まず赤の部分を選択します。次に「ウイドウ」から「属性」を表示させます。（F11でも属性が表示されます）</dd>
			
		<dt class="num2">属性の設定</dt>
			<dd>属性の設定ですが、イメージマップは「多角形」を選択し、URLにはリンクしたいアドレスを記載します。同じ作業を橙・緑も同じように作業をします。</dd>
			
		<dt class="num3">GIF形式で保存</dt>
			<dd><img src="http://vj7bkq.bay.livefilestore.com/y1pBSPDzJ4fBJa6kLmIaQR03OUq_LuetshetECzFdTC1ZH2yub4RWHWoNAtQrD8OY5aGpMk8F0AVNl1omyHzfWLEn43gqNoJm3R/091106_3.jpg" width="438" alt="GIF形式で保存" />「ファイル」から「web用に保存」を選択します。GIF形式で保存します。「最適化ファイルを別名で保存」というダイアログが表示されますので、この時ファイルの種類を「HTMLと画像（*.html）」を選択して保存すればOKです。</dd>
			
		<dt class="num4">htmlファイルを開いて確認</dt>
			<dd><img src="http://vj7bkq.bay.livefilestore.com/y1pBSPDzJ4fBJacD5If8FsfWC3_wiRh4oDgtHesBmXVzd1o5dHTPHMEHOiEvSPdI9opokXhPuXUWYr1C86TsPm5k_6qmLEWxyTE/091106_4.jpg" width="438" alt="htmlファイルを開いて確認" />するとデスクトップにhtmlファイルとgif画像ファイルが書き出されます。htmlファイルを開いて確認するとイラストの枠通りにリンクが設置されているのが分かります。ただ、ソースを見てみると使う気をなくすかもしれません…でもまぁDreamweaverではこの様な作業はできないと思えば、中々凄い機能と思ったりします。<br><br><img src="http://vj7bkq.bay.livefilestore.com/y1pobMBwYQrqnpxaIB5tZJKWiZ3zoMu9ygi-kCBJG7WnRHNfEyIaXwtZKehxKWo-32coA3FGhPInBe-zT-g1nISzlq-t7nVGc8Z/091106_5.jpg" width="438" alt="ソースを確認" /></dd>
	</dl>
</div>]]>
   </content>
</entry>
<entry>
   <title>ベクター形式でポラロイド風のイラストらがダウンロードできるサイト</title>
   <link rel="alternate" type="text/html" href="http://forty-n-five.boy.jp/blog/2009/10/post_77.php" />
   <id>tag:forty-n-five.boy.jp,2009:/blog//1.845</id>
   
   <published>2009-10-04T01:14:43Z</published>
   <updated>2009-10-04T03:53:59Z</updated>
   
   <summary> 	 	 	わりと頻繁に使用するポラロイド風なデザイン。自分で作ってもさほど手間...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="Illusutrator" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="12" label="サイト紹介" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://forty-n-five.boy.jp/blog/">
      <![CDATA[<div class="contents">
	<a href="http://garcya.us/blog/free-polaroid-vector-eps/" target="_blank"><img src="http://kw0tkw.bay.livefilestore.com/y1phREdkkorGiT8ZCoFGtMUwF9T1HumfH2LomoIrUCPKvH_QALbZeNCgaSsAPE5Vibh452gx96_NnzXmys115MhrA/091003_1.jpg" width="468" alt="ベクター形式でポラロイド風のイラストらがダウンロードできるサイト" /></a>
	
	<div class="txt"><p>わりと頻繁に使用するポラロイド風なデザイン。自分で作ってもさほど手間ではありませんが、ベクター形式でダウンロードできるということで早速メモ。</p></div>

	<div class="notice">オーバチュアがyahooに吸収されましたね。ようやくというか…</div></div>]]>
      <![CDATA[<div class="entry-more-link">
	<dl><p class="more_ttl">海外サイトWeb Design Blogより</p>
		<dt class="num1">ダウンロードページ</dt>
			<dd><img src="http://kw0tkw.bay.livefilestore.com/y1psgsbe5crGwHkxNu8qQZna0tiBI-7tb6wzkoGlic3zHG9rYttX9ZX-e-B6OOj2ORA9xqcuhC9DsFvOI_biyUaJg/091003_2.jpg" width="468" alt="ダウンロードページ" />ページ下の「Download from rapidshare.com」よりダウンロードできます。こちらのサイトは他かにも様々な情報を提供してくれます。</dd>
			
		<dt class="num2">FreeUserをクリック</dt>
			<dd><img src="http://kw0tkw.bay.livefilestore.com/y1psgsbe5crGwHmh66t4y9zIkSgAkjwDxKLyssF3th5evhd5_RRtr5XHd4zrfQhvh_dH1V1hRc-vWa0sHjcl1r0aQ/091003_3.jpg" width="468" alt="FreeUserをクリック" />「Download from rapidshare.com」をクリックすると、このようなページが表示されますが「FreeUser」部分をクリックすればダウンロード可能です。</dd>
			
		<dt class="num3">中身はこんな感じ</dt>
			<dd><img src="http://kw0tkw.bay.livefilestore.com/y1pS-CZ4Hi_kCNCRy5WN4uz53yfY3QtVata2qq7xpO0X9JmMH1Nzfw3gQtKIzcch2-IMBtCdna2Fq9TnPv16UqyQ2pORVlwOqkD/091003_5.jpg" width="468" alt="中身はこんな感じ" /></a>イラストレータでEPSを開くと編集可能です。</dd>
	</dl>
</div>]]>
   </content>
</entry>
<entry>
   <title>サイト内にwindows media playerを用いて動画を流す方法</title>
   <link rel="alternate" type="text/html" href="http://forty-n-five.boy.jp/blog/2009/09/windows_media_player.php" />
   <id>tag:forty-n-five.boy.jp,2009:/blog//1.844</id>
   
   <published>2009-09-28T14:59:55Z</published>
   <updated>2009-09-28T15:32:43Z</updated>
   
   <summary> 	 	 	 		サイト内に動画を掲載したい場合、youtubeなどを使わずwi...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="Web Tips" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="35" label="Tips" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="22" label="動画" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://forty-n-five.boy.jp/blog/">
      <![CDATA[<div class="contents">
	<img src="http://kw0tkw.bay.livefilestore.com/y1pvLx_RXZE9Sr1xE3VeqenV7QY6ukfDccXYxBosiFYjOiDFUmT_nof00vb_XiLlPbseMyjewTCgkTJCGSPfQ7x9Q/090929_1.jpg" width="468" alt="サイト内にwindows media playerを用いて動画を流す方法" />
	
	<div class="txt">
		<p>サイト内に動画を掲載したい場合、youtubeなどを使わずwindows media playerを用いて動画を設置する方法をご紹介します。</p>
	</div>
	
</div>]]>
      <![CDATA[<div class="entry-more-link">
	<dl><p class="more_ttl">windows media player（動画）設置方法</p>
		<dt class="num1">head内に記載</dt>
			<dd>&lt;script language="JavaScript" type="text/JavaScript" src="douga.js"&gt;&lt;/script&gt;<br />douga.jsのファイル名は任意でOK。</dd>
			
		<dt class="num2">html内に記載</dt>
			<dd>設置したい場所に以下を記載します。<br />&lt;script type="text/javascript"&gt;Douga();&lt;/script&gt;<br />Douga部分は任意の文言でOK。</dd>
			
		<dt class="num3">douga.jsファイルを作成</dt>
			<dd>手順1でdouga.jsを呼び出しているため、douga.jsを作成します。ソースは以下の通りです。<br />function Douga(){<br />
document.write('&lt;OBJECT width="320" height="240" CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"&gt;');<br />
document.write('&lt;PARAM name="autoStart" value="False"&gt;');<br />
document.write('&lt;PARAM name="URL" value="./IMGP0387.AVI"&gt;');<br />
document.write('&lt;/OBJECT&gt;');}<br />冒頭のDouga()は手順に2で記載したDougaと同じである必要があります。また、IMGP0387.AVIは動画ファイルを示していますので、ここには動画のファイル名を入れます。widthやheightは表示サイズですので適当に変更可能です。</dd>
			
		<dt class="num4">動画ファイルを同じ階層に設置</dt>
			<dd>流したい動画ファイルを同じ階層に設置します。拡張子がaviやmpegになるかと思います。</dd>
			
		<dt class="num5">サンプルはこちらから</dt>
			<dd><iframe title ="Preview" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" style="width:98px;height:115px;padding:0;background-color:#fcfcfc;" src="http://cid-9e31e0ab5197acf1.skydrive.live.com/embedicon.aspx/%e5%85%ac%e9%96%8b/douga.ZIP"></iframe></dd>
	</dl>
</div>]]>
   </content>
</entry>
<entry>
   <title>パソコン操作が少し早く・便利なるテクニック10まとめ</title>
   <link rel="alternate" type="text/html" href="http://forty-n-five.boy.jp/blog/2009/09/10_1.php" />
   <id>tag:forty-n-five.boy.jp,2009:/blog//1.843</id>
   
   <published>2009-09-26T23:43:57Z</published>
   <updated>2009-09-27T01:34:16Z</updated>
   
   <summary> 	 	 	 		パソコン操作に関する小技です。知っておくとこれまでよりも少しだ...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="Information" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="35" label="Tips" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://forty-n-five.boy.jp/blog/">
      <![CDATA[<div class="contents">
	<img src="http://kw0tkw.bay.livefilestore.com/y1pByYh9HppPPz65BnSUUsyhMsCqLutty56hgQDcaPfUfKQzAlF-ezMhHZzgAMbRzF9-E4CTlPoAmItSDXyEB7UCr3bLcitmAUX/081203_0.jpg" width="468" alt="パソコン操作が少し早く・便利なるテクニック10まとめ" />
	
	<div class="txt">
		<p>パソコン操作に関する小技です。知っておくとこれまでよりも少しだけ操作が早まるのではないかと思います。（あくまでも少しだけです）他にも便利な技があれば教えて下さい。</p>
	</div>
</div>]]>
      <![CDATA[<div class="entry-more-link">
	<dl><p class="more_ttl"></p>
		<dt class="num1">ダイアログ表示時、自動的にマウスをOKボタンの上に</dt>
			<dd><img src="http://kw0tkw.bay.livefilestore.com/y1pSvGhW7GN7zFcTlvlNEkrjnEgnKdaWx5GSJo7Pen8Hy33lY20Dl6A2VGJJydZQnZmuPojaXn-Xt6CxGFtG9Ht_Q/081203_1.jpg" width="438" alt="ダイアログ表示時、自動的にマウスをOKボタンの上に" />操作方法は、[スタート][コントロールパネル][マウス][ポインタオプション]で、動作の部分にチェックを入れると、何かダイアログが表示されると、自動的にOKボタンの上にマウスが乗ります。慣れると結構便利な機能だと思いますが慣れるまで誤ってOK押してしまいがちなので注意が必要です。</dd>
			
		<dt class="num2">ファイル名変更時にはF2キー</dt>
			<dd><img src="http://kw0tkw.bay.livefilestore.com/y1pIJB-tOngAE5vU9v8Eqf2iI8CZJ6aT4NJ_h-b3lD1vjFPilkkTZb0Y2r-KQfCl35sofJckdFIZIBfIKZirjiCQA/081203_2.jpg" width="438" alt="ファイル名変更時にはF2キー" />ファイル名の変更の際に役立ちます。ファイル名を変更する際に、[右クリック][名前の変更]なんて面倒くさいことはしません。変更したいファイル名の上で、F2キーを押せば名前をすぐに変更できます。ファイル名をコピーする時などは、F2→Ctrl+C、そして別ファイルにF2→Ctrl+Vすると作業はかなり早くなります。</dd>
			
		<dt class="num3">スタートアップにショートカット</dt>
			<dd><img src="http://kw0tkw.bay.livefilestore.com/y1pfA9dAP6k5ytVbtmFZxxG4w4yuaByOPt5mo3gCXIXZPj35aK5odiwHqNh6R4zASGp5H_tZAA4nqaJ6Uhxg_LtHQ/081203_3.jpg" width="438" alt="スタートアップにショートカット" />パソコン起動時に、ソフトウェアも起動させてしまおうということで、例えば、パソコンを起動させてインターネットを必ずする方は、スタートアップに「Internet Explorer」のショートカットを入れておけば、パソコンが立ち上がるのと同時に、Internet Explorerも立ち上がりますので、すぐにインターネットを行う事が出来ます。<br />そのやり方は、まずデスクトップにショートカットを作成します。作成したショートカットをスタートアップまでドラッグ＆ドロップをします。<br />「スタート」「すべてのプログラム」「スタートアップ」の順です。ショートカットをドラッグしたまま「スタート」の位置で2秒ほど待っておくと次の画面が開いてくれますのでその要領で「スタートアップ」の中にショートカット入れればOKです。</dd>
			
		<dt class="num4">ブラウザ表示時、Shift+[×]でブラウザの枠固定</dt>
			<dd><img src="http://kw0tkw.bay.livefilestore.com/y1pnkgNcpi-fBJdjL7nAo1OF-Cs2nB4DPrMoqNKxqa3M1LK4KjkH8OqKduShq4aNdLbImujGdKz_v91uEvRkznhLw/081203_4.jpg" width="438" alt="ブラウザ表示時、Shift+[×]でブラウザの枠固定" />ブラウザを表示する時、次開くときも同じ大きさで開きたいということがありますが、そんな時は、その大きさでShift+[×]（閉じるボタン）で一度閉じた後、再度ブラウザを立ち上げると閉じた時と同じ大きさで開きます。</dd>
			
		<dt class="num5">Shift＋ゴミ箱で完全消去</dt>
			<dd><img src="http://kw0tkw.bay.livefilestore.com/y1piaegPJCRTGse9RzhAZwlNY1W2Dh33lE7GNf2W-00RLTlZruXsWzVNQvfMH8d6shYpG6G39RtAPG2R9Js2J3ehg/081203_5.jpg" width="438" alt="Shift＋ゴミ箱で完全消去" />データを消去する時、ゴミ箱に溜めたくない。そんな時は、Shiftを押しながらデータを消去するとゴミ箱を経由せずに完全に消去されます。通常ファイルを削除すると「ゴミ箱に移しますか」と表示されますが、Shiftを押しながら削除（Delete）すると「削除しますか」とだけ表示されます。<br />ゴミ箱を右クリック「プロパティ」から同じような設定は出来ますが、すべてのファイルがゴミ箱を介さず削除されることになりますので少々危険です。</dd>
			
		<dt class="num6">お気に入りを持ち歩く（IE）</dt>
			<dd><img src="http://kw0tkw.bay.livefilestore.com/y1p40u7MXnZ9A-f0dbS0iduUR0n0mRfOea3Pj2vnI9kJPA-o5mgR_FjB07modFb1m27AYUstkHN1fqY0DDugXPQ0A/081203_6.jpg" width="438" alt="お気に入りを持ち歩く（IE）" />ソーシャルブックマークが出来てきたのであまり使うことも少なくなってきましたが、お気に入りに入れているサイトをエクスポートして、メディアに保存したりして持ち歩くことができます。<br />やり方は、Internet Explorerを立ち上げ、「ファイル」「インポートおよびエクスポート」次へと進み、「お気に入りのエクスポート」を選択して進めば、マイ ドキュメントにbookmark.htmが生成されますので、これを持ち歩けばどこでも自分のお気に入りを開く事ができます。</dd>
			
		<dt class="num7">マイクロソフトにエラー報告を送信しないようにする方法</dt>
			<dd><img src="http://kw0tkw.bay.livefilestore.com/y1pTg6RHzRiYMByTdZv_q7fYYER-F05h--_cG74CYodfOtorgP8d0TLDPiC4bFi8BRnxUw7Hh8ho0bk6CcUANKt2w/081203_7.jpg" width="438" alt="マイクロソフトにエラー報告を送信しないようにする方法" />強制終了をした後などに、「マイクロソフトにエラー報告しますか」というダイアログが表示される事がありますが、送信した試しがないので、この表示自体を無効にさせたいと思います。<br />方法は、「マイコンピュター」を右クリックして、「プロパティ」を選択。「詳細情報」より「エラー報告」を選択します。「エラー報告を無効にする」にチェックを入れればOKです。</dd>
			
		<dt class="num8">mhtファイルで永久保存</dt>
			<dd><img src="http://kw0tkw.bay.livefilestore.com/y1pTg6RHzRiYMCxixG8DqS-YsFa1ju7JDt_TJrstSY_YF5zRzqrMX-su1DXmfUPUW-adkDZlZv5dGoi2FFFjw1mlA/081203_8.jpg" width="438" alt="mhtファイルで永久保存" />お気に入りなどに入れているページがいつの間にか更新されたり、ページがなくなっていたりすることはありませんか？当然ページが削除されれば、そのページを見ることはできません。（キャッシュを拾えれば見れることもありますが…）どうしてもこのページは残しておきたいというページに出会った時は、Internet Explorerから「ファイル」「名前を付けて保存」で「ファイルの種類」を「webアーカイブ、単一のファイル（*.mht）」にして保存します。するとmhtファイルが生成され、そのページを保存する事が出来ます。（普通にhtmlで保存しても良いのですが、画像ファイルが別で生成されたりしますので…）</dd>	
		<dt class="num9">Wordスクラップ</dt>
			<dd><img src="http://kw0tkw.bay.livefilestore.com/y1p6goXx-Cn4kv5K27jkZcmTwGkeF-WvoXffJqShNG1mzgYAU41sfm10OT5zpdxYGbj-aEtJZ7nyNb2k6scYWRLKA/081203_9.jpg" width="438" alt="Wordスクラップ" />ワードで文章をメモ的に残しておきたい時、いちいちファイル名を付けて保存する程でもない時は、wordの文章を全選択（Ctrl+A）して文章をデスクトップにドラッグ＆ドロップすれば自動でファイルが生成されます。</dd>
			
		<dt class="num10">ブラウザ上でCtrl+Fして文言検索</dt>
			<dd><img src="http://kw0tkw.bay.livefilestore.com/y1pokos7WAGiX4P0Hfivs24JWTNbrOE8pmtOEhSFgdd6FgYj1Uf6nlHjGK00wQ4mEH-Hmhib9JqRyejX4HXCz7LOg/081203_10.jpg" width="438" alt="ブラウザ上でCtrl+Fして文言検索" />これは説明するまでも無いかもしれませんが、ネットで何かページを見ている際に、「この文言どこにあるんだろう」と思ったらCtrl+Fで文言を検索すれば、該当箇所が青く斑点します。</dd>

	</dl>
</div>]]>
   </content>
</entry>
<entry>
   <title>ウェルカムボードを自作しました</title>
   <link rel="alternate" type="text/html" href="http://forty-n-five.boy.jp/blog/2009/09/post_76.php" />
   <id>tag:forty-n-five.boy.jp,2009:/blog//1.842</id>
   
   <published>2009-09-25T13:21:43Z</published>
   <updated>2009-09-25T15:46:55Z</updated>
   
   <summary> 	 	 	 		ブログが随分滞っておりましたが、その理由は、結婚準備に追われて...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="Design" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://forty-n-five.boy.jp/blog/">
      <![CDATA[<div class="contents">
	<img src="http://kw0tkw.bay.livefilestore.com/y1pllhDTtem02uusy4ZN-SCqYpXwFPorMRud6fAhVAk88yRB6TdlbHADZ-_o8JNhpkDt72xo9cuQL-YnN8dweHnuHiS4sLWgZng/090918_1.jpg" width="468" alt="ウェルカムボードを自作しました" />
	
	<div class="txt">
		<p>ブログが随分滞っておりましたが、その理由は、結婚準備に追われておりました。9月13日（日）、無事に結婚式を終え、ようやくブログの方も再開できるというわけです。<br />結婚式準備の中で、デザインをかじっている者として、ウェルカムボードぐらいは手作りで出来ないかと思い、ウェルカムボードを手作りしていました。こんな手順で作成しました。</p>
	</div>
	
	<div class="notice">
		<p>googleが10周年を迎えたそう。<a href="http://www.google.co.jp/tenthbirthday/">http://www.google.co.jp/tenthbirthday/</a></p>
	</div>
	
</div>
]]>
      <![CDATA[<div class="entry-more-link">
	<dl><p class="more_ttl">私のウェルカムボード制作手順</p>
		<dt class="num1">イラストレーターで原稿作成</dt>
			<dd>大きさは色紙台の大きさにしたかったのでW270、H240でイラストレータで原稿を作成。</dd>
			
		<dt class="num2">問題はどうやって安く綺麗に印刷するか</dt>
			<dd>必要な枚数は、1枚。でも、家のインクジェットプリンターではいまいち発色も良くないし、ましてや、色紙台の大きさの紙がない。（A3で打ち出して、その大きさに切っても手作り感満載でスマートじゃない）<br />そんな思いでネットで色々調べてみましたが、中々思うようなサービスをしているところが見つかりませんでした。（小ロット対応のところがあるかと思えば、1枚あたりの単価が何千円だったり…）<br /><img src="http://kw0tkw.bay.livefilestore.com/y1pNfvKPpH9p7ABajCf-Ehdi1g52Cs_Ol5eQ61112tTP9BcyLr_TF_JdoyoreWL1q3G-Wlfz5gxU-VaFN-gv_-69A/090918_2.jpg" width="438" alt="問題はどうやって安く綺麗に印刷するか" /><br />そん中見つけたのが、ハン六というお店。関西在住の方ならご存知の方も多いのかも入れませんが、はんこ屋さんというか文房具屋さん。ショッピングセンター内に店舗があったので相談してみました。このような依頼が初めてなのか、いくらになるのかその場では判断つかない様子でとりあえず、イラストレーターとPDFデータを渡しました。<br />結果、値段は180円で家で印刷するより綺麗で、色紙台にカットされて出てきました。まさに思い通りでした。<br />ネットでいろんなサービスがありますが、顔と顔とつき合わせて話することもやはり大事ですね。</dd>
			
		<dt class="num3">額縁を購入</dt>
			<dd>あとは額縁を購入すれば完了です。</dd>
		<dt class="num4">ボツ作</dt>
			<dd><img src="http://kw0tkw.bay.livefilestore.com/y1pJWM-QhS_fyNYwsRTmcSlgMhFkUBwxaT3DNXkHCQN_274B01dmsWFGK9i2Fkk7d5Puzi-XnRDXdCt5wpKejHyjwcOR5G5RmRI/090918_3.jpg" width="438" alt="ボツ作" />ボツになったもの。記念に掲載。</dd>
	</dl>
</div>]]>
   </content>
</entry>
<entry>
   <title>イラストレーター（Illustrator）で表組を作成する方法</title>
   <link rel="alternate" type="text/html" href="http://forty-n-five.boy.jp/blog/2009/06/illustrator_3.php" />
   <id>tag:forty-n-five.boy.jp,2009:/blog//1.833</id>
   
   <published>2009-06-13T03:05:07Z</published>
   <updated>2009-06-13T05:25:25Z</updated>
   
   <summary> 	 	 	 		イラストレーターで表を作成する時、どのようにされていますでしょ...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="Illusutrator" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="35" label="Tips" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://forty-n-five.boy.jp/blog/">
      <![CDATA[<div class="contents">
	<img src="http://vj7bkq.bay.livefilestore.com/y1pCUOltBL8u6brNJnxh4-53PDh9GZ98sDFFZigviDfCy6Q78gYi3JfLR-wTEvxJEnuNMYsIg-QJmzDbzcvzYDjqKp_IsWgOhEb/090613_1.jpg" width="468" alt="イラストレーター（Illustrator）で表組を作成する方法" />
	
	<div class="txt">
		<p>イラストレーターで表を作成する時、どのようにされていますでしょうか？まさか四角をつなぎ合わせているなんてことはないでしょう…何て事を言っておりますが、少し前まで表を作る時は、四角をつなぎ合わせたり、罫線をひっぱったりということをしてました。そんな素人っぽい表の作り方とはこれでおさらばです。</p>
	</div>
	
	<div class="notice">
		<p>Illustratorバージョン10（win版）で作成した場合です。</p>
	</div>	
</div>]]>
      <![CDATA[<div class="entry-more-link">
	<dl><p class="more_ttl">イラストレーター（Illustrator）で表組を作成する方法－その１</p>
		<dt class="num1">長方形ツールで、表全体の枠を描きます</dt>
			<dd><img src="http://vj7bkq.bay.livefilestore.com/y1pS1hLrXSeIHVHdltqIWaalmmnlcCKtflPJWfHBtnD-vZSl76f23Z1frl0N0D1rZMnoHKov8bSaoTHYSfK2ZlHHQ/090612_2.jpg" width="438" alt="長方形ツールで、表全体の枠を描きます" /></a>説明のために、四つ角にABCDと名前を付けています。実際に表を描く際は必要ありません。表全体の大きさが決まれば、次にダイレクト選択ツール（白矢印）でAC間を選択します。</dd>
			
		<dt class="num2">AC間をコピー、BD間をコピー</dt>
			<dd><img src="http://vj7bkq.bay.livefilestore.com/y1pkItsEIesoGlq3iT9yCS2TT6Qluho49peV8Fv1eWU-EaZ_clgLfD0uRBmedtOidCHt4uoquKEUGfmLPneM4Jm5A/090612_3.jpg" width="438" alt="AC間をコピー、BD間をコピー" />AC間の線が選択された状態になりましたので、ここでCtrl+C（コピー）、そして、Ctrl+F（最前面に同じ位置に貼り付け）をします。見た目は変わりませんが、AC間に線が1本コピーされました。同じ作業をBD間、さらには、AB間、CD間でも行います。</dd>
			
		<dt class="num3">行を設定していきます</dt>
			<dd><img src="http://vj7bkq.bay.livefilestore.com/y1pkItsEIesoGmK-TAAOlJblgQ4UlSmaxJVht8onOPaWnyjTXfIbcrIyrvbD7Sr5GzbciUqb2iGiC3Kd-hCiWZqwA/090612_4.jpg" width="438" alt="行を設定していきます" />選択ツール（黒矢印）でAC間、Shiftを押しながらBD間を選択します。そして、左のツールバーよりブレンドツールを選択しますが、この時ボタンをダブルクリックと、オプションが表示されます。ステップ数に何本線を入れたいか入力します。ここでは3と入力しました。（でもまだ何も変化しません）そして、Aをクリックし、次にBをクリックしますと、AB間に線が3本表示されます。<br><img src="http://vj7bkq.bay.livefilestore.com/y1pNaKd4a7Vl93xUO-eFC3rH-r-vdJxF1Dm1LQl5JFR8_nObmpL9wPYKJF4vj8ICDmrgi-uXk44mBf4OPp9NwHjqA/090612_5.jpg" width="438" alt="AB間に線が3本表示されます" /></dd>
			
		<dt class="num4">列を設定していきます</dt>
			<dd><img src="http://vj7bkq.bay.livefilestore.com/y1pX_q-gLufDmFi99j3qdBxUcA3qUGklhfE9mIXsOzX1KLXt_lUpSs6U1WTaxdXM0Tvv-1sMGRg9zmEzxpaiA_0Iw/090612_6.jpg" width="438" alt="列を設定していきます" />手順3で行った作業を、AB、CD間においても行っていきます。これで表は完成です。</dd>
			
		<dt class="num5"></dt>
			<dd><img src="http://vj7bkq.bay.livefilestore.com/y1pnb35E2WNhMFDCv-zEch6s_XleJ2QENW1sdv0wZz0VuDC5nNa8bzCmBUA03dPn3PpVrCoCNwah4MIDRC5m2aKWA/090612_7.jpg" width="438" alt="" />このままでは、間にブレンドした線が編集できませんので、表全体を選択した状態で、上のメニューより「オブジェクト」「ブレンド」「拡張」を選択します。こうすれば、間の線も移動したり編集できます。</dd>
	</dl>

	<dl><p class="more_ttl">イラストレーター（Illustrator）で表組を作成する方法－その２</p><dt class="num1">表組みを描く別のやり方</dt>			
			<dd><img src="http://vj7bkq.bay.livefilestore.com/y1pHZT649C_sTYb1_f5TulKkTYfGIlVPuRej5_9n2gdv8TzhonJxlOsBsaS1K5lljJTaBz-o6EZZKCv-KxLvI8pmg/090612_8.jpg" width="438" alt="表組みを描く別のやり方" />さらに別の方法がありました。こちらの方法のほうがより簡単かも…<br>まずは、長方形ツールで、表全体の枠を描きます。次に上のメニューより「文字」「段組設定」を選択します。（ちなみにCS2では、「オブジェクト」「パス」「段組設定」です。）</dd>

		<dt class="num2">段数・段間隔を設定</dt>
			<dd><img src="http://vj7bkq.bay.livefilestore.com/y1pHZT649C_sTZoxkwj6myesqgohaCfqMA7JAh1bFA119dB4yS-YOS-PwSSNLghk4XOogZuNrA9PdkAEcfCBwRYVg/090612_9.jpg" width="438" alt="段数・段間隔を設定" />あとは、段数に何本線を入れたいかの入力と、段間隔を「0」に設定すれば、あっという間に表組みの完成です。こちらの方が簡単かも。編集もしやすいし…</dd>
	</dl>
</div>]]>
   </content>
</entry>
<entry>
   <title>Photoshop（フォトショップ）で自然な雲を描く方法</title>
   <link rel="alternate" type="text/html" href="http://forty-n-five.boy.jp/blog/2009/06/photoshop_14.php" />
   <id>tag:forty-n-five.boy.jp,2009:/blog//1.832</id>
   
   <published>2009-06-06T11:58:23Z</published>
   <updated>2009-06-08T15:20:58Z</updated>
   
   <summary> 	 	 	 		風景写真に綺麗な空を合成したい時に、役立つのではないでしょうか...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="Photoshop" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="35" label="Tips" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://forty-n-five.boy.jp/blog/">
      <![CDATA[<div class="contents">
	<img src="http://vj7bkq.bay.livefilestore.com/y1plOdoP4S_20uJO8Dk-Crsjyq7T3kOIsnwyc9DcqxbYf9IKZnJXCBm-aq2ZV-RGgQWQUnTlh7cxMEwYWxCl8btSg/090606_1.jpg" width="468" alt="Photoshop（フォトショップ）で自然な雲を描く方法" />
	
	<div class="txt">
		<p>風景写真に綺麗な空を合成したい時に、役立つのではないでしょうか。フォトショップで自然な雲を描く方法です。</p>
	</div>

	<div class="notice"><p>PhotoshopCS2（win版）でのやり方を載せています。</p></div>
</div>]]>
      <![CDATA[<div class="entry-more-link">
	<dl><p class="more_ttl">Photoshop（フォトショップ）で自然な雲を描く方法</p>
		<dt class="num1">下地となる空の色を決定します</dt>
			<dd><img src="http://vj7bkq.bay.livefilestore.com/y1pvLWrIoCWb7buDGwjfh9_D6Nvchn0LT8AVatk6vXETdX5yDWRjWkmU9qeVy1aOMDmQRyI5QWqTXnJnuwRxszviHqb4ESqgJfh/090606_2.jpg" width="438" alt="下地となる空の色を決定します。" />まず下地となる色を設定します。色は後からでも変更できますのでとりあえず空っぽい色を設定しておきます。</dd>
			
		<dt class="num2">ブラシツールを選択します</dt>
			<dd><img src="http://vj7bkq.bay.livefilestore.com/y1ptzWfOAtuvcXK6OaKwaeyBkSf2pcjn1ejfbHl9XzfEgSDxRuoMOfXmxUZJA7LucI7o2S7NWEtARdn2_Pl9jHrcw/090606_3.jpg" width="438" alt="ブラシツールを選択します" />ソフト円ブラシ（輪郭がぼやけたようなブラシ）を選択し、200pxぐらいの大きさに設定します。</dd>
			
		<dt class="num3">ブラシの詳細を設定していきます－手順1</dt>
			<dd><img src="http://vj7bkq.bay.livefilestore.com/y1pqBPP2cVO07b7dRmuiTlFsGU2dSS-hBTvBrbA_ylJCLmFcpo8ZUEO6LDtaIH621KiO3hJozF-GV1sIL1W_d3WEQ/090606_4.jpg" width="438" alt="ブラシの詳細を設定していきます－手順1" />ウィンドウより、ブラシを選択します。（F5でも可）</dd>
			
		<dt class="num4">ブラシの詳細を設定していきます－手順2</dt>
			<dd><img src="http://vj7bkq.bay.livefilestore.com/y1p3CADAmLWEVIX-cC366RWLcvdweV32fheuzjHzQar_oeFi4EOrmBbOU-8O4VxjTo-wwZBY5o5nedUVffDSu955A/090606_5.jpg" width="438" alt="ブラシの詳細を設定していきます－手順2" />「シェイプ」部分を選択し、上記の通り数値を設定します。</dd>

		<dt class="num5">ブラシの詳細を設定していきます－手順3</dt>
			<dd><img src="http://vj7bkq.bay.livefilestore.com/y1pqZmJHU5jKCw1NKkksKvj1rdk5sR7ORJnxw_sKBdmhqXNyBwso3KEbux3vkJWbeGSUdt1iZy8GFT6OgFTT2OGnA/090606_6.jpg" width="438" alt="ブラシの詳細を設定していきます－手順3" />次に「散布」を選択します。同様に上記の通り数値を設定します。</dd>

		<dt class="num6">ブラシの詳細を設定していきます－手順4</dt>
			<dd><img src="http://vj7bkq.bay.livefilestore.com/y1pWEhtw127UWvLGQI9Ld5s_kGpCKsAexH1G7qq_yd7tHNWcNViXlvcTAGv72HWLuTf6Nm0s7_0aZ8eGzvtigbzfw/090606_7.jpg" width="438" alt="ブラシの詳細を設定していきます－手順4" />次に「テクスチャ」を選択します。テクスチャは「雲模様」というのを選択をします。あとは数値を下記の通り設定します。<br /><img src="http://vj7bkq.bay.livefilestore.com/y1pgg27AQ4NbUUlo5EPRmVVO1UkviHrre4HDbio7BTTwJptSkuemmCWbePi9e5qmti0N5Yogshxw80pFMvVEZLQpw/090606_8.jpg" width="438" alt="" /></dd>

		<dt class="num7">ブラシの詳細を設定していきます－手順5</dt>
			<dd><img src="http://vj7bkq.bay.livefilestore.com/y1pVmdC5YRPQcZtqfaL5fA_5AjGQaFo-bU4mkoflVhik9JYXdNLBfu7ldfxxXLv7XoTXBefTQEdNm2cTItgkFsFAQ/090606_9.jpg" width="438" alt="ブラシの詳細を設定していきます－手順5" />最後に「その他」を選択し、上記の通り設定します。</dd>

		<dt class="num8">ブラシを登録しておきます</dt>
			<dd><img src="http://vj7bkq.bay.livefilestore.com/y1pwsC2d6r5bjdo4oppbiGhqF0qB3p2wS76XNyJ6yyILhb_H3PCH4yf3slXILPMyR1vbM3sFynxq70bdoZJEeLsKw/090606_10.jpg" width="438" alt="ブラシを登録しておきます" />新規登録のボタン（画像の右下）を押すと、ブラシを登録できますので、適当に名前を付けてブラシを登録します。</dd>

		<dt class="num9">雲を描いていきます</dt>
			<dd><img src="http://vj7bkq.bay.livefilestore.com/y1pwsC2d6r5bjdPNA0fEhFxnWtdsTeL4GaxuVoAZeYWuy5Ynl7IUBnvdNNzd847dBYQtiDkGlYzMLTO5VsHlmzeng/090606_11.jpg" width="438" alt="雲を描いていきます" />ブラシツールから今登録したブラシを選択します。200pxで登録しましたが、画面サイズによって、適当にブラシの大きさを調整します。<br />そして、レイヤーを新たに作り、あとは、画面上で何度かクリックを繰り返します。そうすると、雲らしくなってきます。</dd>

		<dt class="num10">ドロップシャドウを加えます</dt>
			<dd>さらに雲らしくするために、雲を描いたレイヤーにドロップシャドウを設定します。これで完成です。<img src="http://vj7bkq.bay.livefilestore.com/y1pYuxK-iz7Bvun7YYIOVFTPmwbebiN2qx6okxYkOhMgDK-fMpaopY3D-2-9ofwmwgZHDzDw3Po_foounZCOG3eHw/090606_12.jpg" width="438" alt="ドロップシャドウを加えます" /></dd>
	</dl>
</div>]]>
   </content>
</entry>
<entry>
   <title>float後、最後の文字が改行されて表示されるIEのバグの解消法</title>
   <link rel="alternate" type="text/html" href="http://forty-n-five.boy.jp/blog/2009/06/floatie.php" />
   <id>tag:forty-n-five.boy.jp,2009:/blog//1.831</id>
   
   <published>2009-06-03T11:32:52Z</published>
   <updated>2009-06-03T11:51:33Z</updated>
   
   <summary> 	 	 	 		IE上で上記のように、最後の文字が改行されて重複して表示される...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="CSS" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="56" label="バグ" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://forty-n-five.boy.jp/blog/">
      <![CDATA[<div class="contents">
	<img src="http://vj7bkq.bay.livefilestore.com/y1puAiv-Ujev2OfTQfruHCIQz0md3NayTZXCvGvKUJiX3kbnxgAycFQX8vMWNlOa23CK_UYAkN8n6YZMaZ3qJvw7A/090602_1.jpg" width="468" alt="float後、最後の文字が改行されて表示されるIEのバグの解消法" />
	
	<div class="txt">
		<p>IE上で上記のように、最後の文字が改行されて重複して表示されることはありませんか？これまで何度がこのような場面に直面したことはありますが、その度に解消法はどうだったかと調べていたものです。先日もサイトを制作していてこの状況に陥りましたので、今後のためにも解消法をメモしておきたいと思います。
</p>
	</div>
	
	<div class="notice">
		<p>IE6でこの現象が起こると思われます。全部チェックはできていませんm（_ _）m</p>
	</div>
	
</div>]]>
      <![CDATA[<div class="entry-more-link">
	<dl><p class="more_ttl">バグ解消法</p>
		<dt class="num1">構造は下記のような感じにしています。</dt>
			<dd><img src="http://vj7bkq.bay.livefilestore.com/y1pL8XwLO8F2WlSGYZtxeSN4pN7asH4S8ecnheN1wD9-KF301HVFvtSmIuHRAlhKtvoLy1hw_KpxYIwrTtsgqybdQ/090602_2.jpg" width="438" alt="構造" />サイト全体をwrapperとして、その中にcontentsというボックスを設置します。そのcontentsの中にleft_box、center_box、right_boxをそれぞれfloat:left;で配置しています。<br /><br />ちなみにサイズはwrapperは横幅720px、その中のcontentsも720px、3つのボックスは、それぞれ横幅230pxに設定し、left_box,center_boxにmargin-right:15px;を設定（230+15+230+15+230）で計720pxになるように設定しています。通常だとこれで綺麗に配置されるはずですが、IEだとバグが発生してしまいます。</dd>
			
		<dt class="num2">IEでのバグを防ぐ方法</dt>
			<dd>ポイントはcontentsの横幅です。720で設定と書きましたが、ここを<strong>723px</strong>で設定します。（3px増やします。）するとこのバグが解消されます。</dd>
			
		<dt class="num3">cssのソースは下記のような感じです。</dt>
			<dd>
				<pre name="code" class="css">
*{font-size:12px;}
p{line-height:160%;}
#wrapper{width:720px;}
.contents{
	width:723px;
	float:left;
	clear:both;
	}
.contents .left_box{
	width:230px;
	float:left;
	margin:0 15px 0 0;
	}
.contents .center_box{
	width:230px;
	float:left;
	margin:0 15px 0 0;
	}
.contents .right_box{
	width:230px;
	float:left;
	}</pre>
			</dd>
			
		<dt class="num4">参考までに1～3までの内容を反映したファイルを添付します。</dt>
			<dd><iframe scrolling="no" marginheight="0" marginwidth="0" frameborder="0" style="width:240px;height:66px;margin:3px;padding:0;border:1px solid #dde5e9;background-color:#ffffff;" src="http://cid-9e31e0ab5197acf1.skydrive.live.com/embedrowdetail.aspx/%e5%85%ac%e9%96%8b/ie%7C_float%e3%83%90%e3%82%b0.ZIP"></iframe></dd>

	</dl>
</div>]]>
   </content>
</entry>
<entry>
   <title>フォトショップを使わずにアクアボタンをあっという間に作れるフリーソフト</title>
   <link rel="alternate" type="text/html" href="http://forty-n-five.boy.jp/blog/2009/05/post_75.php" />
   <id>tag:forty-n-five.boy.jp,2009:/blog//1.830</id>
   
   <published>2009-05-30T08:57:11Z</published>
   <updated>2009-05-30T11:50:12Z</updated>
   
   <summary> 	 	 	 		フォトショップでアクアボタンを作る方法はいろいろ紹介されていま...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="Free Soft" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="47" label="ジェネレーター" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="17" label="フリーソフト" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://forty-n-five.boy.jp/blog/">
      <![CDATA[<div class="contents">
	<a href="http://www.forest.impress.co.jp/lib/inet/homepage/logobutton/aquamaker.html"><img src="http://vj7bkq.bay.livefilestore.com/y1pEGShRheuRguqbQO2fmcSuK6DOBgiprtLVtrokDQBhQJ1wkCITc2XzF718Ig4ixt4J3Epkdmf1rcGRg_vNEmrQg/090530_1.jpg" width="468" alt="フォトショップを使わずにアクアボタンをあっという間に作れるサービス" /></a>
	
	<div class="txt">
		<p>フォトショップでアクアボタンを作る方法はいろいろ紹介されていますが、フォトショップを立ち上げるまでもなく、アクアボタンを作れるフリーソフトがありました。これは便利です。</p>
	</div>
	
	<div class="notice">
		<p>結局作ったボタンを編集したりすると、フォトショップを立ち上げることになるんですけどね（笑）</p>
	</div>
	
</div>]]>
      <![CDATA[<div class="entry-more-link">
	<dl><p class="more_ttl">フォトショップを使わずにアクアボタンをあっという間に作れるフリーソフト</p>
		<dt class="num1">窓の杜からソフトをダウンロードします。</dt>
			<dd><a href="http://www.forest.impress.co.jp/lib/inet/homepage/logobutton/aquamaker.html" target="_blank"><img src="http://vj7bkq.bay.livefilestore.com/y1p6_NMpr0oEA1go9rijm7ptS_yw_wt5b4x1AMNT4RL-F0OgWsVU_71V-rfnP2aCIPVkgInneL_xb_hdieDeHqSEw/090530_2.jpg" width="438" alt="窓の杜からソフトをダウンロードします" /></a>窓の杜からフリーソフトをダウンロードできます。160KBと非常に軽いです。</dd>
			
		<dt class="num2">サイズや色を調整すれば完成。</dt>
			<dd><img src="http://vj7bkq.bay.livefilestore.com/y1pHUTYb09PWN3T8tND8Y5VGJoTfxK08kNsLd1yVN-cpZD6wXXR6DJ7TFVtDWLgciJNbRJfAkhYQ9gE4e5Mc-nxsg/090530_3.jpg" width="438" alt="サイズや色を調整すれば完成" />PNGでも保存できます。</dd>

</div>]]>
   </content>
</entry>

</feed>
