スポンサーサイト

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

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

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

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

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

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

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

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

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

タイトルカラー(青)の色変更
スタイルシート内の
#header .titleBox h1内、「color: #003366;」を好きな色に指定しなおしてください。

本文(灰色)の色変更
スタイルシート内の
* {
color: #999;
}
「color: #999;」を好きな色に指定しなおしてください。

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

COMMENT

コメントが入れれないのです
文字を打ってるのに空欄はだめと
いわれるのですが?

承認待ちコメント

このコメントは管理者の承認待ちです

承認待ちコメント

このコメントは管理者の承認待ちです

管理人のみ閲覧できます

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

管理人のみ閲覧できます

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

TRACKBACK

トラックバック

http://jikomanblogside.blog100.fc2.com/tb.php/79-ac61fe9f

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

プロフィール

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

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