ページへ戻る

− Links

 印刷 

Menu​/themes​/nextspec :: XOOPS Cube Developer Site

wiki:Menu/themes/nextspec

ページ内コンテンツ
  • 次世代テーマ標準
    • 命名規約
    • ナビゲーション
      • Primary Navigation
      • Global Navigation
      • Side Menu
      • Sub Navigation
      • Breadcrumb
      • Pagenation
      • More
      • NextPage
      • PreviousPage
      • PageTop
      • TagCloud
    • コンテンツ
      • Code
      • Quote
      • Tag
      • Rating
      • Table
      • List
      • Horizontal List
      • Category
      • Content Index
      • FatFooter
    • ボックス
      • Tab
      • Activity Stream
      • 画像
      • Image Caption
      • Image Frame
      • Thumbnail
      • Avatar
    • フォーム
      • Input
      • Select
      • Textarea
      • Submit Button
      • Cancel Button
      • Preview Button
      • Login Form
      • Search Form
      • Comment Form
    • メッセージ
      • Error Message
      • Information Message
      • Warning Message
      • Tooltip
    • ラベル
      • New
      • Popular
      • Count
      • Email
      • Homepage
      • RSS
      • Tweet
      • Like
      • User Name
      • Date
      • Add
      • Edit
      • List
      • View
      • Delete

次世代テーマ標準 anchor.png[1]

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

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

Page Top

命名規約 anchor.png[2]

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

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

Page Top

ナビゲーション anchor.png[3]

Page Top

Primary Navigation anchor.png[4]

Page Top

Global Navigation anchor.png[5]

Page Top

Side Menu anchor.png[6]

Page Top

Sub Navigation anchor.png[7]

Page Top

Breadcrumb anchor.png[8]

Page Top

Pagenation anchor.png[9]

Page Top

More anchor.png[10]

Page Top

NextPage anchor.png[11]

Page Top

PreviousPage anchor.png[12]

Page Top

PageTop anchor.png[13]

Page Top

TagCloud anchor.png[14]

Page Top

コンテンツ anchor.png[15]

Page Top

Code anchor.png[16]

Page Top

Quote anchor.png[17]

Page Top

Tag anchor.png[18]

Page Top

Rating anchor.png[19]

Page Top

Table anchor.png[20]

Page Top

List anchor.png[21]

Page Top

Horizontal List anchor.png[22]

Page Top

Category anchor.png[23]

Page Top

Content Index anchor.png[24]

ヘッダ・フッタ

Page Top

FatFooter anchor.png[25]

Page Top

ボックス anchor.png[26]

Page Top

Tab anchor.png[27]

Page Top

Activity Stream anchor.png[28]

Page Top

画像 anchor.png[29]

Page Top

Image Caption anchor.png[30]

Page Top

Image Frame anchor.png[31]

Page Top

Thumbnail anchor.png[32]

Page Top

Avatar anchor.png[33]

Page Top

フォーム anchor.png[34]

Page Top

Input anchor.png[35]

Page Top

Select anchor.png[36]

Page Top

Textarea anchor.png[37]

Page Top

Submit Button anchor.png[38]

Page Top

Cancel Button anchor.png[39]

Page Top

Preview Button anchor.png[40]

Page Top

Login Form anchor.png[41]

Page Top

Search Form anchor.png[42]

Page Top

Comment Form anchor.png[43]

Page Top

メッセージ anchor.png[44]

Page Top

Error Message anchor.png[45]

Page Top

Information Message anchor.png[46]

Page Top

Warning Message anchor.png[47]

Page Top

Tooltip anchor.png[48]

Page Top

ラベル anchor.png[49]

Page Top

New anchor.png[50]

Page Top

Popular anchor.png[51]

Page Top

Count anchor.png[52]

Page Top

Email anchor.png[53]

Page Top

Homepage anchor.png[54]

Page Top

RSS anchor.png[55]

Page Top

Tweet anchor.png[56]

Page Top

Like anchor.png[57]

Page Top

User Name anchor.png[58]

Page Top

Date anchor.png[59]

Page Top

Add anchor.png[60]

Page Top

Edit anchor.png[61]

Page Top

List anchor.png[62]

Page Top

View anchor.png[63]

Page Top

Delete anchor.png[64]


Last-modified: 2012-02-11 (土) 08:27:15 (JST) (1869d) by admin