KKRR

#002　tagpaper

• [ テンプレート
• | res4 |
• tb0 ]

表示サンプル

テンプレート詳細
特徴：２カラム/左サイドバー/プラグイン１〜３対応
カテゴリーページ、月別ページ、検索結果ページなどは一覧表示されます。
※使用するにはプラグインを設定する必要があります。
使い方はこちら。

バージョン情報

ver.1.01　絵文字を使った時の設定追加・修正

その名の通りタグペーパー（ポストイット）のようなイメージで作りました。
画像は一切使っていません。

▼細かい説明
［ スタイルシートによる画像装飾について ］
このテンプレートでは画像が

このように写真っぽい感じに装飾されます。
バナーを貼ったりした場合に画像装飾をしたくない場合は
以下のタグで画像タグ（img）を囲んで下さい。

<span class="no_border">〜</span>

例：<span class="no_border"><img src="image.jpg" /></span>
タグはdivでもいいです。

［ スタイルシートによる画像装飾について2 ］
全ての画像を装飾したくない場合は、スタイルシートの以下の記述を削除して下さい。

/* エントリー内のイメージ設定 */
#container #right .blogbody .blog_main img {
padding: 5px;
border-top: 1px solid #ECD2E3;
border-right: 2px solid #D198BE;
border-bottom: 2px solid #D198BE;
border-left: 1px solid #ECD2E3;
margin-right: 1px;
margin-bottom: 1px;
}

［ XML宣言について ］
XHTML1.0 では通常XML宣言が必要なんですが、
上で書いた画像装飾を有効にするため、このテンプレートでは宣言していません(^-^;
なので画像装飾をしない人はXML宣言を記述しておいた方が採点でいい点が出ます（笑）。

<?xml version="1.0" encoding="euc-jp"?>

［ XHTMLルールを守るために ］
書き方のルールとして

・空要素タグを />で閉じる（半角スペース空けて）
・属性値を全て引用符で囲み、属性名を省略した最小化を行わない

事が必須です。
改行タグの<br>も<br />で閉じなくてはいけないんですが
FC2はプラグインやエディタでタグを入れるとタグを閉じるスラッシュ（/）が入りません。
厳格な書式で記事を書きたい人は、自分で手直しが必要です。
なぜかそこんとこがFC2は中途半端。。。(；´Д｀)
エントリーの自動改行は<br />が入るのに。。。（笑）
主にプラグインが対応してないので（多分ユーザープラグインも）
プラグインの設定でHTML編集を推奨です〜。
※プロフィール…自動改行ではなく、<br />タグを入れて改行する
※検索フォーム、メールフォーム…inputタグの最後を/>で閉じる
※画像…imgタグの最後を />で閉じる
などなど。
でも特にやる必要ないです。
基本的に<b>や<font>タグもXHTMLで推奨されてませんので
全部直してたら大変。。。ε-(ーдー)

genre * ブログ theme * 共有テンプレート

• no.4 [
• 2006/09/03 Sun
• 07:12
• edit ]

質問ですが…

シンプルで可愛いテンプレートですね〜☆
今日、xoさんのテンプレートを見つけて早速ダウンロードさせて頂きました！
私は絵文字をよく使用するのですが、絵文字を使用した行は大きく間隔が空いてしまうので、
空かないようにしたいのですが、どうしたらいいでしょうか…
すいません…初心者なので教えてください！お願いします。

• No.2 [
• kuroro|URL|
• 09/12/Tue
• 18:35
• edit ]

DLありがとうございます＾＾

絵文字の件、調べてみました
絵文字の大きさが文字の大きさより大きいため、
行間が広く空いて見えてしまうのが原因のようですね
これは行間の指定をスタイルシートに記述すれば解消できます。
多分今の状態だと絵文字が入った行の行間は均等に見えると思うんですが。。。

このテンプレートのスタイルシートをテキストエディタなどにコピーして、432行目あたり
/* エントリー本文 */
と444行あたりの
/* エントリー要約表示時・コメント・トラバ本文 */
の箇所を探して
line-height: 150%;
を追加して下さい。
この記述が行間の設定になります。書き込むのは{ }この記号の間です。
150％にしてますが、お好みで130％とか140％とか微調整してみて下さいね('-'*)♪

そしてその下辺りに
/* 絵文字設定 */
.emoji {
vertical-align:middle;
}
を追加して下さい。
これで絵文字の位置が文字と横中央に並ぶと思います。
ブラウザによってそれぞれ見え方が多少違いますが。。。

ご面倒でしたら今回の件でスタイルシートの方を少し修正しておきましたので
そちらを再度ダウンロードしていただいて、
スタイルシートだけ書き換えていただければと思います。

ご面倒おかけしますが、
何かお気づきになりましたらお気軽にご質問下さいな♪
出来る限り対応させていただきますので

• No.3 [
• xo|URL|
• 09/14/Thu
• 02:03
• edit ]

はじめまして・・。

随分と前から、テンプレートを使用させていただいています。
マオと申します☆
最初の方の質問の絵文字の位置、修正してみました♪
そして、もうひとつ出来る事なら教えていただきたいのですが
アマゾンの画像のサイズ・・
小さいのを選んでも、大きく引き伸ばされて表示されますね？
レイアウト的に考えられたことかと思うのですが
わたし的には、小さい画像を載せたいと思うのですが・・・。

プラグインの位置が、とても気に入っています(*^-^*)
また、色違いや別のデザインのものも期待しています☆

• No.4 [
• まお|URL|
• 10/15/Sun
• 09:09
• edit ]

遅くなりました

まおさん、コメントありがとうございます♪
お返事大変遅くなりまして申し訳ありませんm(_ _"m)
原因がわかりましたので、以下の記事をご覧下さい。
http://kkrr2.blog32.fc2.com/blog-entry-6.html
今回の件はテンプレートをいじる必要はありません＾＾
FC2がサイズ固定しちゃってるのを修正してくれると良いんですけどね〜。。。(^-^;

テンプレートの新作も機があればUPしたいと考えてますので
またよろしくお願いします('-'*)♪

• No.5 [
• xo|URL|
• 11/12/Sun
• 02:00
• edit ]

trackback url