高度なカスタマイズ
インターフェース非表示CSS
INTER-STREAMのフロントエンドインターフェースから要素を隠すために使用可能なCSSルールの一覧です。
CSSを編集する
上級者向け:現在のテンプレートのCSSファイルを編集します。この場合、対応するCSSファイル内を探し該当する箇所をコメントアウトします。簡単な方法:[一般設定>一般>HTMLコード]にCSSを追記してください。
1つ以上のCSSを追記するには<style>タグと</style>タグを「<head> section HTMLコード」のテキストエリアに追加し、<style>タグの中にCSSを入力します。
例)
<style>
.videoPlayerArea .clipOptionBt.comments { display:none; } /* コメントボタンを非表示にする */
.videoPlayerArea .clipOptionBt.like { display:none; } /* 「高評価」ボタンを非表示にする */
.videoPlayerArea .clipOptionBt.dislike { display:none; } /* 「低評価」ボタンを非表示にする */
.videoPlayerArea .clipOptionBt.share { display:none; } /* 共有ボタンを非表示にする */
</style>
.videoPlayerArea .clipOptionBt.comments { display:none; } /* コメントボタンを非表示にする */
.videoPlayerArea .clipOptionBt.like { display:none; } /* 「高評価」ボタンを非表示にする */
.videoPlayerArea .clipOptionBt.dislike { display:none; } /* 「低評価」ボタンを非表示にする */
.videoPlayerArea .clipOptionBt.share { display:none; } /* 共有ボタンを非表示にする */
</style>
サンプルCSS(V2テーマ)
ビデオプレーヤーエリア:オプションボタンを隠す
.clipOptionsBarWrapper { display:none; } /* 全てのボタンを非表示にする(コメント、「高評価」、「低評価」、共有) */
.clipOptionsBarWrapper .clipOptionBt.comments { display:none; } /* コメントボタンを非表示にする */
.clipOptionsBarWrapper .clipOptionBt.like { display:none; } /* 「高評価」ボタンを非表示にする */
.clipOptionsBarWrapper .clipOptionBt.dislike { display:none; } /* 「低評価」ボタンを非表示にする */
.clipOptionsBarWrapper .clipOptionBt.share { display:none; } /* 共有ボタンを非表示にする */
.clipOptionsBarWrapper .clipOptionBt.comments { display:none; } /* コメントボタンを非表示にする */
.clipOptionsBarWrapper .clipOptionBt.like { display:none; } /* 「高評価」ボタンを非表示にする */
.clipOptionsBarWrapper .clipOptionBt.dislike { display:none; } /* 「低評価」ボタンを非表示にする */
.clipOptionsBarWrapper .clipOptionBt.share { display:none; } /* 共有ボタンを非表示にする */
ビデオプレーヤーエリア:動画情報を隠す
.clipPublishStatsInfo { display:none; } /* バー全体を非表示にする(公開日順、日付順、再生数、評価順) */
.clipPublishStatsInfo .publishInfo.by { display:none; } /* "公開日順"を非表示にする */
.clipPublishStatsInfo .publishInfo.date { display:none; } /* "日付順"を非表示にする */
.clipPublishStatsInfo .publishInfo.views { display:none; } /* "再生数"を非表示にする */
.clipPublishStatsInfo .statsInfo { display:none; } /* "評価順"を非表示にする */
.clipPublishStatsInfo .publishInfo.by { display:none; } /* "公開日順"を非表示にする */
.clipPublishStatsInfo .publishInfo.date { display:none; } /* "日付順"を非表示にする */
.clipPublishStatsInfo .publishInfo.views { display:none; } /* "再生数"を非表示にする */
.clipPublishStatsInfo .statsInfo { display:none; } /* "評価順"を非表示にする */
共有エリア:SNSウィジェットを隠す
.shareOptions.box { display:none; } /* 共有エリアを非表示にする */
.shareOptions.box .socialWidgets { display:none; } /* 全てのSNSウィジェットを非表示にする */
.shareOptions.box .socialWidgets .socialWidget.facebook { display:none; } /* Facebookウィジェットを非表示にする */
.shareOptions.box .socialWidgets .socialWidget.google { display:none !important; } /* Google Plusウィジェットを非表示にする */
.shareOptions.box .socialWidgets .socialWidget.twitter { display:none; } /* Twitterウィジェットを非表示にする */
.shareOptions.box .socialWidgets { display:none; } /* 全てのSNSウィジェットを非表示にする */
.shareOptions.box .socialWidgets .socialWidget.facebook { display:none; } /* Facebookウィジェットを非表示にする */
.shareOptions.box .socialWidgets .socialWidget.google { display:none !important; } /* Google Plusウィジェットを非表示にする */
.shareOptions.box .socialWidgets .socialWidget.twitter { display:none; } /* Twitterウィジェットを非表示にする */
リスト:"sticker"(動画サムネイル上に表示される「お気に入り」等の各種マーク)を隠す
.stickers { display:none !important; } /* 全ての"sticker"を非表示にする */
.stickers .stickerFeatured { display:none !important; } /* "お気に入り"を非表示にする */
.stickers .stickerRestricted { display:none !important; } /* "制限あり"を非表示にする */
.stickers .stickerPremium { display:none !important; } /* "プレミアム"を非表示にする */
.stickers .stickerFeatured { display:none !important; } /* "お気に入り"を非表示にする */
.stickers .stickerRestricted { display:none !important; } /* "制限あり"を非表示にする */
.stickers .stickerPremium { display:none !important; } /* "プレミアム"を非表示にする */
動画ブラウザ(関連動画など):リストの項目を隠す
.videoBrowser .clip .image { display:none; } /* サムネイルを非表示にする */
.videoBrowser .clip .title { display:none; } /* タイトルを非表示にする */
.videoBrowser .clip .user { display:none; } /* ユーザー名を非表示にする */
.videoBrowser .clip .date { display:none; } /* 日付を非表示にする */
.videoBrowser .clip .views { display:none; } /* 再生数を非表示にする */
.videoBrowser .clip .title { display:none; } /* タイトルを非表示にする */
.videoBrowser .clip .user { display:none; } /* ユーザー名を非表示にする */
.videoBrowser .clip .date { display:none; } /* 日付を非表示にする */
.videoBrowser .clip .views { display:none; } /* 再生数を非表示にする */
検索/リスト:リストの項目を隠す
.itemListWrapper.genericList .item .image { display:none; } /* サムネイルを非表示にする */
.itemListWrapper.genericList .item .title { display:none; } /* タイトルを非表示にする */
.itemListWrapper.genericList .item .description { display:none; } /* 説明文を非表示にする */
.itemListWrapper.genericList .item .user { display:none; } /* ユーザー名を非表示にする */
.itemListWrapper.genericList .item .date { display:none; } /* 日付を非表示にする */
.itemListWrapper.genericList .item .views { display:none; } /* 再生数を非表示にする */
.itemListWrapper.genericList .item .title { display:none; } /* タイトルを非表示にする */
.itemListWrapper.genericList .item .description { display:none; } /* 説明文を非表示にする */
.itemListWrapper.genericList .item .user { display:none; } /* ユーザー名を非表示にする */
.itemListWrapper.genericList .item .date { display:none; } /* 日付を非表示にする */
.itemListWrapper.genericList .item .views { display:none; } /* 再生数を非表示にする */
リストウィジェット:リストの項目を隠す
.widget .item .image { display:none; } /* サムネイルを非表示にする */
.widget .item .title { display:none; } /* タイトルを非表示にする */
.widget .item .description { display:none; } /* 説明文を非表示にする */
.widget .item .user { display:none; } /* ユーザー名を非表示にする */
.widget .item .date { display:none; } /* 日付を非表示にする */
.widget .item .views { display:none; } /* 再生数を非表示にする */
.widget .item .title { display:none; } /* タイトルを非表示にする */
.widget .item .description { display:none; } /* 説明文を非表示にする */
.widget .item .user { display:none; } /* ユーザー名を非表示にする */
.widget .item .date { display:none; } /* 日付を非表示にする */
.widget .item .views { display:none; } /* 再生数を非表示にする */
サンプルCSS(クラシックテーマ)
ビデオプレーヤーエリア:オプションボタンを隠す
.videoPlayerArea .clipOptionsBarWrapper { display:none; } /* 全てのボタンを非表示にする(コメント、「高評価」、「低評価」、共有) */
.videoPlayerArea .clipOptionBt.comments { display:none; } /* コメントボタンを非表示にする */
.videoPlayerArea .clipOptionBt.like { display:none; } /* 「高評価」ボタンを非表示にする */
.videoPlayerArea .clipOptionBt.dislike { display:none; } /* 「低評価」ボタンを非表示にする */
.videoPlayerArea .clipOptionBt.share { display:none; } /* 共有ボタンを非表示にする */
.videoPlayerArea .clipOptionBt.comments { display:none; } /* コメントボタンを非表示にする */
.videoPlayerArea .clipOptionBt.like { display:none; } /* 「高評価」ボタンを非表示にする */
.videoPlayerArea .clipOptionBt.dislike { display:none; } /* 「低評価」ボタンを非表示にする */
.videoPlayerArea .clipOptionBt.share { display:none; } /* 共有ボタンを非表示にする */
動画共有エリア:共有ボタンを隠す
.clipShareArea { display:none; } /* Hide share area */
.clipShareArea .socialWidgets { display:none; } /* 全てのSNSウィジェットを非表示にする */
.clipShareArea .socialWidgets .socialWidget.facebook { display:none; } /* Facebookウィジェットを非表示にする */
.clipShareArea .socialWidgets .socialWidget.google { display:none; } /* Google Plusウィジェットを非表示にする */
.clipShareArea .socialWidgets .socialWidget.twitter { display:none; } /* Twitterウィジェットを非表示にする */
.clipShareArea .socialWidgets { display:none; } /* 全てのSNSウィジェットを非表示にする */
.clipShareArea .socialWidgets .socialWidget.facebook { display:none; } /* Facebookウィジェットを非表示にする */
.clipShareArea .socialWidgets .socialWidget.google { display:none; } /* Google Plusウィジェットを非表示にする */
.clipShareArea .socialWidgets .socialWidget.twitter { display:none; } /* Twitterウィジェットを非表示にする */
動画情報を隠す
.clipInfoArea .clipStats { display:none; } /* バー全体を非表示にする(公開日順、日付順、再生数、評価順) */
.clipInfoArea .clipStats .publishedBy { display:none; } /* "公開日順"を非表示にする */
.clipInfoArea .clipStats .date { display:none; } /* "日付順"を非表示にする */
.clipInfoArea .clipStats .views { display:none; } /* "再生数"を非表示にする */
.clipInfoArea .clipStats .rating { display:none; } /* "評価順"を非表示にする */
.clipInfoArea .clipStats .publishedBy { display:none; } /* "公開日順"を非表示にする */
.clipInfoArea .clipStats .date { display:none; } /* "日付順"を非表示にする */
.clipInfoArea .clipStats .views { display:none; } /* "再生数"を非表示にする */
.clipInfoArea .clipStats .rating { display:none; } /* "評価順"を非表示にする */
"sticker"を隠す
.stickersOverlay { display:none !important; } /* 全ての"sticker"を非表示にする */
.stickersOverlay .stickerFeatured { display:none !important; } /* "お気に入り"を非表示にする */
.stickersOverlay .stickerRestricted { display:none !important; } /* "制限あり"を非表示にする */
.stickersOverlay .stickerFeatured { display:none !important; } /* "お気に入り"を非表示にする */
.stickersOverlay .stickerRestricted { display:none !important; } /* "制限あり"を非表示にする */
関連動画:リストの項目を隠す
.sliderWrapper .clipListWrapper .clipList .clip .image { display:none; } /* サムネイルを非表示にする */
.sliderWrapper .clipListWrapper .clipList .clip .title { display:none; } /* タイトルを非表示にする */
.sliderWrapper .clipListWrapper .clipList .clip .user { display:none; } /* ユーザー名を非表示にする */
.sliderWrapper .clipListWrapper .clipList .clip .date { display:none; } /* 日付を非表示にする */
.sliderWrapper .clipListWrapper .clipList .clip .views { display:none; } /* 再生数を非表示にする */
.sliderWrapper .clipListWrapper .clipList .clip .title { display:none; } /* タイトルを非表示にする */
.sliderWrapper .clipListWrapper .clipList .clip .user { display:none; } /* ユーザー名を非表示にする */
.sliderWrapper .clipListWrapper .clipList .clip .date { display:none; } /* 日付を非表示にする */
.sliderWrapper .clipListWrapper .clipList .clip .views { display:none; } /* 再生数を非表示にする */
動画ブラウザ(オススメ動画など):リストの項目を隠す
.browseVideosPanel .clipListWrapper .clipList .clip .image { display:none; } /* サムネイルを非表示にする */
.browseVideosPanel .clipListWrapper .clipList .clip .title { display:none; } /* タイトルを非表示にする */
.browseVideosPanel .clipListWrapper .clipList .clip .user { display:none; } /* ユーザー名を非表示にする */
.browseVideosPanel .clipListWrapper .clipList .clip .date { display:none; } /* 日付を非表示にする */
.browseVideosPanel .clipListWrapper .clipList .clip .views { display:none; } /* 再生数を非表示にする */
.browseVideosPanel .clipListWrapper .clipList .clip .title { display:none; } /* タイトルを非表示にする */
.browseVideosPanel .clipListWrapper .clipList .clip .user { display:none; } /* ユーザー名を非表示にする */
.browseVideosPanel .clipListWrapper .clipList .clip .date { display:none; } /* 日付を非表示にする */
.browseVideosPanel .clipListWrapper .clipList .clip .views { display:none; } /* 再生数を非表示にする */
リストの項目を隠す
.genericItemListWrapper .itemList .item .image { display:none; } /* サムネイルを非表示にする */
.genericItemListWrapper .itemList .item .title { display:none; } /* タイトルを非表示にする */
.genericItemListWrapper .itemList .item .description { display:none; } /* 説明文を非表示にする */
.genericItemListWrapper .itemList .item .user { display:none; } /* ユーザー名を非表示にする */
.genericItemListWrapper .itemList .item .date { display:none; } /* 日付を非表示にする */
.genericItemListWrapper .itemList .item .views { display:none; } /* 再生数を非表示にする */
.genericItemListWrapper .itemList .item .title { display:none; } /* タイトルを非表示にする */
.genericItemListWrapper .itemList .item .description { display:none; } /* 説明文を非表示にする */
.genericItemListWrapper .itemList .item .user { display:none; } /* ユーザー名を非表示にする */
.genericItemListWrapper .itemList .item .date { display:none; } /* 日付を非表示にする */
.genericItemListWrapper .itemList .item .views { display:none; } /* 再生数を非表示にする */