Powered By FC2ブログ
ブログやるならFC2ブログ
今すぐブログを作っちゃおう!

--年--月--日

スポンサーサイト

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

2006年10月11日

記事を投稿する時に使用するタグ2

前回のエントリはこちら。記事を投稿する時に使用するタグ

1.h3タグを使用する

<h3>0.見出しを設定する</h3>

0.見出しを設定する

こちらで説明しているような文章を投稿する場合は、見出しにh3タグをお使い下さい。通常で上に5pxのスペース、太字で表示されます。カスタマイズはこちら。


#box-main h3{
font-size: 12px;
color: #000;
font-weight: bold;
margin-top: 5px;
}

2.リストを表示する

<ul>
<li>リスト1</li>
<li>リスト2</li>
</ul>
  • リスト1
  • リスト2

リストの標準は黒丸です(左右カラムとメイン部分のリストは別設定)。画像を使う場合は多少カスタマイズが必要です。例として、7px x 7pxサイズのリスト画像を使用してみます。

  • リスト

リストに画像を使用しました。今はclassで変更しましたが、標準の設定を変える場合は以下のようになります。


#box-main ul{
margin: 10px 0 10px 16px;
line-height: 175%;
}

まずは上の標準リスト設定を削除して下さい。それから下のコードを削除した場所に貼り付けて下さい。


#box-main ul{
}

#box-main li{
padding-left: 12px;
background: url(http://blog-imgs-11.fc2.com/t/e/m/templatetube/list.gif) no-repeat 0px 0.4em;
list-style-type: none;
}

もちろん画像のアドレスは変更してください。また、この画像でよければお使いいただいても構いません。ただし、必ずダウンロードして、お使いのブログ上でアップロードしてからお使い下さい。リンクはご遠慮下さい。
リスト画像のダウンロード

3.文字の色を変える

<span class="tubered">文字の色1</span>
<span class="tubeblue">文字の色2</span>
<span class="tubespan1">文字と背景の色</span>

文字の色1
文字の色2
文字と背景の色

文字の色を変える設定として、標準で上にようなものを用意しています。単純に色指定と背景指定をしているだけですので、お好きな色に変更してお使い下さい。


.tubered{
color: #e51717;
}

.tubeblue{
color: #1785e5;
}

.tubespan1{
color: #000;
background: #ffb2d4;
}

4.引用部分の設定

<blockquote>
ここに引用文を記述
</blockquote>
ここに引用文を記述

特に変更する必要はありませんが、タイトル部分の色を変更した場合に合わせてもいいかもしれません。


blockquote {
width: auto;
margin: 16px 10px;
padding: 10px;
font-size: 12px;
line-height: 150%;
background: #ebebeb;
border: solid 1px #000;
}

以上がエントリ部分のタグ解説です。インデントも用意してあります。また、これ以外のタグ(preなど)は指定していませんので、お使いの方はご自分で設定してください。

スポンサーサイト
タグ : エントリ

コメント

<span class="tubered">文字の色1</span>

maki

お初にお目にかかります。

お忙しいところ恐れ入ります。
blogtube_basicをお借りしている上野鉄郎と申します。
ひとつ質問があってコメントつけさせていただきました。

左側のプラグイン柱を右側に移動して、
右側2列でプラグインを配置してみたいのですが・・・

つまり左側にメインコンテンツ、
右側にプラグイン1・2を並べて配置してみたいのです。

可能ならばレクチャーをお願いできませんでしょうか?
どうぞよろしくお願い致します。

承認待ちコメント

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

承認待ちコメント

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

コメントの投稿

サイト管理者にのみ通知する

トラックバックURL

http://templatetube.blog78.fc2.com/tb.php/4-e7bfb536
プロフィール

templatetube

Author:templatetube
FC2ブログへようこそ!

最近の記事
最近のコメント
最近のトラックバック
月別アーカイブ
カテゴリー
ブロとも申請フォーム

Appendix


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