テーマの使い方
-----------------------------------------------------
ダウンロードしたファイルは、圧縮しておりますので、
解凍ソフトで、解凍してください。
その中の、各テーマのフォルダーごと、PPBLOGの設置した、
『theme』フォルダーにアップして、パーミッシュン
は、PPBLOGの説明どうりに、フォルダーは、７０７か７７７に
中のファイルは、６０６か６６６に変更して頂ければ、
良いですよ。
------------------------------------------------------
『3pt107のテーマ』の例では、このようになります。
|--theme
|--
3pt107 (707)か(777)--フォルダのパーミッション
|-- 3pt107.css
(606)か(666)…(cssスタールシート)
|-- template.html (606)か(666)…(htmlソース）
|-- images (707)か(777)…(画像の入っているフォルダー)
------------------------------------------------------
テーマをPPBLOGに登録する方法は
基本的には、テーマを『theme』にアップすれば、
PPBLOGでは、認識するのですが、
『テーマセレクター』には、登録していませんよね、
それで、まず、PPBLOGにログインして、『テーマの管理』
から、『テーマの追加』に入って、テーマを追加します。
『CSSファイルまでのパス』で
theme/basic/base.css
を追加するテーマの名前の置き換えます。
『テーマの名前』で好きな名前にします。
これで、テーマセレクターに登録されます。
以上です。
--------------------------------------------------------
テキストロゴから画像ロゴへの変更方法
まず、BLOGの名前の画像ロゴを用意してください。
それを、「Imagesフォルダー」の中に入れて、
今度は「template.html」をテキストエデッターか、
PPBLOGの管理画面のテーマ管理のテンプレートHTMLの編集で、
<div
id=“header”>の下の
<div class=“site_title”><a href=“index.php”>
%_blogname_%</a></div>
を
<img
src=“theme/3pt107/images/title003.gif”
width=“250“
height=“72“ style=“margin: 2px01px10px;”
alt=“%_blogname_%”
/>
に書き換えてください。
なお、「3pt001」はダウンロードした、
テーマのフォルダーの名前に、
「title003.gif」は、自分で用意した
画像ロゴの名前にしてくださいね。
画像の大きさは、「width=“250“
height=“72“」を
自分で用意した画像の横幅がwidth=“250“の数字を
高さが「height=“72“」を変更してくださいね。
これで、画像ロゴが、表示します。
追伸
画像の位置の調整は
style=“margin: 2px01px10px;”で調整してください。
「“margin: 2px01px10px;”」の数字を変更することで、
位置の調整できます。
最初の数字から、上、右、下、左に対応していますので、
画像の位置を、下げたい時は最初の数字を大きくしてくださいね。
-----------------------------------------------------------
テキストロゴの位置や色の変更方法
CSSの下の箇所で変更出来ます。
「.site_title
{
font-family:trebuchet ms, verdana, arial, helvetica
, ms p
gothic, sans-serif;
margin: 5px0px30px10px;
position: relative;
top: 0px;
left:0px;
font-size:25px;
font-weight:700;
}
.site_title a,.site_title
a:link,.site_title a:visited,.site_title a:active,
.site_title a:hover { color:
#0d052a;
text-decoration: none;
}」
ここで、位置を変えたいときは
「top:
0px; left:0px;」の数字を変える事で、
位置が変わります。
そして、「font-size:25px;」で、フォントサイズすなわち
テキストロゴの大きさを変えれます。
ちなみに、「font-weight:700;」
ここは、太文字の太さを、決めています。
注意
太文字の太さは１００単位で変更してください
（だいたい４００?９００の間で、
７００は太文字標準値です。）
テキストロゴの色は「.site_title a:hover {」
「color:
#0d052a;」の数字を変えると、
テキストロゴ色が変わります。
-----------------------------------------------------------