"
Team:Chiba/Internal/foredit
From 2008.igem.org
(Difference between revisions)
(→スタイルシート) |
(→基本技) |
||
| Line 35: | Line 35: | ||
==基本技== | ==基本技== | ||
| + | ===リンクバーの作り方=== | ||
| + | ｛| style="color:white（文字色）;" cellpadding="3" cellspacing="3" border="0" width="100%（バーの幅）" | ||
| + | align="center" class="menu" | | ||
| + | !align="center"|[[Team:Chiba/j|ホーム]]（リンク先１） | ||
| + | !align="center"|[[Team:Chiba/Team/j|メンバー紹介]]（リンク先２） | ||
| + | !align="center"|[[Team:Chiba/Project/j|プロジェクト紹介]]（リンク先３） | ||
| + | … | ||
| + | |} | ||
| + | |||
| + | と入力しています。特にChibaのWikiでは以下のようなものを使っています。 | ||
| + | |||
| + | {|style="color:white;" cellpadding="3" cellspacing="3" border="0" width="100%" align="center" class="menu" | | ||
| + | !align="center"|[[Team:Chiba/j|ホーム]] | ||
| + | !align="center"|[[Team:Chiba/Team/j|メンバー紹介]] | ||
| + | !align="center"|[[Team:Chiba/Project/j|プロジェクト紹介]] | ||
| + | !align="center"|[[Team:Chiba/Parts/j|作成したDNAパーツ]] | ||
| + | !align="center"|[[Team:Chiba/Internal|ノート]]|} | ||
| + | |||
| + | |||
===テーブルの作り方=== | ===テーブルの作り方=== | ||
以下のように入力すると | 以下のように入力すると | ||
| Line 68: | Line 87: | ||
このように表示されます。便利なので実験ノートに使ってみてください。 | このように表示されます。便利なので実験ノートに使ってみてください。 | ||
| + | |||
| + | |||
| + | |||
| + | ===よく使ってるテーブル的な背景の作り方=== | ||
| + | %の部分はテーブルやテーブルの隙間の幅のサイズを示しています。 | ||
| + | ＜table border=0 width="100%"><tr><td width="75%" valign="top"><div style="background:#aaaaaa;padding:3px;"> | ||
| + | 左側コンテンツのタイトル | ||
| + | ＜/div><div style="background:#dddddd;padding:5px;"> | ||
| + | 左側コンテンツの内容 | ||
| + | </div></td> | ||
| + | ＜td width="1%"> | ||
| + | ＜!-- spacing --></td><td width="24%" valign="top"><div style="background:#aaaaaa; padding:3px;"> | ||
| + | 右側コンテンツのタイトル | ||
| + | ＜/div><div style="background:#dddddd;padding:5px;"> | ||
| + | 右側コンテンツの内容 | ||
| + | </div></td></tr></table> | ||
| + | |||
| + | |||
===スタイルシート=== | ===スタイルシート=== | ||
Revision as of 14:28, 14 December 2008
>戻る
iGEM用Wikiの編集のための小技(?)＆基本手順紹介ページです。
Wiki操作はだいたい*[http://ja.wikipedia.org/wiki/Wikipedia:%E7%B7%A8%E9%9B%86%E3%81%AE%E4%BB%95%E6%96%B9#.E7.94.BB.E5.83.8F.E3.83.BB.E9.9F.B3.E5.A3.B0.E3.83.BB.E5.8B.95.E7.94.BB wikipedia-Wikiの編集の仕方]を参照すればできますが、ちょっとした補足をこのページで行いたいと思います。
どうやらiGEMのWikiは普通のWikiと違い、使えないタグなどもあるようです。
ここで紹介する入力例の最初の"<"は例として表示するために日本語入力の"＜"になっています。
そのままコピペしても使えないのでご注意ください。
Contents |
基本操作
みんなで編集しよう！
ユーザ名、パスワードを入力してログイン！
あとは画面左上のeditボタンを押せば、Wiki編集スタートです！
書きたいことを入力し終わったら、まずはShow overviewボタンで完成図を確認。
それで大丈夫そうなら、Save Pageボタンを押して編集完了！とっても簡単よ！
注意点
- 日本語入力をしない！
- このページは日本語用ぺージ（と勝手に決めている）なので日本語を使っていますが、大会用のページには日本語入力はできません。
- 例えば℃を日本語の"℃"で入力すると、海外のPCでは文字化けが起こります。常に英語で"°C"と入力するように心がけましょう。
- 盲点として、数字や（かっこ）、および！マークなども要注意です！！
- 小文字を使う！
- 例えば"dH2O"。多少めんどうですが"dH＜sub>2</sub＞O"と入力すればすぐ表示されます。
基本技
リンクバーの作り方
｛| style="color:white（文字色）;" cellpadding="3" cellspacing="3" border="0" width="100%（バーの幅）" align="center" class="menu" | !align="center"|ホーム（リンク先１） !align="center"|メンバー紹介（リンク先２） !align="center"|プロジェクト紹介（リンク先３）
…
|}
と入力しています。特にChibaのWikiでは以下のようなものを使っています。
| ホーム | メンバー紹介 | プロジェクト紹介 | 作成したDNAパーツ | ノート|}
テーブルの作り方以下のように入力すると ＜table width="315" border="2" cellpadding="0" cellspacing="0" bordercolor="#000000"><tr> <td width="50">井山</td> <td width="257">Edinburgh 2006 </td> </tr> <tr> <td>杉山</td> <td>Mississippi state 2006 </td> </tr> <tr> <td>香取</td> <td>toronto 2006 </td> </tr> </table>
このように表示されます。便利なので実験ノートに使ってみてください。
よく使ってるテーブル的な背景の作り方%の部分はテーブルやテーブルの隙間の幅のサイズを示しています。 ＜table border=0 width="100%"><tr><td width="75%" valign="top">左側コンテンツのタイトル＜/div> 左側コンテンツの内容 ＜td width="1%">＜!-- spacing --></td><td width="24%" valign="top"> 右側コンテンツのタイトル＜/div> 右側コンテンツの内容
スタイルシートChiba2008のWikiは以下のスタイルシートで統一しています。 ページを編集する際は、このスタイルシートをページの頭に貼り付けてから編集してください。 ＜html><link rel="stylesheet" href="https://2008.igem.org/wiki/index.php? title=User:Maiko/chiba.css&action=raw&ctype=text/css" type="text/css" /></html>
簡易スタイルシートあまり使わないとは思いますが一応紹介まで。 スタイルシートの内容の一例
＜html><head><style type="text/css">
＜!--
h1 { color: red; }
p { color: green; }
-->
</style></head><body>
＜h1>この文字は赤になります</h1>
＜p>この文字は緑になります</p>
＜p>この文字も緑です</p>
＜p>しつこいけどこの文字も緑です</p>
</body>
</html>
＜html><head><style type="text/css">
＜!--
p {font-size: 200%;
font-weight: bold;
font-family: "Century Gothic","ＭＳ 明朝",serif; }
-->
</style></head><body>
＜p>明朝体のフォントが出るはずなんですが…試した結果ここのWikiじゃだめみたいです。英語だけ変化しました。</p></body></html>
カレンダー｛{#calendar: title=カレンダーの名前 |year=2008（表示したい西暦） | month=04（表示したい月）}}
ChibaのWikiで使っている以下のカレンダーはこのタイトル部分に"Team:Chiba/Calendar-Home"と入力したものです。
カウントダウンiGEMにはたくさんの重要な締め切りがあります！ 忘れずに期限を守るためにもこのカウントダウン機能は有効です！ Wiki凍結(10/29)まで
日 これを表示させるには以下のような入力が必要になります。 ちなみに期限が過ぎるとマイナス表示になります。
| |||||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
