A-Nトップ
新規
一覧(更新)
一覧(名前)
検索
ヘルプ
RSS
SPAN&DIV 拡張プラグイン テストの編集
ここは編集用のページです。検索から来た方はこちらをクリックして下さい
編集しないで戻る
divプラグイン、spanプラグインのテストページです。 {{div 属性,属性値,Wiki書式の文}} {{span 属性,属性値,Wiki書式の文}} 属性値に外部urlを使う事は出来ません。{{br}} 属性値で管理者の素材用url(homepage3.nifty.com/%7Eio/fswiki-l/sozai/)を指定する場合は「<url>」とします。{{br}} 属性値でページに添付した素材を指定する場合は「<ten 画像ファイル名>」とします。 Wiki書式の文中に「<br>」があると、その部分が改行に変更されます。 {{outline}} {{span style,color:green,見出し}} 内容 {{span style,color:green,見出し}} 内容 {{div style,color:green,見出し}} 内容 {{div style,color:green,見出し}} 内容 {{span style,color:red,*項目}} {{span style,color:red,*項目}} 上の、赤色で表示されるはずだけど、Mac版IE5.2では変化無し。 {{span style,background-color:#cc0000;font-size:2px,-------------------------------------}} {{span style,background-color:#cc0000;font-size:2px,------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------}} 「-」を沢山並べて、小さくし、色を付けてヘアライン風に {{br 3}} !!!文字サイズ {{span style,font-size:xx-small,xx-small}} {{span style,font-size:xx-small,xx-small}} {{span style,font-size:small,small}} {{span style,font-size:small,small}} {{span style,font-size: medium,medium}} {{span style,font-size: medium,medium}} {{span style,font-size:large,large}} {{span style,font-size:large,large}} {{span style,font-size:xx-large,xx-large}} {{span style,font-size:xx-large,xx-large}} {{span style,font-size:50%,ブラウザ標準の50%}} {{span style,font-size:50%,ブラウザ標準の50%}} {{br 2}} {{span style,font-size:150%,ブラウザ標準の150%}} {{span style,font-size:150%,ブラウザ標準の150%}} {{br 2}} {{span style,font-size:300%,ブラウザ標準の300%}} {{br 2}} {{span style,font-size:300%,ブラウザ標準の300%}} {{br 2}} {{span style,font-size:12pt,12pt(絶対指定)}} {{span style,font-size:12pt,12pt(絶対指定)}} {{span style,font-size:40pt,40pt(絶対指定)}} {{br 2}} {{span style,font-size:40pt,40pt(絶対指定)}} {{br 2}} !!!文字飾り {{span style,font-weight:bold,ボールド Bold}} {{span style,font-weight:bold,ボールド Bold}} {{span style,font-style:italic,イタリック Italic}} {{span style,font-style:italic,イタリック Italic}} {{span style,font-family:monospace,monospace}} {{span style,font:,abcdefghij これは等幅ではない}} {{span style,font-family:monospace,abcdefghij これは等幅}} {{span style,font:,プラグイン これは等幅ではない}} {{span style,font-family:monospace,プラグイン これは等幅}} !!!複合指定 {{div style,color:blue; font-weight:bold; font-style:italic; (実際は下の文も続けて書く) font-family:Times; font-size:600%,色々font指定}} {{div style,color:blue; font-weight:bold; font-style:italic; font-family:Times; font-size:600%,色々font指定}} {{br 2}} !!!文字位置 {{div style,text-align:center,中央寄せ}} {{div style,text-align:center,中央寄せ}} {{div style,text-align:right,右寄せ}} {{div style,text-align:right,右寄せ}} {{div style,letter-spacing:15pt,文字間隔ABCDEFG}} {{div style,letter-spacing:15pt,文字間隔ABCDEFG}} !!!行間 Wikiでは、一行以上間をあけないと同じ行として繋がって表示されるので、通常改行するには一行以上間をあけます。 通常の一行目 通常の二行目 通常の三行目 「br」拡張プラグイン構文を使えば、一行の間をあけなくても改行可能。 「br」構文で改行した通常の一行目{{br}} 「br」構文で改行した通常の二行目{{br}} 「br」構文で改行した通常の三行目{{br}} 「SPAN」拡張プラグイン構文を使う事で、行と行の間をコントロールする事が可能(ただし、Safari等ブラウザによっては反映されない、されづらい事も)。以下の行は通常のように一行の間をあけているが、通常の一行間より狭く表示される。 {{span style,vertical-align:-18px;line-height:1px,SPANを使った一行目}} {{span style,vertical-align:-18px;line-height:1px,SPANを使った一行目vertical -18px設定}} {{span style,vertical-align:-10px;line-height:1px,SPANを使った二行目vertical -10px設定}} {{span style,vertical-align:0px;line-height:1px,SPANを使った三行目vertical 0px設定}} {{br 2}} !!!文字背景 {{span style,background-color:yellow,背景色yellow}} {{span style,background-color:yellow,背景色yellow}} {{span style,background-image:URL(<ten 背景に貼るページ添付した画像名>), 文字 }} {{span style,background-image:URL(<ten old-back.jpg>),画像背景 画像背景 画像背景 画像背景}} {{span style,background-image:URL(<ten old-back.jpg>),画像背景 画像背景 画像背景 画像背景}} {{span style,background-image:URL(<url>背景に貼る画像名), 文字 }} 使用出来るのは管理者が用意した画像のみ {{span style,background-image:URL(<url>aquaDesktop.jpg),画像背景 画像背景 画像背景 画像背景}} {{span style,background-image:URL(<url>aquaDesktop.jpg),画像背景 画像背景 画像背景 画像背景}} 文に改行を含めた場合のテスト {{div style,background-image:URL(<url>aquaDesktop.jpg),画像背景 画像背景 画像背景 画像背景<br>画像背景 画像背景 画像背景 画像背景<br>画像背景 画像背景 画像背景 画像背景<br>画像背景 画像背景 画像背景 画像背景<br>画像背景 画像背景 画像背景 画像背景<br>画像背景 画像背景 画像背景 画像背景<br>画像背景 画像背景 画像背景 画像背景<br>画像背景 画像背景 画像背景 画像背景<br>画像背景 画像背景 画像背景 画像背景<br>}} !!!ボックス {{div style,width:ボックス横幅,文字}} {{div style,100px:ボックス横幅,文字}} {{div style,width:100px,拡張プラグイン テスト 拡張プラグイン テスト 拡張プラグイン テスト 拡張プラグイン テスト}} {{div style,border: double thick blue,文字}} {{div style,border: double thick blue,拡張プラグイン テスト 拡張プラグイン テスト 拡張プラグイン テスト 拡張プラグイン テスト}} {{br}} {{div style,border-top: red ridge 16px; border-right: green double 12px; border-bottom: 〜 {{div style,border-top: red ridge 16px; border-right: green double 12px; border-bottom: yellow solid 8px; border-left: silver groove 4px,拡張プラグイン テスト 拡張プラグイン テスト 拡張プラグイン テスト 拡張プラグイン テスト}} !!!フロート (回り込み) {{span style,float:left ,画像URL}}文章 {{span style,float:left ,http://homepage3.nifty.com/%7Eio/images/anatitle-s.jpg}}右へ回り込み、右へ回り込み、右へ回り込み、右へ回り込み、右へ回り込み、右へ回り込み、右へ回り込み、右へ回り込み、右へ回り込み、右へ回り込み、右へ回り込み、右へ回り込み、右へ回り込み、右へ回り込み {{br}} {{span style,float:right ,画像URL}}文章 {{span style,float:right ,http://homepage3.nifty.com/%7Eio/images/anatitle-s.jpg}}左へ回り込み、左へ回り込み、左へ回り込み、左へ回り込み、左へ回り込み、左へ回り込み、左へ回り込み、左へ回り込み、左へ回り込み、左へ回り込み、左へ回り込み、左へ回り込み、左へ回り込み、左へ回り込み、左へ回り込み {{br 3}} {{comment reverse}}
このページの編集にはパスワードは不必要です
編集エリアを広げる (編集する前に!)
タイムスタンプを更新しない
HTMLで出力する (一度保存してから!)
old-back.jpg
[
削除
]
Gacha-pedia
SPAM FILTER:on
Menu
現在表示ページの最終更新時間:2007年02月01日 22時21分06秒
初めて訪れた方へ
当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 1265400