テンプレート・素材カテゴリ


ホームページテンプレートの色を編集する

TOPページ > テンプレート編集方法 > テンプレートの色を編集する

今回は、テンプレートの中の見栄えを変えてみましょう。今回も「TeraPad」を使って編集します。
(参照:ホームページテンプレートのダウンロード方法

前回まではこちら。


①ダウンロードしたフォルダ内の「templatemo_style.css」を、右クリックして「プログラムから開く」→メモ帳で開く。

templatemo_style.css のページ

②背景色を変える場合、「body」内の「background:」のあとの「#595248」を任意の色に変えて上書き保存する。
(参照:Mariのいろえんぴつ

「#595248」を任意の色に変えて上書き保存する。

元の背景色は・・・。

元の背景色は・・・。

これを「#8c8c3f」に変えてみました。

「#8c8c3f」に変えてみました。

③<h1>・・・</h1> の文字色を変えたいときは、「h1」内の「color:」を任意の色に変える。

「color:」を任意の色に変える。

できました。

「#8c8c3f」に変えてみました。

色見本は、「カラーコード」と検索するといろんなサイトが出てきます。
私の方でも少しピックアップしてみましたので、参考にしてくださいね。


Recommended


スマートフォンなど多様なデバイスに対応し、使い勝手や見栄えを向上させる各種のアレンジ・テクニック。

応用テクニックやその仕組み、さらに踏み込んだ各種の情報もTIPSとして網羅。

現場のワークフローに沿ったサイト制作までを詳しく解説。プロが教える「実習」+「講義」の全30レッスン。

これからのWeb制作に必要な知識を総合的に解説。HTML5 2014年勧告候補に対応!

はじめて学ぶ人は、サイトの作り方をゼロから習得。すでに覚えた人は、「正しい」方法を復習できる。



ページトップへ