http://mountainbook.net/ マウンテンブックでは東京都荒川区にてホームページ･ブログの制作･管理を行っております。 平日は会社勤めをしている為、お問合せに対する返答や制作作業にお時間を頂く事がございますが、その分、低価格でサービスを提供できるよう心がけております。 ja Copyright 2008 Sat, 22 Nov 2008 15:28:37 +0900 http://www.sixapart.com/movabletype/ http://blogs.law.harvard.edu/tech/rss 幅広なサイトの印刷にも対応するスタイルシートの記述方法を発見しました。 print.cssに以下を記述すればOK body{ zoom:0.75 } bodyを75%くらいに縮めるだけ。 http://mountainbook.net/archives/2008/11/iecss.php http://mountainbook.net/archives/2008/11/iecss.php Cascading Style Sheets スタイルシート 管理者の仕事メモ Sat, 22 Nov 2008 15:28:37 +0900 マウスオーバー時に背景色を滑らかにアニメーションするJavascript。 グラデーション画像等をbackgroundに設定すると 左→右や、上→下のように方向を指定できます。 デモページ Using jQuery for Background Image Animations - Snook.ca ]]> http://mountainbook.net/archives/2008/10/javascript_7.php http://mountainbook.net/archives/2008/10/javascript_7.php Cascading Style Sheets Java Script スタイルシート 管理者の仕事メモ Sun, 12 Oct 2008 21:37:31 +0900 一見Flashに見えますが、Javascriptです。 どこかで使ってみたいものです。 「MenuMatic」]]> http://mountainbook.net/archives/2008/10/javascript_css_menumatic.php http://mountainbook.net/archives/2008/10/javascript_css_menumatic.php Cascading Style Sheets Java Script スタイルシート 管理者の仕事メモ Sun, 12 Oct 2008 21:19:29 +0900 動作はWindowsのFirefox、IE、Operaしか確認してません。他の環境の動作報告求む。 ちなみに、MacIE、IE5以下、NN4.xはサポート対象外です。 http://chibinowa.net/notebook/javascript/86.html http://mountainbook.net/archives/2008/09/post_148.php http://mountainbook.net/archives/2008/09/post_148.php Cascading Style Sheets Java Script スタイルシート 管理者の仕事メモ Fri, 12 Sep 2008 18:17:07 +0900 マウスオーバーでスライドするJavaScriptメニュー メニューにカーソルを合わせると、カーソル部分がアニメーションしながら開くメニューを実装できます。 画像を変えれば、よりクールなメニューを作れそうですね。 必要なJSライブラリ,CSSをインクルードした後、次のようなコードで簡単に初期化できる模様。 <h2>Example:</h2> <div id="kwick"> <ul class="kwicks"> <li class="kwick opt1"><span>Lanscapes</span></li> <li class="kwick opt2"><span>People</span></li> <li class="kwick opt3"><span>Nature</span></li> <li class="kwick opt4"><span>Urban</span></li> <li class="kwick opt5"><span>Abstract</span></li> </ul> </div> <script type="text/javascript"> var myMenu = new ImageMenu($$('#kwick .kwick'),{openWidth:200}); </script> 実装サイトはコチラ]]> http://mountainbook.net/archives/2007/10/javascript_4.php http://mountainbook.net/archives/2007/10/javascript_4.php Java Script スタイルシート Tue, 23 Oct 2007 08:45:40 +0900 Javascript不要　CSSだけのプルダウン]]> http://mountainbook.net/archives/2007/09/javascriptcss.php http://mountainbook.net/archives/2007/09/javascriptcss.php スタイルシート Tue, 18 Sep 2007 10:13:51 +0900 一般的なレイアウトで背景画像を中央に配置する方法はコチラ。 よくやり方を忘れるのでメモ。 body { background:url(画像までのパス) center top repeat-y; } http://mountainbook.net/archives/2007/08/css_14.php http://mountainbook.net/archives/2007/08/css_14.php スタイルシート Tue, 28 Aug 2007 14:29:55 +0900 JavescriptでCSSを切り替える]]> http://mountainbook.net/archives/2007/08/javescriptcss.php http://mountainbook.net/archives/2007/08/javescriptcss.php Java Script スタイルシート Mon, 27 Aug 2007 09:31:38 +0900 サンプル１（解説記事） サンプル２（解説記事）]]> http://mountainbook.net/archives/2007/08/css_13.php http://mountainbook.net/archives/2007/08/css_13.php スタイルシート Fri, 24 Aug 2007 09:40:07 +0900 IE・Firefox・Opera・Netscape・Safari対応 ■画像の輝度を上げる]]> http://mountainbook.net/archives/2007/08/hovercss.php http://mountainbook.net/archives/2007/08/hovercss.php スタイルシート Mon, 06 Aug 2007 13:14:24 +0900 別ウィンドウで表示されるajax]]> http://mountainbook.net/archives/2007/08/ajax_3.php http://mountainbook.net/archives/2007/08/ajax_3.php Java Script スタイルシート Fri, 03 Aug 2007 16:42:48 +0900 画像の輝度を上げる ■html <a href="http://blog.webcreativepark.net"> <img src="./tor.gif" alt="to-R"/> </a> ■css a:hover img{ opacity:0.8; filter: alpha(opacity=80); } ロールオーバー時にimg要素のopacityプロパティを使い不透明度を下げます。 IEはopacityプロパティに対応していない為、filterを使い不透明度を下げます。 IE・Firefox・Opera・Netscape・Safari対応 CSS Opacity設定 filter: alpha(opacity=25); -moz-opacity:0.25; opacity:0.25; ■IE alpha(opacity=透明度); 100が100％となる。25％の場合は、25 ■Firefox・Netscape -moz-opacity:.透明度; 1.0が100％となる。25％の場合は、.25 ■Opera・Safari opacity:透明度; 1.0が100％となる。25％の場合は、.25 CSS3.0からは、opacity:透明度;の設定ですべてのブラウザで表示可能になるらしい。]]> http://mountainbook.net/archives/2007/07/css_12.php http://mountainbook.net/archives/2007/07/css_12.php スタイルシート Fri, 20 Jul 2007 09:24:45 +0900 メリット ・CSSにより画像を一元管理できるので、メンテナンスが容易になる ・Javascriptをオフにしている環境でも動作する デメリット ・音声ブラウザで画像の情報が読み上げられない ・CSSオン・画像非表示という環境で何も表示されない ・CSSの指定によって、古いブラウザでは表示が異なる場合がある]]> http://mountainbook.net/archives/2007/07/css_11.php http://mountainbook.net/archives/2007/07/css_11.php スタイルシート Tue, 17 Jul 2007 10:57:17 +0900 ウノウラボ]]> http://mountainbook.net/archives/2007/07/css_10.php http://mountainbook.net/archives/2007/07/css_10.php スタイルシート Fri, 13 Jul 2007 09:49:07 +0900 毎回毎回レイアウトを作るのも面白いが、そろそろ作業効率の事を考えてテンプレートを作り始めよう。まずはスタンダードな2カラムレイアウトから！ metaタグから〜 < title >title< /title > < meta http-equiv="Content-Style-Type" content="text/css" > < meta http-equiv="Content-Script-Type" content="text/javascript" / > < meta name="description" content="description" / > < meta name="keywords" content="keywords" / > < meta name="robots" content="all" / > < meta name="revisit-after" content="7 days" / > < meta http-equiv="Pragma" content="no-cache" / > < meta http-equiv="Cache-Control" content="no-cache" / > < meta http-equiv="imagetoolbar" content="no" / > < link rel="stylesheet" type="text/css" href="" media="screen" > < link rel="stylesheet" type="text/css" href="" media="print" > < script type="text/javascript" language="javascript" src="" >< /script >]]> http://mountainbook.net/archives/2007/07/css_9.php http://mountainbook.net/archives/2007/07/css_9.php スタイルシート Tue, 03 Jul 2007 17:26:36 +0900