RIGHT:[[:t/スタイル]] [[:t/UI]]

スキン。スタイル。UI。
(ページ編集ページの定義など、Wikiテキストの埋め込み先)

ハイパーテキスト、スタイルシート、画像など埋め込むもので構成。
動的部分を除いて完結していること。

ブログパーツやバナー、はてなスターのようなものの組み込みはこれを編集することで使用可能に。
(ページの本文内で良いならHTML埋め込み用の機能で)

----

#contents

*スタイル [#b69dbd5e]

*** アウトラインビュー [#p296aeb4]
モバイル版Wikipediaのような見出しだけのビュー。

斜め読みや思い出しのためのビュー。

*** 好きなHTML編集アプリで作成できるように [#qc1e7ea8]
-Microsoft Expression Web
-ホームページ・ビルダー
-Google Page Creator
などで。

通常のWebページに独自タグを埋め込んで。
マークアップされたテキストにさらにマークアップ。

アップロードは設定ページの編集欄に貼り付けすることで。

HTML編集アプリではリンクが使えないので、ページ1つずつ個別に編集することになる。
→HTML編集アプリのサイト管理機能は使えない。
→対応する必要なし。

*** UserAgentと画面の広さ別に [#e9947fa2]
デフォルトスタイル(利用者設定では特に設定されてない項目)をUserAgentと画面の広さ別に''定義可能''に。

*** 時間帯によって配色替え [#r3755b41]
目に優しく。

*** Readabilityのテキストビューのような [#p97b4c90]
[[ウィキエンジンX/ウォークスルー - Readability>http://www.readability.com/articles/ljhaivsv]]
*** rem (CSS3) [#x803bb1d]
テキストと同じ領域にある画像サイズはrem指定。
指定がなければmax-width:100%;(アスペクト比維持のためwidthだけ。heightはいくつになってもスクロールで気にならないのでいい)
*** love.mcdonalds.co.jp [#p72109a8]
こんなグリッドにするには?

&ref(https://i.gyazo.com/11feffd42cf4ae09fa1e592ce9df28ed.png,,20rem);

&ref(https://i.gyazo.com/51de398de416272e970fce56a4ae946a.png,,20rem);

&ref(https://i.gyazo.com/0cd38f81341d465f55934bb3337060c9.png,,20rem);

*** 黒背景にグロウ効果のボタン [#m7cf5002]


*** CSS適当コンバーター [#dd79a9b6]
他のシステムのCSSを変換。
叩き台ができる程度でいい。だいたい変換。

過不足があるので完全に変換できるわけがない。
他のシステムとこれの両方で共通する部分だけ扱う。

システムによってキーワードが異なるので、入力時に何のCSSかを指定。
個別対応。
「汎用(適当)」という適当なやり方も提供。

Wikiは5ペイン(上、下、右、左、真ん中)までの構成で、独自の段組み(システムが用意したものでなく、利用者が独自に作った段組み)が無ければどんなスタイルでも適用できるはず。

Wikiとは独立したツール。

RIGHT:[[:t/おまけ]] [[:t/スタイル]]



*[[:t/スタイル]]より [#ya7dc968]

**未分類 [#u6f05caf]

// ***[[:i/]]



*スタイル/ [#m2e2cb8f]

#ls