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


デザインテンプレート

Last-modified: 2016-10-14 (金) 18:41:04

全ての状況においてデザインチェックがとれていませんので、修正をメインにデザインが多少変更される可能性があります。ご了承下さい。

 
 

文字サイズについて Edit

  • 文字サイズ:px
    ブラウザに依存しない。
    どのブラウザからでもデザインがある程度安定しています。
    ※IEからの文字サイズ変更不可
  • 文字サイズ:%
    ブラウザに依存する。
    ブラウザから自由にフォントサイズの変更ができる反面デザインが崩れる場合があります。
 
  • 実際の表示イメージをsampleで見比べてみて下さい。
 
  • px指定と%指定のデザインが微妙に違います。
    微妙なデザインの違いは、デザイン性を出す為ではなく、IE・Firefox・Sleipnirからデザイン調整時に必要にせまられて変更しているものです。

sampleについて Edit

sampleページのMenuBar上部の広告は外せます。
詳しくはDiff Analyzerとは?をご覧下さい。

デザイン変更について Edit

デザインテンプレートは後から変更可能です。
詳しくはデザインテンプレートを変更するをご覧下さい。

WIKIWIKI.jp*スタイル Edit

Default Edit

  • 汎用性をテーマにし、作者のクセや個性が出ないように気を配りながらシンプルに仕上げました。
    デザインに凝らず、装飾画像も使用していませんのでWikiそのもののトラフィックが少なく
    1ページに情報を詰め込まない限り閲覧も快適です。
    簡略的でわかりやすい作りですので、大人数で賑やかに運用するのに適しています。
    物足りない方は、ヘッドエリア(:Header)に画像(最長横幅910px位まで)を設定していただくなどしてサイトの個性をだしていただければと思います。(Olivia)
default.pngdefault original.png
Creator : Olivia (WIKIWIKI.jp*)
defaultsamplepx
現在WIKIWIKI.jp*で使用しているスキンです。
default_z,sとは広告の位置とデザインが微妙に違います。
default_.pngdefault original.png
Creator : Olivia (WIKIWIKI.jp*)
default_zsamplepx
default_ssample%
default_darkpink.pngdefault_darkpink original.png
Creator : Olivia (WIKIWIKI.jp*)
default_darkpink_zsamplepx
default_darkpink_ssample%
default_darkblue.pngdefault_darkblue original.png
Creator : Olivia (WIKIWIKI.jp*)
default_darkblue_zsamplepx
default_darkblue_ssample%
default_darkyellow.pngdefault_darkyellow original.png
Creator : Olivia (WIKIWIKI.jp*)
default_darkyellow_zsamplepx
default_darkyellow_ssample%
default_blue_02.pngdefault_blue original.png
Creator : Olivia (WIKIWIKI.jp*)
default_blue_zsamplepx
default_blue_ssample%
default_green_02.pngdefault_green original.png
Creator : Olivia (WIKIWIKI.jp*)
default_green_zsamplepx
default_green_ssample%
default_orange_02.pngdefault_orange original.png
Creator : Olivia (WIKIWIKI.jp*)
default_orange_zsamplepx
default_orange_ssample%
default_pink_02.pngdefault_pink original.png
Creator : Olivia (WIKIWIKI.jp*)
default_pink_zsamplepx
default_pink_ssample%
default_silver_02.pngdefault_silver original.png
Creator : Olivia (WIKIWIKI.jp*)
default_silver_zsamplepx
default_silver_ssample%
default_purple.pngdefault_purple original.png
Creator : Olivia (WIKIWIKI.jp*)
default_purple_z New!samplepx
default_purple_s New!sample%
default_deepred.pngdefault_deepred original.png
Creator : Olivia (WIKIWIKI.jp*)
default_deepred_z New!samplepx
default_deepred_s New!sample%
default_deepgray.pngdefault_deepgray original.png
Creator : Olivia (WIKIWIKI.jp*)
default_deepgray_z New!samplepx
default_deepgray_s New!sample%
default_black01.pngdefault_black01 original.png
Creator : Olivia (WIKIWIKI.jp*)
default_black01_zsamplepx
default_black01_ssample%
default_black02.pngdefault_black02 original.png
Creator : Olivia (WIKIWIKI.jp*)
default_black02_zsamplepx
default_black02_ssample%
default_black03.pngdefault_black03 original.png
Creator : Olivia (WIKIWIKI.jp*)
default_black03_zsamplepx
default_black03_ssample%
default_richwhite.pngdefault_richwhite original.png
Creator : Olivia (WIKIWIKI.jp*)
default_richwhite_z New!samplepx
default_richwhite_s New!sample%
このrichシリーズのみ装飾画像を使用しています。

Web2.0風 Edit

  • 今後色違いも追加予定。(Olivia)
web20_simple_blue.pngWeb2.0風 original.png
Creator : Olivia (WIKIWIKI.jp*)
web20_simple_blue_z New!samplepx
web2.0_simple_blue_ssample%

ノート Edit

  • 見た目はblog、シンプルで飽きのこないデザイン、をテーマに作成しました。
    編集関連のリンクが全てアイコンになっておりWikiっぽくありません。
    ※ヘッドエリア(:Header)はMenuBar上部になります。(最長横幅160px位まで)
    ※サブメニュー(SideMenu)が使用できません。
  • 今後色違いも追加予定。(Olivia)
note.pngノート original.png
Creator : Olivia (WIKIWIKI.jp*)
note_z New!samplepx
note_ssample%

PukiWiki-officialスタイル Edit

  • オフィシャルデザインを参考にして作成しました。
    デザインはオフィシャルですがソースはplusベースですのでヘッダ&フッタ編集、コメントアシスト、見出しポップ、2→3カラム変更など、plusの機能が遜色なく使用できます。
    画像を使用していませんのでWikiそのもののトラフィックが少なく、1ページに情報を詰め込まない限り閲覧も快適です。(Olivia)
official.pngofficial
Creator : PukiWiki-official + Olivia (WIKIWIKI.jp*)
official_zsamplepx
official_ssample%
official_silver_orange.pngofficial_silver_orange
Creator : PukiWiki-official + Olivia (WIKIWIKI.jp*)
official_silver_orange_zsamplepx
official_silver_orange_ssample%
official_silver_purple.pngofficial_silver_purple
Creator : PukiWiki-official + Olivia (WIKIWIKI.jp*)
official_silver_purple_zsamplepx
official_silver_purple_ssample%

デザイン不具合報告 Edit

色が見難い。表示が崩れてる。など、デザインに関する不具合報告はこちらへお願いします。
(動作確認ブラウザ:IE・Firefox・Sleipnir)
※好みの問題については、対処できませんのでご了承下さい。

  • default_deepgray_zの右メニューの表示がおかしいです。 -- WIKI? 2008-02-15 (金) 16:33:11
  • 間違いました。左メニューです。 -- WIKI? 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”など不正なプロパティを利用していたり、パースエラーを起こしている個所があります。修正をお願いします。 -- 2008-02-15 (金) 17:14:33
  • default_darkyellow_s の CSS で .clear に clear プロパティが指定されていないため clear プラグインが意図したように動作していない -- 2008-02-19 (火) 20:30:28
  • 設定をやっても反映されません -- CAT? 2008-05-11 (日) 10:49:28
  • いずれもリンクか地の文か見分けづらいです。デフォルトで下線付き青色文字にしたものを用意すべきです -- 2008-11-02 (日) 18:01:06
  • 2つ目の手段。フリーのサーバーを借りて、wikiで更新されたデータを管理人が転移していく。 どちらにしても、編集可能な部分と不可能な部分の2種類を用意するっていう形ですね。 -- 2009-03-07 (土) 23:59:24
  • デザインプレートのカラーで、レインボーや金・銀も追加していただければ有難いです。 -- 2009-06-29 (月) 17:05:41
  • 3カラムってどうやるの? -- 2009-07-01 (水) 09:55:15
  • デザインには関係ないのですが、URLを貼ろうとしたらなぜか、「投稿した内容に不適切な文字列が含まれています」というエラーが出ます。訂正してください。 -- 2009-08-17 (月) 09:42:13
  • ↑解決しましたのでいいです -- 2009-08-18 (火) 22:55:07
  • 横に長い編集可能テーブルが3カラムのうち、背景画像の真ん中からはみ出ました。これにあわせて他の部分もはみ出ました・・ -- 2010-03-08 (月) 04:35:19
  • Web2.0風を使っていますがメニュー部分の横幅を広くすることはできないんですか? -- 2011-03-30 (水) 18:47:55
  • note_zで定義リスト使うと説明文が1字下げになりませんね。あと定義語と説明文の文字色が同じなのは -- 2012-08-17 (金) 01:55:47
  • ぬ -- 2012-11-09 (金) 18:22:34
  • ほげほげ -- 2012-11-14 (水) 16:04:49
  • default_greenのことなんですけど。イメージのやつと違ってWikiでつかうとちょっと暗いんですけど気のせいですか? -- とあるWikiな管理人? 2012-11-19 (月) 22:36:50
  • あ -- ? 2013-01-13 (日) 12:32:53
  • デザインテンプレートに青は無いですか? -- ステイション? 2013-04-13 (土) 09:40:23
  • あ -- 2013-08-19 (月) 16:02:39
  • まえにdefault_deepred_zを使ったときに、一部が見えなくなる症状が現れました。今は使っていませんが、今後もこのデザインを使いたいので修正をお願いします。 -- 無敵ランドwiki? 2013-08-31 (土) 12:38:24
  • これどこに貼り付けたらいいんですか? -- 2013-09-12 (木) 03:34:39
  • デザインを変える為に:config/plugin/etcのページを作成してdefault_black03_z記入して凍結しましたが反映されません -- 2013-09-12 (木) 03:36:25
  • ↑凍結してないんじゃね -- sk? 2014-01-08 (水) 14:04:16
  • blue_zとかのスタイルで、#regionをやっていくと文字が小さくなります -- sk? 2014-01-08 (水) 14:04:57
  • スマホ最適化されたデザインテンプレートってありますか? -- 2015-01-01 (木) 18:02:09
  • ばか -- ばか? 2015-01-15 (木) 20:38:50
  • blackの見出し段階を枠線だけじゃなく明度の濃淡で区別しやすくしてほしいです>< -- 2015-01-22 (木) 10:23:48
  • てすと -- ばか? 2015-04-08 (水) 22:26:24
  • テーブルのまわり込みがしたいのですが、プラグインお願いできますでしょうか -- 2015-04-25 (土) 09:39:52
  • Chromeでの動作確認はしないのでしょうか?regedit内にリストがある場合横幅が必要以上に小さくなるようです。 -- 2015-07-25 (土) 18:04:59
  • [star] [heart] (// [heart] あ -- 2015-07-27 (月) 17:14:11
  • 最新版のFirefoxだと一部デザインが崩れてしまいます。 -- 2015-08-12 (水) 19:19:26
  • なるほど、最新のFireFoxが原因だったんですね。デザインがDefault系だと崩れることを確認しました。 -- 2015-08-15 (土) 20:39:27
  • official の背景色がグレーのものが欲しいです。ちょっと眼に厳しいのでお願いします。 -- lan? 2015-08-20 (木) 20:22:23
  • FireFoxでデザインが崩れるバグは直りましたね。 -- 2015-09-07 (月) 19:22:38
  • official_zでの斜体が反映されません。 -- 兄貴? 2015-09-17 (木) 00:24:17
  • 基本文字色・リンク文字色・基本色などを自由に設定できるようにしてほしいです。 -- 2015-10-14 (水) 10:23:49
  • ここは要望用ではなかったのですね。失礼しました。 -- 2015-10-14 (水) 10:25:14
  • [tip] [hatena] [star] [heart] (OO; (// (T-T (^^; (--; (^_- (..; (^Q^ (^-^ (^^) -- 2015-11-13 (金) 10:53:54
  • ここに送ったメールっていつ頃返事が来るの? -- 2016-01-12 (火) 06:29:47
  • (^^; (--; (^-^ (^-^   -- 2016-04-16 (土) 10:27:43
  • (^^; (--; (^-^ (^-^   -- 2016-04-16 (土) 10:28:11
  • WIKIにデザインを自作できません? -- ナイム? 2016-10-14 (金) 18:41:03

URL B I U SIZE Black Maroon Green Olive Navy Purple Teal Gray Silver Red Lime Yellow Blue Fuchsia Aqua White