スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

(PWWtemplate01)テンプレート改造のヒント

PWWtemplate01を改造するにあたってのヒントです。
その他の「改造」に関するご質問にはお答えしません。
よろしくお願いいたします。

<h1>(ヘッダメインタイトル部分)の文字サイズ変更
HTML内<h1 class="f12">の「class="f12"」で指定しています。
こちらのf12は、スタイルシートの下部”font----”より下にまとめて記載されています。
文字を大きくしたい場合は、スタイルシート内に新しい文字サイズのクラスを作り、
「class="f12"」をその新しく作ったものに変更してください。

追記-------------------------------------------------------------------------------
例:文字サイズを18pxにしたい場合
スタイルシート部分に
.f18 {font-size: 18px;}を追加し、
HTML内<h1 class="f12">の「class="f12"」を「class="f18"」に変更
-----------------------------------------------------------------------------------

<h2>(ヘッダサブタイトル部分)の文字サイズ変更
スタイルシート内、”header----”下の#header h2に記載されています。
こちらでサイズの変更を行ってください。

<h3>(記事タイトル部分)の文字サイズ変更
こちらもh1と同じく、HTML内<h3 class="f12h160">の「class="f12h160」で指定しています。
スタイルシートに新しいクラスを作って、「class="f12h160」を変更してください。

記事本文の文字サイズ変更
HTML内<div class="entBody f10h160">の「f10h160」で指定しています。
スタイルシートに新しいクラスを作って、「f10h160」を変更してください。

プラグインタイトルの文字サイズ変更
HTML内<div class="box3 f12">の「f12」で指定しています。
スタイルシートに新しいクラスを作って、「f12」を変更してください。

プラグイン本文の文字サイズ変更
・<div class="sHeader f10h160"・・・
・<div class="sBody f10h160"・・・
・<div class="sFooter f10h160"・・・
のそれぞれ「f10h160」で指定しています。
スタイルシートに新しいクラスを作って、「f10h160」を変更してください。

タイトルカラー(黄緑)の色変更
タイトル部分に黄緑(#ACCA02)を使っています。スタイルシート内の「color: #ACCA02」をすべて好きな色に指定しなおしてください。

本文(灰色)の色変更
本文、その他のリンクには灰色(#999)を使っています。スタイルシート内の「color: #999(またはcolor: #999999)」をすべて好きな色に指定しなおしてください。

以上が文字サイズ、文字色の変更になります。
「上記よりも細かく変更したい」「書いてある意味がわからない」などございましたら、
HTMLクイックリファレンス(http://www.htmq.com/
で調べてみてください。
スポンサーサイト

COMMENT

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

できる限りがんばります。
ありがとうございます。

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

↑の件

ダウンロードしていただき、ありがとうございます。
PWWtemplate02もPWWtemplate01と同じ改造のヒントで対応できますので、
お手数ではございますが、そちらをご確認ください。
(一点「例」も追加しました。)

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます
NAME
TITLE
MAIL
URL
PASS (削除時に必要)
SECRET 管理者にだけ表示を許可する
COMMENT&
DECORATION

TRACKBACK

トラックバック

http://jikomanblogside.blog100.fc2.com/tb.php/68-d5c3a0b9

この記事にトラックバックする(FC2ブログユーザー)

プロフィール

plus9こんにちは。plus9です。
神戸在住で気が向けばちょこちょこwebやってます。
よろしくです~。
plus9のつぶやき plus9のmixi

ブロとも申請フォーム
ブログ検索
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。