記事の編集方法 - MT-t サポート
余白設定一覧（初期値）
2013年07月03日 [記事URL]
初期値で入っている 余白設定は以下の通りです。
/* ____ 余白設定 ____ */
.ma10 {
margin: 10px;
}
.ma20 {
margin: 20px;
}
.mt10 {
margin-top: 10px;
}
.mt20 {
margin-top: 20px;
}
.mt40 {
margin-top: 40px;
}
.mt60 {
margin-top: 60px;
}
.mr8 {
margin-right: 8px;
}
.mr10 {
margin-right: 10px;
}
.mr16 {
margin-right: 16px;
}
.mr20 {
margin-right: 20px;
}
.mr30 {
margin-right: 30px;
}
.mr40 {
margin-right: 40px;
}
.mb20 {
margin-bottom: 20px;
}
.ml01 {
margin-left: 1px;
}
.ml10 {
margin-left: 10px;
}
.ml16 {
margin-left: 16px;
}
.ml20 {
margin-left: 20px;
}
.ml21 {
margin-left: 21px;
}
.ml25 {
margin-left: 25px;
}
.ml30 {
margin-left: 30px;
}
.ml40 {
margin-left: 40px;
}
boxサイズ一覧（初期値）
2013年07月03日 [記事URL]
初期値で入っている box サイズの設定は以下の通りです。
下記のように記述して使います。
オブジェクト
/*___________ box設定 ___________ */
.box80 {
width:80px;
float:left;
}
.box110 {
width:110px;
float:left;
}
.box120 {
width:120px;
float:left;
}
.box140 {
width:140px;
float:left;
}
.box160 {
width:160px;
float:left;
}
.box180 {
width:180px;
float:left;
}
.box200 {
width:200px;
float:left;
}
.box220 {
width:220px;
float:left;
}
.box240 {
width:240px;
float:left;
}
.box300 {
width:300px;
float:left;
}
.box320 {
width:320px;
float:left;
}
.box340 {
width:340px;
float:left;
}
.box360 {
width:360px;
float:left;
}
.box420 {
width:420px;
float:left;
}
.box460 {
width:460px;
float:left;
}
.box520 {
width:520px;
float:left;
}
.box620 {
width:620px;
float:left;
}
.box700 {
width:700px;
float:left;
}
.boxh200 {
height: 200px;
}
.boxh260 {
height: 260px;
}
.boxh360 {
height: 360px;
}
VideoBoxコードサンプル（クリックで動画がポップアップ）
2013年07月03日 [記事URL]
画像（またはテキスト）をクリックしてみてください。
動画がポップアップする形式（VideoBox）です。
↑画像をクリックしてみてください。
http://www.youtube.com/watch?v=cRDyP2DcEds
という形式のURLにリンクを貼りますと、通常はただのリンクになりますが
下記のように属性を追加することでポップアップして再生することができます。
コードサンプル
（上記コードサンプルは分かりやすく改行しています）
説明
aタグ内に
rel="vidbox"
と記述することで VideoBoxとして動きます。
同じく、title="文字" は動画が開いたときに下部に表示されるテキストになります。
例では、aタグ内は imgタグにしていますが、テキストでも大丈夫です。
お好きな画像やテキストにリンクを貼って、動画をポップアップしましょう。
Youtubeのコードの貼り方
2013年07月03日 [記事URL]
簡単なコードの貼り方をご紹介します。
コードサンプル
（上記コードサンプルは分かりやすく改行しています）
説明
上記のコードサンプルの 動画ID部分（２箇所）を変更するだけで使えます。
上記の例の場合、「cRDyP2DcEds」が動画IDになります。
動画IDは、YoutubeサイトのURLを見ると確認できます。
回答は２営業日以内にメールでさしあげます。もし回答が届かない場合はメールが迷惑ボックスに入っているか、何らかの原因で受信できていない可能性があります。その際はお手数ですが再度ご相談フォームよりご入力ください。
よりスムースなサポートのために下記のアプリのインストールをお願いします。
Screen Capture (by Google)
Chromeの右上にアイコンが表示されます。そこから簡単に画面撮影でき、画像として保存することが可能です。ご相談の際、画面の画像を添付していただけると助かります。（詳しい使い方はこちら）
４ファイル以上添付したい方はこちらをお読みください。
Copyright© 2022 MT-t サポート All Rights Reserved. 