WIKIで簡単!誰でもどこからでも編集ができるホームページ!メールアドレスだけでWIKIオーナーになれます。もちろん無料!
Top > デザインテンプレート
HTML convert time to 0.097 sec.


デザインテンプレート の変更点



 &color(Navy){全ての状況においてデザインチェックがとれていませんので、修正をメインにデザインが多少変更される可能性があります。ご了承下さい。};
 
 #br
 
 #contents
 
 #br
 
 *文字サイズについて [#mde73aee]
 -''文字サイズ:px''
 ブラウザに依存しない。
 どのブラウザからでもデザインがある程度安定しています。
 ※IEからの文字サイズ変更不可
 -''文字サイズ:%''
 ブラウザに依存する。
 ブラウザから自由にフォントサイズの変更ができる反面デザインが崩れる場合があります。
 
 #br
 
 -実際の表示イメージをsampleで見比べてみて下さい。
 
 #br
 
 -px指定と%指定のデザインが微妙に違います。
 微妙なデザインの違いは、デザイン性を出す為ではなく、IE・Firefox・Sleipnirからデザイン調整時に必要にせまられて変更しているものです。
 
 *sampleについて [#ue0e7cde]
 sampleページのMenuBar上部の広告は外せます。
 詳しくは[[Diff Analyzerとは?]]をご覧下さい。
 
 *デザイン変更について [#w4a80ba8]
 
 デザインテンプレートは後から変更可能です。
 詳しくは[[デザインテンプレートを変更する>sample:デザインテンプレートを変更する]]をご覧下さい。
 *WIKIWIKI.jp*スタイル [#e5e59753]
 **Default [#z006b2a1]
 -汎用性をテーマにし、作者のクセや個性が出ないように気を配りながらシンプルに仕上げました。
 デザインに凝らず、装飾画像も使用していませんのでWikiそのもののトラフィックが少なく
 1ページに情報を詰め込まない限り閲覧も快適です。
 簡略的でわかりやすい作りですので、大人数で賑やかに運用するのに適しています。
 物足りない方は、ヘッドエリア(:Header)に画像(最長横幅''910px''位まで)を設定していただくなどしてサイトの個性をだしていただければと思います。(Olivia)
 
 
 |CENTER:200|CENTER:350|CENTER:60|CENTER:30|c
 |&attachref(default.png,nolink);|>|>|LEFT:~&color(#D95131){''&size(16){default};''}; &attachref(original.png,nolink);&br;Creator : Olivia ([[WIKIWIKI.jp*>sample:デザインテンプレート/default]])|
 |~|default|[[sample>sample:デザインテンプレート/default]]|px|
 |~|>|>|LEFT:%%現在WIKIWIKI.jp*で使用しているスキンです。%%&br;default_z,sとは%%広告の位置と%%デザインが微妙に違います。|
 |BGCOLOR(White):|BGCOLOR(White):|BGCOLOR(White):|BGCOLOR(White):|
 |&attachref(default_.png,nolink);|>|>|LEFT:~&color(#D95131){''&size(16){default};''}; &attachref(original.png,nolink);&br;Creator : Olivia ([[WIKIWIKI.jp*>http://wikiwiki.jp/]])|
 |~|default_z|[[sample>sample:デザインテンプレート/default_z]]|px|
 |~|default_s|[[sample>sample:デザインテンプレート/default_s]]|%|
 |CENTER:&attachref(default_darkpink.png,nolink);|>|>|LEFT:~&color(#D95131){''&size(16){default_darkpink};''}; &attachref(original.png,nolink);&br;Creator : Olivia ([[WIKIWIKI.jp*>http://wikiwiki.jp/]])|
 |~|default_darkpink_z|[[sample>sample:デザインテンプレート/default_darkpink_z]]|px|
 |~|default_darkpink_s|[[sample>sample:デザインテンプレート/default_darkpink_s]]|%|
 |CENTER:&attachref(default_darkblue.png,nolink);|>|>|LEFT:~&color(#D95131){''&size(16){default_darkblue};''}; &attachref(original.png,nolink);&br;Creator : Olivia ([[WIKIWIKI.jp*>http://wikiwiki.jp/]])|
 |~|default_darkblue_z|[[sample>sample:デザインテンプレート/default_darkblue_z]]|px|
 |~|default_darkblue_s|[[sample>sample:デザインテンプレート/default_darkblue_s]]|%|
 |CENTER:&attachref(default_darkyellow.png,nolink);|>|>|LEFT:~&color(#D95131){''&size(16){default_darkyellow};''}; &attachref(original.png,nolink);&br;Creator : Olivia ([[WIKIWIKI.jp*>http://wikiwiki.jp/]])|
 |~|default_darkyellow_z|[[sample>sample:デザインテンプレート/default_darkyellow_z]]|px|
 |~|default_darkyellow_s|[[sample>sample:デザインテンプレート/default_darkyellow_s]]|%|
 |CENTER:&attachref(default_blue_02.png,nolink);|>|>|LEFT:~&color(#D95131){''&size(16){default_blue};''}; &attachref(original.png,nolink);&br;Creator : Olivia ([[WIKIWIKI.jp*>http://wikiwiki.jp/]])|
 |~|default_blue_z|[[sample>sample:デザインテンプレート/default_blue_z]]|px|
 |~|default_blue_s|[[sample>sample:デザインテンプレート/default_blue_s]]|%|
 |CENTER:&attachref(default_green_02.png,nolink);|>|>|LEFT:~&color(#D95131){''&size(16){default_green};''}; &attachref(original.png,nolink);&br;Creator : Olivia ([[WIKIWIKI.jp*>http://wikiwiki.jp/]])|
 |~|default_green_z|[[sample>sample:デザインテンプレート/default_green_z]]|px|
 |~|default_green_s|[[sample>sample:デザインテンプレート/default_green_s]]|%|
 |CENTER:&attachref(default_orange_02.png,nolink);|>|>|LEFT:~&color(#D95131){''&size(16){default_orange};''}; &attachref(original.png,nolink);&br;Creator : Olivia ([[WIKIWIKI.jp*>http://wikiwiki.jp/]])|
 |~|default_orange_z|[[sample>sample:デザインテンプレート/default_orange_z]]|px|
 |~|default_orange_s|[[sample>sample:デザインテンプレート/default_orange_s]]|%|
 |CENTER:&attachref(default_pink_02.png,nolink);|>|>|LEFT:~&color(#D95131){''&size(16){default_pink};''}; &attachref(original.png,nolink);&br;Creator : Olivia ([[WIKIWIKI.jp*>http://wikiwiki.jp/]])|
 |~|default_pink_z|[[sample>sample:デザインテンプレート/default_pink_z]]|px|
 |~|default_pink_s|[[sample>sample:デザインテンプレート/default_pink_s]]|%|
 |CENTER:&attachref(default_silver_02.png,nolink);|>|>|LEFT:~&color(#D95131){''&size(16){default_silver};''}; &attachref(original.png,nolink);&br;Creator : Olivia ([[WIKIWIKI.jp*>http://wikiwiki.jp/]])|
 |~|default_silver_z|[[sample>sample:デザインテンプレート/default_silver_z]]|px|
 |~|default_silver_s|[[sample>sample:デザインテンプレート/default_silver_s]]|%|
 |CENTER:&attachref(default_purple.png,nolink);|>|>|LEFT:~&color(#D95131){''&size(16){default_purple};''}; &attachref(original.png,nolink);&br;Creator : Olivia ([[WIKIWIKI.jp*>http://wikiwiki.jp/]])|
 |~|default_purple_z &color(Red){New!};|[[sample>sample:デザインテンプレート/default_purple_z]]|px|
 |~|default_purple_s &color(Red){New!};|sample|%|
 |CENTER:&attachref(default_deepred.png,nolink);|>|>|LEFT:~&color(#D95131){''&size(16){default_deepred};''}; &attachref(original.png,nolink);&br;Creator : Olivia ([[WIKIWIKI.jp*>http://wikiwiki.jp/]])|
 |~|default_deepred_z &color(Red){New!};|[[sample>sample:デザインテンプレート/default_deepred_z]]|px|
 |~|default_deepred_s &color(Red){New!};|[[sample>sample:デザインテンプレート/default_deepred_s]]|%|
 |CENTER:&attachref(default_deepgray.png,nolink);|>|>|LEFT:~&color(#D95131){''&size(16){default_deepgray};''}; &attachref(original.png,nolink);&br;Creator : Olivia ([[WIKIWIKI.jp*>http://wikiwiki.jp/]])|
 |~|default_deepgray_z &color(Red){New!};|[[sample>sample:デザインテンプレート/default_deepgray_z]]|px|
 |~|default_deepgray_s &color(Red){New!};|sample|%|
 |CENTER:&attachref(default_black01.png,nolink);|>|>|LEFT:~&color(#D95131){''&size(16){default_black01};''}; &attachref(original.png,nolink);&br;Creator : Olivia ([[WIKIWIKI.jp*>http://wikiwiki.jp/]])|
 |~|default_black01_z|[[sample>sample:デザインテンプレート/default_black01_z]]|px|
 |~|default_black01_s|[[sample>sample:デザインテンプレート/default_black01_s]]|%|
 |CENTER:&attachref(default_black02.png,nolink);|>|>|LEFT:~&color(#D95131){''&size(16){default_black02};''}; &attachref(original.png,nolink);&br;Creator : Olivia ([[WIKIWIKI.jp*>http://wikiwiki.jp/]])|
 |~|default_black02_z|[[sample>sample:デザインテンプレート/default_black02_z]]|px|
 |~|default_black02_s|[[sample>sample:デザインテンプレート/default_black02_s]]|%|
 |CENTER:&attachref(default_black03.png,nolink);|>|>|LEFT:~&color(#D95131){''&size(16){default_black03};''}; &attachref(original.png,nolink);&br;Creator : Olivia ([[WIKIWIKI.jp*>http://wikiwiki.jp/]])|
 |~|default_black03_z|[[sample>sample:デザインテンプレート/default_black03_z]]|px|
 |~|default_black03_s|[[sample>sample:デザインテンプレート/default_black03_s]]|%|
 |CENTER:&attachref(./default_richwhite.png,nolink);|>|>|LEFT:~&color(#D95131){''&size(16){default_richwhite};''}; &attachref(original.png,nolink);&br;Creator : Olivia ([[WIKIWIKI.jp*>http://wikiwiki.jp/]])|
 |~|default_richwhite_z &color(Red){New!};|[[sample>sample:デザインテンプレート/default_richwhite_z]]|px|
 |~|default_richwhite_s &color(Red){New!};|[[sample>sample:デザインテンプレート/default_richwhite_s]]|%|
 |~|>|>|LEFT:このrichシリーズのみ装飾画像を使用しています。|
 **Web2.0風 [#df945374]
 
 -今後色違いも追加予定。(Olivia)
 
 |CENTER:200|CENTER:350|CENTER:60|CENTER:30|c
 |CENTER:&attachref(./web20_simple_blue.png,nolink);|>|>|LEFT:~&color(#D95131){''&size(16){Web2.0風};''}; &attachref(original.png,nolink);&br;Creator : Olivia ([[WIKIWIKI.jp*>http://wikiwiki.jp/]])|
 |~|web20_simple_blue_z &color(Red){New!};|[[sample>sample:デザインテンプレート/web20_simple_blue_z]]|px|
 |~|%%web2.0_simple_blue_s%%|%%sample%%|%|
 **ノート [#t69cfe49]
 -見た目はblog、シンプルで飽きのこないデザイン、をテーマに作成しました。
 編集関連のリンクが全てアイコンになっておりWikiっぽくありません。
 ※ヘッドエリア(:Header)はMenuBar上部になります。(最長横幅''160px''位まで)
 ※サブメニュー(SideMenu)が使用できません。
 
 
 -今後色違いも追加予定。(Olivia)
 
 |CENTER:200|CENTER:350|CENTER:60|CENTER:30|c
 |CENTER:&attachref(note.png,nolink);|>|>|LEFT:~&color(#D95131){''&size(16){ノート};''}; &attachref(original.png,nolink);&br;Creator : Olivia ([[WIKIWIKI.jp*>http://wikiwiki.jp/]])|
 |~|note_z &color(Red){New!};|[[sample>sample:デザインテンプレート/note_z]]|px|
 |~|%%note_s%%|%%sample%%|%|
 *[[PukiWiki-official>http://pukiwiki.sourceforge.jp/]]スタイル [#af0712d9]
 -オフィシャルデザインを参考にして作成しました。
 デザインはオフィシャルですがソースはplusベースですのでヘッダ&フッタ編集、コメントアシスト、見出しポップ、2→3カラム変更など、plusの機能が遜色なく使用できます。
 画像を使用していませんのでWikiそのもののトラフィックが少なく、1ページに情報を詰め込まない限り閲覧も快適です。(Olivia)
 
 |CENTER:200|CENTER:350|CENTER:60|CENTER:30|c
 |CENTER:&attachref(official.png,nolink);|>|>|LEFT:~&color(#D95131){''&size(16){official};''}; &br;Creator : [[PukiWiki-official>http://pukiwiki.sourceforge.jp/]] + Olivia ([[WIKIWIKI.jp*>http://wikiwiki.jp/]])|
 |~|official_z|[[sample>sample:デザインテンプレート/official_z]]|px|
 |~|official_s|[[sample>sample:デザインテンプレート/official_s]]|%|
 |CENTER:&attachref(official_silver_orange.png,nolink);|>|>|LEFT:~&color(#D95131){''&size(16){official_silver_orange};''}; &br;Creator : [[PukiWiki-official>http://pukiwiki.sourceforge.jp/]] + Olivia ([[WIKIWIKI.jp*>http://wikiwiki.jp/]])|
 |~|official_silver_orange_z|[[sample>sample:デザインテンプレート/official_silver_orange_z]]|px|
 |~|official_silver_orange_s|[[sample>sample:デザインテンプレート/official_silver_orange_s]]|%|
 |CENTER:&attachref(official_silver_purple.png,nolink);|>|>|LEFT:~&color(#D95131){''&size(16){official_silver_purple};''};&br;Creator : [[PukiWiki-official>http://pukiwiki.sourceforge.jp/]] + Olivia ([[WIKIWIKI.jp*>http://wikiwiki.jp/]])|
 |~|official_silver_purple_z|[[sample>sample:デザインテンプレート/official_silver_purple_z]]|px|
 |~|official_silver_purple_s|[[sample>sample:デザインテンプレート/official_silver_purple_s]]|%|
 *デザイン不具合報告 [#be339bcf]
 
 色が見難い。表示が崩れてる。など、デザインに関する不具合報告はこちらへお願いします。
 (動作確認ブラウザ:IE・Firefox・Sleipnir)
 ※好みの問題については、対処できませんのでご了承下さい。
 - default_deepgray_zの右メニューの表示がおかしいです。 -- [[WIKI]] &new{2008-02-15 (金) 16:33:11};
 - 間違いました。左メニューです。 -- [[WIKI]] &new{2008-02-15 (金) 16:33:56};
 --ブラウザの更新ボタンを押してページの再読み込みを行うか、ブラウザのキャッシュをクリアして下さい。
 - ”scrollbar-face-color”・”scrollbar-highlight-color”・"scrollbar-shadow-color"・”scrollbar-3dlight-color”・”scrollbar-darkshadow-color”・”scrollbar-track-color”・”scrollbar-arrow-color”・”line-break”・”word-break”・”word-wrap”など、IE独自のプロパティがあります。また、"font-height"・”font-color”など不正なプロパティを利用していたり、パースエラーを起こしている個所があります。修正をお願いします。 --  &new{2008-02-15 (金) 17:14:33};
 - default_darkyellow_s の CSS で .clear に clear プロパティが指定されていないため clear プラグインが意図したように動作していない --  &new{2008-02-19 (火) 20:30:28};
 - 設定をやっても反映されません -- [[CAT]] &new{2008-05-11 (日) 10:49:28};
 - いずれもリンクか地の文か見分けづらいです。デフォルトで下線付き青色文字にしたものを用意すべきです --  &new{2008-11-02 (日) 18:01:06};
 - 2つ目の手段。フリーのサーバーを借りて、wikiで更新されたデータを管理人が転移していく。 どちらにしても、編集可能な部分と不可能な部分の2種類を用意するっていう形ですね。 --  &new{2009-03-07 (土) 23:59:24};
 - デザインプレートのカラーで、レインボーや金・銀も追加していただければ有難いです。 --  &new{2009-06-29 (月) 17:05:41};
 - 3カラムってどうやるの? --  &new{2009-07-01 (水) 09:55:15};
 - デザインには関係ないのですが、URLを貼ろうとしたらなぜか、「投稿した内容に不適切な文字列が含まれています」というエラーが出ます。訂正してください。 --  &new{2009-08-17 (月) 09:42:13};
 - ↑解決しましたのでいいです --  &new{2009-08-18 (火) 22:55:07};
 - 横に長い編集可能テーブルが3カラムのうち、背景画像の真ん中からはみ出ました。これにあわせて他の部分もはみ出ました・・ --  &new{2010-03-08 (月) 04:35:19};
 - Web2.0風を使っていますがメニュー部分の横幅を広くすることはできないんですか? --  &new{2011-03-30 (水) 18:47:55};
 - note_zで定義リスト使うと説明文が1字下げになりませんね。あと定義語と説明文の文字色が同じなのは --  &new{2012-08-17 (金) 01:55:47};
 - ぬ --  &new{2012-11-09 (金) 18:22:34};
 - ほげほげ --  &new{2012-11-14 (水) 16:04:49};
 - default_greenのことなんですけど。イメージのやつと違ってWikiでつかうとちょっと暗いんですけど気のせいですか? -- [[とあるWikiな管理人]] &new{2012-11-19 (月) 22:36:50};
 - あ -- [[あ]] &new{2013-01-13 (日) 12:32:53};
 - デザインテンプレートに青は無いですか? -- [[ステイション]] &new{2013-04-13 (土) 09:40:23};
 - あ --  &new{2013-08-19 (月) 16:02:39};
 - まえにdefault_deepred_zを使ったときに、一部が見えなくなる症状が現れました。今は使っていませんが、今後もこのデザインを使いたいので修正をお願いします。 -- [[無敵ランドwiki]] &new{2013-08-31 (土) 12:38:24};
 - これどこに貼り付けたらいいんですか? --  &new{2013-09-12 (木) 03:34:39};
 - デザインを変える為に:config/plugin/etcのページを作成してdefault_black03_z記入して凍結しましたが反映されません --  &new{2013-09-12 (木) 03:36:25};
 - ↑凍結してないんじゃね -- [[sk]] &new{2014-01-08 (水) 14:04:16};
 - blue_zとかのスタイルで、#regionをやっていくと文字が小さくなります -- [[sk]] &new{2014-01-08 (水) 14:04:57};
 - スマホ最適化されたデザインテンプレートってありますか? --  &new{2015-01-01 (木) 18:02:09};
 - ばか -- [[ばか]] &new{2015-01-15 (木) 20:38:50};
 - blackの見出し段階を枠線だけじゃなく明度の濃淡で区別しやすくしてほしいです>< --  &new{2015-01-22 (木) 10:23:48};
 - てすと -- [[ばか]] &new{2015-04-08 (水) 22:26:24};
 - テーブルのまわり込みがしたいのですが、プラグインお願いできますでしょうか --  &new{2015-04-25 (土) 09:39:52};
 - Chromeでの動作確認はしないのでしょうか?regedit内にリストがある場合横幅が必要以上に小さくなるようです。 --  &new{2015-07-25 (土) 18:04:59};
 -  ☆  &heart;  (//  &heart; あ --  &new{2015-07-27 (月) 17:14:11};
 - 最新版のFirefoxだと一部デザインが崩れてしまいます。 --  &new{2015-08-12 (水) 19:19:26};
 - なるほど、最新のFireFoxが原因だったんですね。デザインがDefault系だと崩れることを確認しました。 --  &new{2015-08-15 (土) 20:39:27};
 - official の背景色がグレーのものが欲しいです。ちょっと眼に厳しいのでお願いします。 -- [[lan]] &new{2015-08-20 (木) 20:22:23};
 - FireFoxでデザインが崩れるバグは直りましたね。 --  &new{2015-09-07 (月) 19:22:38};
 - official_zでの斜体が反映されません。 -- [[兄貴]] &new{2015-09-17 (木) 00:24:17};
 - 基本文字色・リンク文字色・基本色などを自由に設定できるようにしてほしいです。 --  &new{2015-10-14 (水) 10:23:49};
 - ここは要望用ではなかったのですね。失礼しました。 --  &new{2015-10-14 (水) 10:25:14};
 - あ&color(Red){ &tip;  &hatena;  ☆  &heart;  (OO;  (//  (T-T  (^^;  (--;  (^_-  (..;  (^Q^  (^-^  (^^) }; --  &new{2015-11-13 (金) 10:53:54};
 - ここに送ったメールっていつ頃返事が来るの? --  &new{2016-01-12 (火) 06:29:47};
 -  (^^;  (--;  (^-^  (^-^   --  &new{2016-04-16 (土) 10:27:43};
 -  (^^;  (--;  (^-^  (^-^   --  &new{2016-04-16 (土) 10:28:11};
 - WIKIにデザインを自作できません? -- [[ナイム]] &new{2016-10-14 (金) 18:41:03};
 
 #comment