<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">\r
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja-JP" xml:lang="ja-JP">\r
<head>\r
- <!-- $Id: skins.html,v 1.4 2005-03-19 08:34:53 kimitake Exp $ -->\r
- <!-- $NucleusJP$ -->\r
+ <!--\r
+ Nucleus: PHP/MySQL Weblog CMS (http://nucleuscms.org/)\r
+ Copyright (C) 2002-2009 The Nucleus Group\r
+\r
+ This program is free software; you can redistribute it and/or\r
+ modify it under the terms of the GNU General Public License\r
+ as published by the Free Software Foundation; either version 2\r
+ of the License, or (at your option) any later version.\r
+ (see nucleus/documentation/index.html#license for more info)\r
+\r
+ @license http://nucleuscms.org/license.txt GNU General Public License\r
+ @copyright Copyright (C) 2002-2009 The Nucleus Group\r
+ -->\r
+ <!-- $Id$ -->\r
+ <!-- $NucleusJP: skins.html,v 1.5 2006/07/12 07:11:46 kimitake Exp $ -->\r
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />\r
<title>Nucleus - スキンとテンプレートについて</title>\r
<link rel="stylesheet" type="text/css" href="styles/manual.css" />\r
+ <script type="text/javascript">\r
+ function fontSizeChange(size) {\r
+ var elem = document.getElementsByTagName('body')[0];\r
+ var flrg = document.getElementById('fontLarge');\r
+ var fmdl = document.getElementById('fontMiddle');\r
+ var fsml = document.getElementById('fontSmall');\r
+ switch(size) {\r
+ case 'l':\r
+ elem.style.fontSize = 'large';\r
+ flrg.style.fontWeight = 'bold';\r
+ fmdl.style.fontWeight = 'normal';\r
+ fsml.style.fontWeight = 'normal';\r
+ break;\r
+ case 'm':\r
+ elem.style.fontSize = 'medium';\r
+ flrg.style.fontWeight = 'normal';\r
+ fmdl.style.fontWeight = 'bold';\r
+ fsml.style.fontWeight = 'normal';\r
+ break;\r
+ case 's':\r
+ elem.style.fontSize = 'small';\r
+ flrg.style.fontWeight = 'normal';\r
+ fmdl.style.fontWeight = 'normal';\r
+ fsml.style.fontWeight = 'bold';\r
+ break;\r
+ }\r
+ \r
+ }\r
+ </script>\r
</head>\r
<body>\r
+<div id="fontSizeCanger">\r
+<a href="#top" onClick="fontSizeChange('s');return false;" id="fontSmall">小</a>\r
+<a href="#top" onClick="fontSizeChange('m');return false;" id="fontMiddle">中</a>\r
+<a href="#top" onClick="fontSizeChange('l');return false;" id="fontLarge">大</a>\r
+</div>\r
\r
<div class="heading">\r
スキン & テンプレート\r
\r
<p>CSSファイル (<tt>default.css</tt> / <tt>grey.css</tt>) には、標準のスキン／テンプレートを使用した際のページ構成(ブロック構造)を書き入れています。 基本的には<tt>.contents</tt>、 <tt>.logo</tt>、<tt>.menu</tt>の3つのdivブロックとなっています。</p>\r
\r
-<p><tt>default.css</tt> / <tt>grey.css</tt>を編集するにあたっては、テキストエディタを使用してください。 例えばWindowsに標準添付されている「Notepad」やemacs や TextPadなどです。\r
-「WordPad」、「Word」、「OpenOffice Writer」などは余計なデータが混入しますので、<strong>絶対に使用しないでください</strong>。\r
-</p>\r
+<p><tt>default.css</tt> / <tt>grey.css</tt>を編集するにあたっては、テキストエディタを使用してください。 例えばWindowsに標準添付されている「Notepad」やemacs や TextPadなどです。「WordPad」、「Word」、「OpenOffice Writer」などは余計なデータが混入しますので、<strong>絶対に使用しないでください</strong>。</p>\r
\r
\r
\r
<h2>スキンの補完適用</h2>\r
\r
<p>\r
-上の表において、それぞれのケースで選択適用するblogがどれになるかを併せて説明しています。\r
-表示に使用するスキンは、blog設定で設定した「標準のスキン」です。\r
+上の表において、それぞれのケースで選択適用するblogがどれになるかを併せて説明しています。表示に使用するスキンは、blog設定で設定した「標準のスキン」です。\r
</p>\r
\r
<p>\r
<h1>Howto: 入力フォームのデザインを定義するスタイルシート情報 <a id="howto-cssforms" href="#top" class="toplink"><img src="icon-up.gif" width="15" height="15" alt="back to top" /></a></h1>\r
\r
<p>\r
-例えばスキン内に。 <%searchform%> や <%commentform%> と記述することによって、それぞれ検索フォームやコメント投稿フォームに置き換えられてページ内に表示されます。これらの入力フォームやボタンや入力フォーム領域には標準でクラス名が定義されていますので、cssファイル内でクラスの定義をすればスタイルの変更が可能です。</p>\r
+例えばスキン内に。 <%searchform%> や <%commentform%> と記述することによって、それぞれ検索フォームやコメント投稿フォームに置き換えられてページ内に表示されます。これらの入力フォームやボタンや入力フォーム領域には標準でクラス名が定義されていますので、cssファイル内でクラスの定義をすればスタイルの変更が可能です。\r
+</p>\r
\r
<p>\r
入力フォーム領域のクラス名は下記のように指定されています。クラス名はフォーム全体を囲ったdivブロックを修飾しています。\r
</ol>\r
\r
</body>\r
-</html>\r
+</html>
\ No newline at end of file
OSDN Git Service
