TOPCSS作成機1

YouTube動画リンクタグ作成機

【サムネイル画像リンク】

YouTube動画のサムネイル画像付きリンクタグを作成します。
placeholderの値を参考にして下さい。
※CSSの指定も可能です!
■■[作成見本]■■


■YouTube動画ID※必須

【動画IDとは?】
http://www.youtube.com/watch?v=この部分の11桁の半角英数記号がIDです&guid=on

? & = は、含まない!

※※‐‐以下任意‐‐※※

■サムネイル表示位置

■画像の横幅px
px

■画像の縦幅px(※省略可)
px

■動画の説明文


動画リンクタグのBOX(div)に
class="youtube_1"
が指定してあります。

※ページ設定を解除する為のリセットCSSが記述してあります
■リンクタグのBOXへCSS追加

■aタグへCSS追加

■imgタグへCSS追加

■セレクタ{プロパティ}自由入力

※CSSサンプル
一行ずつドラッグ/ドロップして下さい。
このリンク先のページ下部にCSSのサンプルが沢山あります。
このページでは軽く編集してリンク先で完成させて下さい

 

.Pro 倉庫 リセット


※このページのケータイ用ヘッドは DTD がありませんが、imode用のMIMEtypeが application/xhtml+xml になっています。
※Safari、Firefox以外では状況により表示が乱れる場合があります。
※自由にリンクして使って下さい

☆music.BBS