A-Nトップ
新規
一覧(更新)
一覧(名前)
検索
ヘルプ
RSS
SPAN&DIV リファレンスの編集
ここは編集用のページです。検索から来た方はこちらをクリックして下さい
編集しないで戻る
当Wikiに導入されている「span」プラグイン、「div」プラグイン、「div_s」プラグインを利用して、Wikiでの表示をより多彩にする事が出来ます。 このページではそれらプラグインを使う際に、CSS等をあまり分かっていなくても使えるよう、良く使う設定を例として挙げています。 {{div 属性,属性値(プロパティ:値),Wiki書式の文}} 「div」プラグイン {{span 属性,属性値(プロパティ:値),Wiki書式の文}} 「span」プラグイン {{span style,color:red,Wiki書式の文}} 例 「div」はブロック要素(前後に改行が伴う)、「span」はインライン要素(改行が伴わない)となっていて、必要に応じてどちらかを使います。 設定可能な属性は以下の通りです。その際の設定可能な属性値は属性によって変わります。 *align (divのみ) *class *dir *id *lang *style *title *xml:lang 属性値(プロパティ:値)は「;」で区切って複数設定する事も可能です(styleで文字のサイズと色を指定する等)。 {{span style,color:red; font-size:small,Wiki書式の例文}} {{span style,color:red; font-size:small,Wiki書式の例文}} 「span」プラグイン、「div」プラグインの改造により、文字色を設定する「color」等は、属性に「style」でなく「プロバティ」を、属性値に「値」を指定する事も出来るようになっています (簡易、直感的に使えるよう)。 {{div style,color:red,文章}} 通常 {{div color,red,文章}} 簡易指定 ただし、簡易指定の場合は色と文字サイズを指定する等、複数の設定を同時に行うような事は出来ません。 今現在簡易に設定出来るもの *background *background-color *background-image *border *border-bottom *border-collapse *border-color *border-left *border-right *border-spacing *border-style *border-top *border-width *caption-side *clear *clip *color *cursor *direction *display *float *font *font-family *font-size *font-style *height *letter-spacing *line-height *list-style *list-style-image *list-style-position *list-style-type *margin *margin-bottom *margin-left *margin-right *margin-top *max-height *max-width *min-height *min-width *outline *outline-color *outline-style *outline-width *overflow *padding *padding-bottom *padding-left *padding-right *padding-top *position *text-align *text-decoration *text-indent *text-transform *vertical-align *visibility *width *word-spacing {{outline}} {{br 3}} !!align・・・横方向の表示位置 *表示位置は「left」、「right」、「center」を指定出来ます。インライン要素である「span」プラグインでは「align」は使えません。 *構文 {{div align,left,ここに書いた文が画面左に表示}} {{div align,right,ここに書いた文が画面右に表示}} {{div align,center,ここに書いた文が画面中央に表示}} *例 {{div align,left,ここに書いた文が画面左に表示}} {{div align,right,ここに書いた文が画面右に表示}} {{div align,center,ここに書いた文が画面中央に表示}} !!color・・・文字色 *文字色には「#と6桁の16進数」、「#と3桁の16進数」、「カラーを表す名前」等を指定出来ます {{span color,aqua,aqua}} {{span color,black,black}} {{span color,blue,blue}} {{span color,fuchsia,fuchsia}} {{span color,gray,gray}} {{span color,green,green}} {{span color,lime,lime}} {{span color,maroon,maroon}} {{span color,navy,navy}} {{span color,olive,olive}} {{span color,purple,purple}} {{span color,red,red}} {{span color,silver,silver}} {{span color,teal,teal}} {{span style,color:white;background-color:black,white}} {{span style,color:yellow;background-color:black,yellow}} *構文 {{span style,color:文字色,文章}} {{div style,color:文字色,文章}} {{span color,文字色,文章}} 簡易指定 {{div color,文字色,文章}} 簡易指定 *例 {{div color,red,「red」は赤色です}} {{div color,#ff0000,「#ff0000」は赤色です}} !!font-style・・・文字スタイル *文字スタイルには「normal」、「italic」(イタリック体)、「oblique」(斜体)を指定出来ます *構文 {{span style,font-style:文字スタイル,文章}} {{div style,font-style:文字スタイル,文章}} {{span font-style,文字スタイル,文章}} 簡易指定 {{div font-style,文字スタイル,文章}} 簡易指定 *例 {{div font-style,italic,「italic」で表示}} {{div font-style,oblique,「oblique」で表示}} !!title・・・タイトル (ツールチップ) *文の上にポインタをしばらく置くと、設定した文が表示されます (ツールチップ等と呼ばれるもの・ブラウザによっては表示されない事も) *構文 {{span title,ここに書いた文がマウスオーバーで表示,ここに書いた文が画面に表示}} {{div title,ここに書いた文がマウスオーバーで表示,ここに書いた文が画面に表示}} *例 {{span title,ここに書いた文がマウスオーバーで表示,ここに書いた文が画面に表示}}
このページの編集にはパスワードは不必要です
編集エリアを広げる (編集する前に!)
タイムスタンプを更新しない
HTMLで出力する (一度保存してから!)
Gacha-pedia
SPAM FILTER:on
Menu
現在表示ページの最終更新時間:2007年02月01日 22時21分05秒
初めて訪れた方へ
当Wiki権利関係
ANA-NOTE管理者情報
ページCSS切替
270b
aqua
chiffon_leafgreen
christmas
default
default-8
default-m
default-toff
default-tsoff
default2-tsoff
default3
default3-soff
default3-tsoff
default4
default4-toff
default5
default6
default_jg
default_r
delta
delta-toff
digital_gadgets
digital_gadgets2
digital_gadgets3
dokusho
hatena_cinnamon
hatena_cinnamon2
hatena_cinnamon_s
macwin
memo3
natu1
natu2
natu3
natu4
natu5
natu6
orange_flower
parabola
snow_man
snowy
wedding
wii
wii-soff
winter
ANA-NOTEヘルプ
選択
ヘルプ トップ
書式編
標準プラグイン編
拡張プラグイン編
拡張プラグイン編2
使い方図解編
書式コマンド一覧
−−−−
テーブル
cache
折り畳み
cache
category
category_list
counter
edit
embed
ewords
face
iframe
image
include
new
plmenu
search
tmessage
topic
topic_list
url_thumbnail
wikipedia
youtube
コンテンツ
ANA-NOTE更新情報
選択
新着ページ
更新一覧(100件)
更新一覧(日付別)
内容付き更新一覧
内容一部更新一覧
コンテンツ別一覧
管理人ToDo
カテゴリー
(
キャッシュ
)
キャッシュの方が速い
選択
CSSテーマ
Diary
PC
Wii
穴
飲食物
映画
オフ会
音楽
コンピュータゲーム
人物
スポット
政治
ダーツ
デジタルガジェット
ビデオカメラ
ヘルプ
Wii関連
選択
Wii/Portal
Wii発売カレンダー一覧
Wii
Mii
Wiiな話題
Wii/Bookmark
Wiiで見たいYouTube
Wii/みんなで投票ch
OPERA
おどるメイドインワリ
スーパーモンキーボー
はじめてのWii
NW2006Wii体験会
共用カレンダー (一覧)
<<
2024-5
>>
日
月
火
水
木
金
土
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
共用簡易BBS
共用BBS
お試しページ (砂場)
作成テンプレート一覧
とにメモ__
Wikiの種
Knowledge Navigation (Bookmark)
Favorite Songs
その他色々
最近更新ページ
(5日分)
2023/12/06
ANA-NOTE 2新着ページ
Wiki鐃塾種申
2023/07/08
2008年鐃緒申鐃緒申鐃緒申
2023/06/30
Plugin Help/topic
Plugin Help/face
2023/05/18
AI Draw Prompt Maker
2023/05/06
form/AI Draw Prompt Maker
検索
キーワード
ANA-NOTE PV 1265313