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


ホームページテンプレートの文字の大きさを編集する

TOPページ > テンプレート編集方法 > テンプレートの文字の大きさを編集する

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

前回まではこちら。


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

templatemo_style.css のページ

実際に開いたところ。

templatemo_style.css のページ

②「body」の「font-size: 12px;」を「14px」に変えて(任意)、上書き保存する。

「14px」に変える。

文字を大きくすると、このようにはみ出てしまうので・・・。

はみ出てしまうので・・・。

③「#templatemo_content」の「background:」の後に「 #fff」を挿入する(スペースも忘れずに)。ちなみに「#fff」は白を表します。

「 #fff」を挿入する(スペースも忘れずに)。

今度は、ラインがこのようにずれてしまうので・・・。

ずれてしまうので・・・。

④TeraPadで開いている「index.html」ファイルの、「-」の文字数を減らしていく。

「-」の文字数を減らしていく。

できました。

できました。

Recommended


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

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

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

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

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



ページトップへ