【拡散希望】CSSの使い方説明書【CSS配布】

・



No.0
CSSってそもそも何？


そもそもですよね。
正直なところ、私もどのあたりの境界線からCSSと呼ぶのか分かっていません。

これは私の勝手な推測ですが、占ツク内では「ページのデザインを変えるためのコード」のことをCSSと読んでいるのではないでしょうか。

例えばa:link{color:#4e454a;}と入力すればリンクの色が変わります。
たぶんそれがCSSと呼ばれるんだと思います。




No.1
使いたいCSSを見つける


「CSS配布」とタグ検索すればたくさん出てきます。
可愛いものからカッコいいものまで……

今回は私が株式会社CSSで配布している色のない愛を。【sample】【株式会社CSS】をサンプルとして使用します。

個人的にも結構お気に入りなものです。





No.2
利用規約を確認する


利用規約と書かれているページがCSS配布所には存在するはずです。
そこをきちんと確認しましょう。

ルールを守らずに使用する事は絶対にないように！！！


まず、利用規約の確認です。




拡大版

書かれている通りに従っていきます。


今回の利用規約には必須事項と禁止事項を守れと書いてあるので、守ります。

なので、まず使用報告をします。




拡大版

リンクの提示も忘れずに。
リンクは一番初めに提示してますし、使用報告はしたので大丈夫です。




No.3
コピペする


コピペはコピーペーストの略称です。
コピーはそのまま文章を丸々保存すること、ペーストはその文章を貼り付けることです。

まず、コピーからしていきましょう。

コードは大体ソースと書いてあるところにあります。


コピーしたい場所の一番初めを長押しします。(パソコンの場合は右クリック)
すると、一部のみ選択されるので、長押しを続けたままコピーしたい場所の最後まで動かします。

すると、こんな感じになります。



拡大版


そうしたらコピーという項目が出てくると思うのでそれを押します。
出てこなかったら青く選択している部分をもう一度押してみてください。

ちなみに、選択解除したい場合は選択していない部分を押すと選択解除できますよ。




次に、ペーストです。
これをどこにするかわからない方もいるのではないのでしょうか？


まず、使用したい作品の編集画面に飛びます。

すると、下の方に色々運営様が付けてくださった機能がありますよね？




拡大版


丸で囲んであるところを押します。
すると、色々出てきますよね？




拡大版


元々ベーシックとなっていますが、それをカスタムに設定します。
それをすると入力欄が出てきますよね。

そこに先程コピーしたものをペーストします。
ペーストは、長押しまたは右クリックして、ペーストというものが出てきますのでそこをクリックです。


ちなみに、/* */で囲まれてる言葉は反映されないので、CSSの入力欄にそのままコピペしても大丈夫です。


今回使用した「色のない愛を。」はソースが2ページに分かれているので同じ事を2度繰り返します。

これで、CSSの設定が完了しました。





No.4
保存する


これはいつもやっていることですね。
編集画面の一番下の保存ボタンを押したら完成です。




No.5
確認する

保存ができたら、確認をしてみましょう。
反映できてない場合があるので確認は必須です！！！






ここまでで分からないことなどありましたら気軽にご相談ください！

それでは、良いCSSライフを！！！





・