• No : 481
  • 公開日時 : 2018/12/26 16:00
  • 更新日時 : 2020/03/23 12:29
  • 印刷

自由編集モード(フリースタイル)にCSSをアップロードする

自由編集モード(フリースタイル)にCSSをアップロードする
カテゴリー : 

回答


ニコニコチャンネルは「自由編集モード」を利用して自分でデザインしたHTML/CSSファイルをアップロードすることができます。

本ヘルプは「CSSファイル」でのアップ方法について記載しています。
HTMLでアップロードしたい場合はコチラを参照ください。

操作方法

  • 「CSSファイル」をアップロードする
    「CSSファイル」を選択し、「アップロード」ボタンを押下。チャンネルページに適用されます。
    ※「CSSファイル」以外のアップロードはできません。
    ※ファイルサイズは64KBまでです。超えた分は切り取られます。
  • アップロードに成功すると、チャンネルページに表示されます。

    [選択した「CSSファイル」に、禁止されている記述があった場合]

    エラーになりブロックコメントが表示されます。
    ブロックコメントにエラー該当箇所の目安行数が表示されますので「CSSファイル」の修正を行ってください。
     

    [ページレイアウトが崩れてしまう場合]

    CSSの記述次第では、みための調整を行いたいエリア外の要素にも影響を及ぼしてしまう場合があります。
    「 #channel-main 」を個別のCSS指定の前に記述ください。
    これにより、チャンネルのトップページのメインのエリアのみで、CSSの指定が適切な環境へ適用されるようになります。
     
    (例)
    #channel-main .your-class
    { color: red; }
  • 編集の終了
    アップロードしたCSSファイルを実際のチャンネルページに反映する場合、「編集完了」ボタンを押してください。

CSSファイルについて

  • スタイルシート内の「\69\6D\70\6F\72\74」といった文字参照
  • スタイルシート内の 不適切な制御コード(0x00 、【NULL、0】など)
  • スタイルシート内の「\」文字で、その後に続く文字が「’」「”」「{」「}」「}」「;」「:」「(」「)」「#」「A」「*」でないもの
  • スタイルシートを解析し、「javascript」「vbscript」「cookie」「eval」「expression」「behavior」「behaviour」「binding」「include-source」などの文字列
  • スタイルシートを解析し、url(~)指定されたURLが適切な文字で構成されているかチェックします。相対パスは禁止です。
  • スタイルシート内のHTMLタグは禁止
  • スタイルシート内のブロックコメントの禁止
[CSS用禁止文言]
不適切な制御コード

0x00
NULL、0

エスケープ文字



{
}
;
:
(
)
#
A
*

プロパティ

javascript
vbscript
cookie
eval
expression
behavior
behaviour
binding
include-source
expression

相対パスの禁止

許可しているリンクは下記となります。
http://~
https://~
ftp://~

その他

HTMLタグの禁止
ブロックコメントの禁止

問い合わせ時ログイン不要
不要