Think Future, Imagine Alternative, Create Real!Wiki By TransNetCreation
このページは、TransNetCreation が独自に開発している Drupal 7 用の wiki モジュール により生成されています。
青色のリンクは、当サイト内のページへの内部リンクです。Ajax 化されていますので、ページ遷移無しでコンテンツを更新します。

【操作方法】ページの最下部右側 には、以下のような２つのリンクが表示されますので、目的に応じてお使いください。
　（１）左側の「FrontPage」リンク：フロントページを表示します（フロントページを除く）。
　（２）右央の「ParentPage」リンク：wiki 上の１つ上の階層のページを表示します（フロントページを除く）。
Wiki記法凡例：ブロック
（１）ボーダー付きブロック（デフォルト）
ボーダー付きブロック（デフォルト）
ボーダー付きブロック（デフォルト）
ボーダー付きブロック（デフォルト）
■上の表示を作っている Wiki 記法
####-
ボーダー付きブロック（デフォルト）
ボーダー付きブロック（デフォルト）
ボーダー付きブロック（デフォルト）
####

（２）ボーダー付きブロック＋スタイルの指定
　テキストの中央配置の指定 -> text-align: center;
　マージン（外側の余白）の指定 -> margin: 1em 0;
　ボーダーの指定 -> border: 10px #0073BA solid;
　背景色の指定 -> background-color: #EEEEEE;
　フォントカラーの指定 -> color: #0073BA;
　フォントサイズの指定 -> font-size: 2em;
■上の表示を作っている Wiki 記法
####-style="text-align: center; margin: 1em 0; border: 10px #0073BA solid; background-color: #EEEEEE; 
color: #0073BA;  font-size: 2em;"-
　テキストの中央配置の指定 -> text-align: center; 
　マージン（外側の余白）の指定 -> margin: 1em 0; 
　ボーダーの指定 -> border: 10px #0073BA solid; 
　背景色の指定 -> background-color: #EEEEEE; 
　フォントカラーの指定 -> color: #0073BA;
　フォントサイズの指定 -> font-size: 2em;
####


（３）ボーダー無しブロック＋スタイルの指定
　パディング（内側の余白）の指定 -> padding: 2em;
　背景色の指定 -> background-color: #0073BA;
　フォントカラーの指定 -> color: white;
　フォントサイズの指定 -> font-size: 2em;
■上の表示を作っている Wiki 記法
###-style="padding: 2em; background-color:#0073BA; color: white; font-size: 2em;"-
　パディング（内側の余白）の指定 -> padding: 2em;
　背景色の指定 -> background-color: #0073BA; 
　フォントカラーの指定 -> color: white;
　フォントサイズの指定 -> font-size: 2em;
###


（４）ブロックの入れ子
水平配置＋ブロックの入れ子
■上の表示を作っている Wiki 記法
###-style="background-color: #CFF76F;"-
###-style="background-color: #C0F73E;"-
###-style="background-color: #A8F000; text-align:center; color:white; font-weight: bold; font-size:2em;"-
水平配置＋ブロックの入れ子
###
###
###


（５）ブロックの水平配置
左のブロック（JavaScriptは無効）
左のブロック（JavaScriptは無効）
左のブロック（JavaScriptは無効）
中央のブロック
中央のブロック
中央のブロック　
右のブロック
右のブロック
右のブロック
■上の表示を作っている Wiki 記法
~~~~~~-style="margin: 1em 0; background-color:#EEEEEE; color:white;" class="tnc-customize-class" 
id="tnc-customize-id" onclick="alert('OK');"-
~~~~~-style="width:50%;" onclick="alert('OK');"-
####-style="background-color:#0A67A3; margin-left:1em;" onclick="alert('OK');"-
左のブロック（JavaScriptは無効）
左のブロック（JavaScriptは無効）
左のブロック（JavaScriptは無効）
####
~~~~~
~~~~~-style="width:25%;" onclick="alert('OK');"-
####-style="background-color:#3E97D1; margin-left:1em; margin-right:1em;" onclick="alert('OK');"-
中央のブロック
中央のブロック
中央のブロック　
####
~~~~~
~~~~~-style="width:25%;" onclick="alert('OK');"-
####-style="background-color:#65A6D1; margin-right:1em;" onclick="alert('OK');"-
右のブロック
右のブロック
右のブロック
####
~~~~~
~~~~~~


番外編：様々に組み合わせることで、自由で、豊かなレイアウトデザインが実現可能です
水平配置＋ブロックの入れ子
水平配置＋ブロックの入れ子
水平配置＋ブロックの入れ子
Created : 2010.07.12 - 00:21
Updated : 2014.06.06 - 13:48