ＣＳＳ コメント欄をなんとかしちゃおう
最近、またコメント欄のカスタマイズの問い合わせが増えてきました
スキンのカスタマイズをしていてコメント欄はまだって方が多くおられます
で、再度、コメント欄について・・・・
まずは標準ではどうなっているの？
ぽぽ さまのスキンを借りて説明します
直接コメント欄に関係するＣＳＳは（もちろん他にもまだありますが・・・）
#comment_module .each_comment{
margin-bottom:10px;①
}
#comment_module .comment_footer{
margin-top:5px;②
padding-top:5px;③
border-top:1px dashed #000000;④
}
こんなかんじかな・・・・
普通に使っていてコメントとコメントの間隔を広げる場合は ①のmargin-bottom を大きくします
コメントと名前の間の点線は ④のborder-top を変更します
では、コメント欄をカスタマイズするとどうなるのでしょう
で、今回は前に説明した吹き出しのタイプ「オリジナルスキンCSSの編集 コメント欄 」とは変えてこんなのはいかがでしょう
下に実際に使われているコメント欄をお借りしました
こんなコメント欄だったらコメントするほうもされるほうも楽しいとは思いませんか？
※みなさん「自分のコメントを ”もっと” わかりやすく 」を使っておられますのでゲストさまと管理人コメントで画像が違います
プカロン さま イブキングの煙台のんびり散歩道～Part 2～
・・・・ コメントが楽しくなりませんか？
ＣＳＳ コメント欄をなんとかしちゃおう 16？
ＣＳＳ コメント欄をなんとかしちゃおう 17！
CSS コメント欄リボン 2カラム用・・
CSS コメント欄プレゼント 2カラムと3カラム
ゲストさまと自分のコメントを分けるためには
新・自分のコメントを "もっと"わかりやすく を、フリープラグインに設置する必要があります
YouTubeのパラメータ
YouTubeのパラメータを紹介します
ThickBox ＋ YouTube
で、 いくつかのスイッチは紹介していますが
ThickBoxを使わないならではのカスタマイズ・・・色
color1
16 進数形式の RGB 値
境界線のメイン カラー
たとえば赤・・・CSSでしたら #FF0000 ですが YouTubeのcolor1に指定する場合は
&color1=0xFF0000 がスイッチです 最初に 0x をつけてその後に 色コードの６桁の数字
color2
16 進数形式の RGB 値
コントロール バーの背景色と境界線のサブ カラー
たとえば青・・・CSSでしたら #0000FF ですが YouTubeのcolor1に指定する場合は
&color2=0x0000FF がスイッチです 最初に 0x をつけてその後に 色コードの６桁の数字
border
設定しない場合は 0、 1 に設定すると、動画プレーヤーの周りに境界線が表示されます
境界線のメイン カラーは color1 で、サブ カラーは color2 で設定します
color1とcolor2 を設定しても &border=1 がないと枠が表示されません
または &border=1
disablekb
設定しない場合は 0、 1 に設定すると、キーボードによるコントロールが無効になります
スペースバー: 再生/一時停止
左矢印: 現在の動画を再生し直す
右矢印: 現在の動画を 10% 先に進める
上矢印: ボリュームを上げる
下矢印: ボリュームを下げる
これはわざわざ使えなくする必要もありませんから使わなくても・・・・
一応こんな機能も合って、キーボードで操作も出来ますよ～って覚えておいていただければ
他にも前にも紹介していますが
自動再生させたい場合は・・・・ &autoplay=1 または &autoplay=1
ThickBoxを使う場合と違って直接貼り付ける場合は
自動再生はウザイだけですので・・・・・
サイトに行って突然音楽が鳴り出すのと同じで注意してください
ループ再生させたい場合は・・・ &loop=1 または &loop=1
関連する動画を含めない &rel=0 または &rel=0
これらのスイッチを組み合わせて好みのYouTubeに仕立てます
見本として緑色の機能を組み合わせてみます
YouTubeからコピーしてきたタグに緑部分を付け加えます(順番は関係ありません)
<object width="390" height="323"><param name="movie" value="http://www.youtube.com/v/UB99LMOwVuE&hl=ja"></param><embed src="http://www.youtube.com/v/UB99LMOwVuE&hl=ja&loop=1&color1=0xFF0000&color2=0x0000FF&border=1" type="application/x-shockwave-flash" width="390" height="323"></embed></object>
２カラムでしたらサイズは変更しなくても表示できますが
３カラムの場合全部を表示できませんのでサイズをwidth="390" height="323"に変更します
サイドバーに貼るつける場合は width="168" height="136"とか width="160" height="130" にして
フリープラグインに貼り付けます
※自分で見ながらサイズは好きに変更下さい
color1に赤、とcolor2 に青を設定していますのでどこがどの色にあたるのか確認下さい
色の組合わせは自由にどうぞ・・・
・・・・・・ ってえらそうに書いてきましたが
YouTubeからタグをコピーする前に カスタマイズ
あとはタグをコピーして貼り付けるだけ・・・・
・・・・上のように、ループさせたりみたいなカスタマイズはこれにスイッチを追加してください
3カラムのスキンの場合は上を参考にサイズを変えてください
サイドバーにつける場合はもっと小さくしてください
borderを表示しない場合は下のコントロール部分に色が付きますが・・・
枠をつけるとその分サイズが大きくなりますが・・・
サイズの変え方も書いておいたことですし・・・・
個人的には色をつけるんなら枠も色が付いてあった方が・・・・いいな
現在・・・・少し変更があります
カスタマイズボタン？に変更されサイズも選べるようになっています
追記です
&start=20 20秒目からスタートさせます・・・コノ部分を見て！ってとき便利かも
&showsearch=0 画面上から出てくる検索を出なくします
&ap=%2526fmt%3D18 高画質
&ap=%2526fmt%3D22 ハイビジョン動画
高画質、ハイビジョン動画は高画質でアップされていない場合は動作しません
18または22で試してください・・・両方表示可能な場合もあります
ハイビジョンの貼り付け方は
loxis さまのブログに説明があります
適正解像度（画面のサイズ）
標準 : width="320" height="265"
fmt=6(&ap=%2526fmt%3D6) : width="448" height="361"
fmt=18(&ap=%2526fmt%3D18) : width="480" height="385"
fmt=22(&ap=%2526fmt%3D22) : width="1280" height="1049"
&fs=1 を &fs=0 にするとフルスクリーンに出来なくなります
Amebaさん・・・最近おかしいよ
なんか・・・
新しいことやりたがっているようですが
せめて使えるようにしてから導入してください
お願いします
AmebeSearch・・・・
検索結果がおかしいのって気が付いていますか？
リロードするだけでドンドン検索結果がかわるのを
これってブラウザーの更新（リロード）をやっているだけですよ
時間にして2.3秒もたっていませんよ・・・・
↑ほんの５秒程度の間に・・・・
検索結果が何通りもある検索なんて初めてです
サイトを見た後、戻ると・・・そのサイトが表示されていないことも
最近顔を出す気にもなれない、アメばた会議も・・・・