ウィキの練習帳
※ 2010/7/16 リンク先チェックを行いました。 |
ウィキの練習に使いませう。
<link rel="stylesheet" type="text/css" href="../new_style.css">
<div id="container">
<div class="description">
</div>
<div id="banner">
<span id="banner-gm">
</span>
<span id="banner-VC">
<div id="hedline">
※ほとんど管理人が下書き用に使ってますがぁ〜
ここまで練習用エリア(※ここから下は変更しないでね!)
site 基本情報
表の設定
・表タイトル背景色:bgcolor(FFE4E1):
すぺしぃゃるサンクス♪
わつき屋 さんの画像素材をお借りすたでじ。
きぃ〜ィ!? … あぶない! |
… 画像もあるので、心してご訪問くんなませ … (^_^;)
※ 2010/7/12 アダルトサイトになってるので、子供は行っちゃだめ! ( 引き続きアイコンのダウンロードは出来るみたいです。 ) |
画像 | 画像 |
Expensive Nise さんより
萌えキャラフリー素材(掲示板用あいこん)を、
おかりすますた(感謝!)
※ 2010/7/16 健全なサイト(blog)運営を続けてらっしゃいますた。 ( 引き続きアイコンのダウンロードが出来るみたいです。 ) |
すんごく久しぶりにご訪問。大分(多分)イメージ変わってきれいなブログになっています。「Wordpress に変えた」そうですが、お借りすた当時は HP だったような・・・。その後 Movable Type を経て Wordpress へ変更ということかと思われますが、まったく同感。 とは言え、自分は MT も Wordpress も使ってませんが・・・、多分、LiveD*** blog が、MT ベースで、F*2 blog が Wordpress ベースの使用感と言っていいと思います。(注:最近 wiki しか弄ってないので変わってたらすんません。)
いちぶ下ネタ語がありますが、まあ、許容範囲かと・・・。
★ウィキ(Wiki)の書き方★
livedoorWiki > Wikiの書き方 を参照し、その書き方とと具体的な見え方を実践すてみますた
改行/その他の書式
改行する
- 改行すればOK
- その他チルダ「〜〜(※半角文字)」2つ
で改行します
その他の書式
■線を引く(水平線を引く)
*書き方
- 行頭からマイナス4つ「−−−−(※半角)」入力で横線が表示
■Wiki文書ソース内へコメントを書く
*書き方
行頭からスラッシュ2つ「//(※半角)」入力でコメント行になります
*表示
※注:コメントは表示されません
■引用文の設定
*書き方
行頭から「>」(※半角大なり)又は「半角スペース」入力で引用文
*表示
引用文1「>」※半角大なり記号で開始
引用文2「 」※半角スペースで開始
■定義語リスト
*書き方
:定義語(1)|定義語(1)の説明テキスト
:定義語(2)|定義語(2)の説明テキスト
*表示
- 定義語(1)
- 定義語(1)の説明テキスト
- 定義語(2)
- 定義語(2)の説明テキスト
■改行をしない
livedoorWiki > Wikiの書き方 参照
*書き方
任意の文字列【改行】
「Λ」行頭に半角上山印。※文字化けるかも…
*表示
任意の文字列
行頭に半角上山印。※文字化けるかも…テキスト1
テキスト2※何度やっても正常に表示されない。おかすいなぁ〜
【 == 編集中 == 】
見出し書き/箇条書き・リスト表示
見出書きをする
見出し1 |
※同一ページに<H1>が2つあると検索エンジンスパムになるので注意!他のウィキサイトでは、どうしているのだろう?(゚-゚)
※ここでは擬似的に見出し1のイメージを表示(実際は枠線なし)
見出し2
※<H2>見出し2</H2>と同等。見出し3
※<H3>見出し3</h3>と同等。箇条書き・リスト表示にする
■ リスト表示にする
全角の”・”を行頭に入れることで、3階層のリスト表示になります。
- ここでの表示は、・・・・・・・ 「・」行頭に1個
- このWikiの ・・・・・・・・ 「・・」行頭に2個
- CSSが適用されます。 ・・・ 「・・・」行頭に3個
- このWikiの ・・・・・・・・ 「・・」行頭に2個
■ 数字付きリスト表示にする
半角「+」を行頭に入れることで、3階層の数字付きリスト表示。
- 書き方が
- 解からくなったら、
- 編集画面の
- 「ウィキの書き方」を
- 参照しましょう。
- イメージを
- 確認しながら
- 書きこみ
- するときは
- 編集画面の下にある
- 「プレビューON/OFF」
- で確認しながら
- 書きこみ出来ます。
- 確認しながら
文字装飾
太字・斜体など
- 太字
太字はシングルクオーテーション2つで囲む - 斜体
斜体はシングルクオーテェーション3つで囲む - 下線付き
下線付きにするには、%記号3つで囲みます - 取消線
取消線は、%記号2つで囲む - 下付き文字
下月文字は、アンダーバー2つで囲みます
文字サイズ変更
- 文字サイズ10は&size(10)と記述
- 文字サイズ12は&size(12)と記述
- 文字サイズ15は&size(15)と記述
- 文字サイズ20は&size(20)と記述
- 文字サイズ25は&size(25)と記述
- 文字サイズ30は&size(30)と記述
文字色の変更と文字背景色
- 文字色の変更
- 文字色を赤にする:&color(red,){テキスト}と記述
- 文字色を緑にする:&color(green,){テキスト}と記述
- 文字色を青にする:&color(blue,){テキスト}と記述
- 文字色を黒にする:&color(black,){テキスト}と記述
※入れ子にすると正常に表示されないので注意! - 文字色を白にする:&color(white,)[テキスト]と記述
※背景色を黒にしてます
- 文字背景色
- 文字背景色=銀色:&color( ,Silver){テキスト}
- 文字背景色=水色:&color( ,Aqua){テキスト}
- 文字背景色=黄色:&color( ,Yellow){テキスト}
- 文字背景色=茶色:&color( ,Maroon){テキスト}
※文字色を白へ変更
※注:背景色と同化する文字色は検索エンジンスパムと見なされます。
定義済み色名一覧
色見 | 色名 | カラーコード16進 #RRGGBB #RGB | カラーコード数値、% RGB(数値,数値,数値) RGB(%,%,%) | ||
---|---|---|---|---|---|
Black | #000000 | #000 | RGB(0,0,0) | RGB(0%,0%,0%) | |
Gray | #808080 | #888 | RGB(128,128,128) | RGB(50%,50%,50%) | |
Silver | #C0C0C0 | #BBB | RGB(192,192,192) | RGB(75%,75%,75%) | |
White | #FFFFFF | #FFF | RGB(255,255,255) | RGB(100%,100%,100%) | |
Blue | #0000FF | #00F | RGB(0,0,255) | RGB(0%,0%,100%) | |
Navy | #000080 | #008 | RGB(0,0,128) | RGB(0%,0%,50%) | |
Teal | #008080 | #088 | RGB(0,128,128) | RGB(0%,50%,50%) | |
Green | #008000 | #080 | RGB(0,128,0) | RGB(0%,50%,0%) | |
Aqua | #00FFFF | #0FF | RGB(0,255,255) | RGB(0%,100%,100%) | |
Lime | #00FF00 | #0F0 | RGB(0,255,0) | RGB(0%,100%,100%) | |
Yellow | #FFFF00 | #FF0 | RGB(255,255,0) | RGB(100%,100%,0%) | |
Fuchsia | #FF00FF | #F0F | RGB(255,0,255) | RGB(100%,0%,100%) | |
Olive | #808000 | #880 | RGB(128,128,0) | RGB(50%,50%,0%) | |
Purple | #800080 | #808 | RGB(128,0,128) | RGB(50%,0%,50%) | |
Maroon | #800000 | #800 | RGB(128,0,0) | RGB(50%,0%,0%) | |
Red | #FF0000 | #F00 | RGB(256,0,0) | RGB(256%,128%,0%) | |
※利用可 | ※数値/%指定は使えないようです |
表を作成する
■簡単な枠(表)を作成する
*書き方
|(※半角縦棒)テキスト|(※半角縦棒)
または、
,(※半角カンマ)テキスト,(※半角カンマ)
で表が出来ます。
*表示
テキスト |
テキスト |
■複数セルのある表を作成する
*書き方
|テキスト|テキスト|テキスト|
|テキスト|テキスト|テキスト|
*表示
テキスト | テキスト | テキスト |
テキスト | テキスト | テキスト |
■セルの結合をする
*書き方
|テキスト|>|テキスト|
|テキスト|テキスト|テキスト|
*表示
テキスト | テキスト | |
テキスト | テキスト | テキスト |
■題字の指定をする
*書き方
|~テキスト|>|テキスト|
|テキスト|テキスト|テキスト|
*表示
テキスト | テキスト | |
---|---|---|
テキスト | テキスト | テキスト |
■表内文字位置を指定する
*書き方
|left:左寄せ|center:中央揃え|right:右揃え|
|※幅調整用ダミーセル|※幅調整用ダミーセル|※幅調整用ダミーセル|
*表示
左寄せ | 中央揃え | 右揃え |
※幅調整用ダミーセル | ※幅調整用ダミーセル | ※幅調整用ダミーセル |
■セル内の文字サイズを変更する
*書き方
|size(25):テキスト|
*表示
テキスト |
■セル内の文字色を変更する
*書き方
|color(Green):テキスト|
*表示
テキスト |
■セルの背景色を変更する
*書き方
|bgcolor(Aqua):テキスト|
*表示
テキスト |
リンクを貼る方法
- 同一Wikiサイト内へのリンク:
FrontPage -> [[FrontPage]]
- アンカーテキストを使った、同一Wikiサイト内へのリンク:
トップページ -> [[トップページ>FrontPage]]
- URLを記入してリンクする:
http://blog.livedoor.jp/cafeboy1 <− URLをそのまま記入する
- アンカーテキストを使った、他のサイトへのリンク(URL指定リンク):
うきウィキ!Wiki!Blog!!
<- [[うきウィキ!Wiki!Blog!!>http://blog.livedoor.jp/cafeboy1/]]
- アンカーテキストで画像へリンクする:ぐっぴょん?※うぅ〜ん耳がちがうなぁ。
[[テキスト>イメージURL]]
- メールアドレスへリンクする:
cafeboy@xx00.mail.xxx ※うそっこメルアドぴょん!
メールアドレスをそのまま記載すればOK!
画像を表示する
■画像表示の仕方(1)
画像URLをそのまま記入すればOK!
※添付ファイル名"ic_mille.png"に変更したのですが、実際にはアップしたときに付く"7cd3f01ab56959c4.png"で管理されてるようです。
■画像表示の仕方(2)、(3)
※どちらも同じ機能でサイズ変更が可
(2)&ref(画像URL,横幅,縦幅)
(3)#ref(画像URL,横幅,縦幅)
■画像に同一Wiki内へのリンクを貼る
FrontPage へリンクしました。
書き方:[[画像URL>FrontPage」」
■画像に他のサイトへのリンクを貼る
うきウィキ!Wiki!Blog!! > ウィキの書き方 へリンクしました
書き方:[[画像URL>リンク先URL」」
ウィキを知る
すぐに使ってみる
まずはサンプルページを編集してみましょう!- メモ - メモ帳、授業ノート、To Doリストなどに使えます。
- カレンダー - 簡単に予定を記入できるカレンダーです。
- ブックマーク - お気に入りのホームページを記録します。
- プロフィール - あなたのプロフィールです。
- フロントページ - このページです。最初に表示されます。
新しいページの作成は[新規ページ作成]をクリック。
このページの編集は、下記の中から目的に合うものを選択。
- 書き込みをするには[編集]をクリック
- 更新履歴を見るには[履歴]をクリック
- ファイルをアップロードするには[添付]を選択
- ページの編集のロック、カテゴリ移動等は[設定]を選択
詳しくウィキの使い方を知るにはウィキの書き方を参照ください。
このページにコメントやトラックバックをしたい方は、右下の[コメント]か[トラックバック]をクリックしてください。
2010年07月16日(金) 20:00:46 Modified by sakura_momo2
添付ファイル一覧(全9件)
8c9081a8.png (168.51KB)
Uploaded by cafeboy1 2008年07月16日(水) 08:31:25
Uploaded by cafeboy1 2008年07月16日(水) 08:31:25
d9631404.png (167.74KB)
Uploaded by cafeboy1 2008年07月16日(水) 07:35:50
Uploaded by cafeboy1 2008年07月16日(水) 07:35:50
i_haruhi.png (10.78KB)
Uploaded by sakura_momo2 2006年04月04日(火) 08:47:02
Uploaded by sakura_momo2 2006年04月04日(火) 08:47:02
1f8e858c8f31b623.png (13.32KB)
Uploaded by cafeboy1 2006年04月03日(月) 23:43:17
Uploaded by cafeboy1 2006年04月03日(月) 23:43:17
b72966ebcadd7b42.png (9.37KB)
Uploaded by cafeboy1 2006年04月03日(月) 23:42:51
Uploaded by cafeboy1 2006年04月03日(月) 23:42:51
ic_myu.png (16.38KB)
Uploaded by cafeboy1 2006年04月03日(月) 23:41:08
Uploaded by cafeboy1 2006年04月03日(月) 23:41:08
ic_mille.png (16.71KB)
Uploaded by cafeboy1 2006年04月03日(月) 23:36:31
Uploaded by cafeboy1 2006年04月03日(月) 23:36:31
ic_izumi1.png (16.98KB)
Uploaded by cafeboy1 2006年04月03日(月) 23:30:33
Uploaded by cafeboy1 2006年04月03日(月) 23:30:33
ic_h_maina.png (18.23KB)
Uploaded by cafeboy1 2006年04月03日(月) 23:27:11
Uploaded by cafeboy1 2006年04月03日(月) 23:27:11