次世代テーマ標準 anchor.png

XCL のテーマは XOOPS 初期の頃からずっと変わっていませんが、ウェブの世界は大きく変化しており、取り残されています。当時は一般的でなかったタブ、タグ、レーティング、を始めとした色々な要素が出てきています。
これらを利用しようと思ったら、各モジュールが独自にクラスを決めてCSSを欠かねばならない状態です。

ここでは、こうした新しい要素をテーマに取り込むことを検討します。

Page Top

命名規約 anchor.png

クラス名は、小文字で始まり、ハイフンで区切る。
クラス名:className-subName

ID名は、大文字で始まり、ハイフンで区切る。
ID名:IdName-subName

Page Top

ナビゲーション anchor.png

Page Top

Primary Navigation anchor.png

Page Top

Global Navigation anchor.png

Page Top

Side Menu anchor.png

Page Top

Sub Navigation anchor.png

Page Top

Breadcrumb anchor.png

Page Top

Pagenation anchor.png

Page Top

More anchor.png

Page Top

NextPage anchor.png

Page Top

PreviousPage anchor.png

Page Top

PageTop anchor.png

Page Top

TagCloud anchor.png

Page Top

コンテンツ anchor.png

Page Top

Code anchor.png

Page Top

Quote anchor.png

Page Top

Tag anchor.png

Page Top

Rating anchor.png

Page Top

Table anchor.png

Page Top

List anchor.png

Page Top

Horizontal List anchor.png

Page Top

Category anchor.png

Page Top

Content Index anchor.png

ヘッダ・フッタ

Page Top

FatFooter anchor.png

Page Top

ボックス anchor.png

Page Top

Tab anchor.png

Page Top

Activity Stream anchor.png

Page Top

画像 anchor.png

Page Top

Image Caption anchor.png

Page Top

Image Frame anchor.png

Page Top

Thumbnail anchor.png

Page Top

Avatar anchor.png

Page Top

フォーム anchor.png

Page Top

Input anchor.png

Page Top

Select anchor.png

Page Top

Textarea anchor.png

Page Top

Submit Button anchor.png

Page Top

Cancel Button anchor.png

Page Top

Preview Button anchor.png

Page Top

Login Form anchor.png

Page Top

Search Form anchor.png

Page Top

Comment Form anchor.png

Page Top

メッセージ anchor.png

Page Top

Error Message anchor.png

Page Top

Information Message anchor.png

Page Top

Warning Message anchor.png

Page Top

Tooltip anchor.png

Page Top

ラベル anchor.png

Page Top

New anchor.png

Page Top

Popular anchor.png

Page Top

Count anchor.png

Page Top

Email anchor.png

Page Top

Homepage anchor.png

Page Top

RSS anchor.png

Page Top

Tweet anchor.png

Page Top

Like anchor.png

Page Top

User Name anchor.png

Page Top

Date anchor.png

Page Top

Add anchor.png

Page Top

Edit anchor.png

Page Top

List anchor.png

Page Top

View anchor.png

Page Top

Delete anchor.png


トップ   凍結 差分 バックアップ 複製 名前変更 リロード印刷に適した表示   ページ新規作成 全ページ一覧 単語検索 最新ページの一覧   ヘルプ   最新ページのRSS 1.0 最新ページのRSS 2.0 最新ページのRSS Atom Powered by xpWiki
Counter: 6101, today: 1, yesterday: 0
初版日時: 2012-02-11 (土) 01:00:59
最終更新: 2012-02-11 (土) 08:27:15 (JST) (2075d) by admin