« | »

2008.05.17

singleアイコン記事投稿用めも

ここは僕専用のタグ打ちめもです、CSSにコードを書き加えないでこのまま使うと崩れてしまいます。
同じ様にするには当サイトのCSSをご確認下さい、当サイトは小粋空間さんのkoikikukan3を利用させて戴いております。

●画像を寄せて配置する場合
・画像を左寄せする場合してキャプションを配置する場合。
<div class="capleft">～<br />キャプション</div>
・左回り込みを解除する場合
<br style="clear:left" />
・画像を右寄せする場合してキャプションを配置する場合。
<div class="capright">～<br />キャプション</div>
・右回り込みを解除する場合
<br style="clear:right" />
・段落で回り込みを解除する場合
<p style="clear:both;">次段落のテキスト</p>
・画像にはサイズを指定しましょう。
height="150" width="200"

●文字に色を付けて強調する場合
・<span style="color : red">文字色を赤くします。</span>
・<span style="color : darkblue">文字色を青くします。</span>
・<span style="font-size:12px;color:#860000">文字サイズは12px色は赤茶にします。</span>

●上付き文字

あああ<sup>上付き文字</sup>

あああ上付き文字いいい

●下付き文字

いいい<sub>下付き文字</sub>

いいい下付き文字ううう

●ルビ（未対応ブラウザ対応）

<ruby><rb>鵞目</rb><rp>(</rp><rt>わしめ</rt><rp>)</rp></ruby>

鵞目(わしめ)

<ruby><rbc><rb>英</rb><rb>語</rb></rbc><rtc><rt>えい</rt><rt>ご</rt></rtc><rtc><rt rbspan=”2″>English</rt></rtc></ruby>

英語(えいごEnglish)

●iframeの代かえ
・blockquoteを使用しない表示の場合
・出典の表示

<div class="txbox">投稿記事
<div class="syu">出典：身延の風</div>
</div>

出典：身延の風

<div class="txbox">クラスセレクタ</div>

<div class="txboxe">Exampleスクロールしない</div>

<div class="txboxh">HTMLスクロールしない</div>

<div class="txboxhs">スクロールする場合</div>

<div class="txboxc">CSSスクロールしない</div>

<div class="txboxcs">CSSスクロールする</div>

●フレームに他で作ったサイトを読み込む場合
・object要素を使って「外部で作成したサイトの.html」を読込む場合

<object data="http://外部で作成したサイトの.html" type="text/html" width="520" height="400">読込むサイトの説明</object>

●blockquote内に出典先を表示する方法

<blockquote>あああああああ
<q>出典：hogehoge書籍</q>
</blockquote>

あああああああ
出典：hogehoge書籍

●テーブルあお線あり幅520px2段3項目上段中央寄せ中揃え、下段左寄せ上揃え

<table class="tbblueh" summary="見本1">
<colgroup><col span="1" style="width:200px" /> </colgroup>
<colgroup><col span="2" style="width:200px" /> </colgroup>
<tr align="center" valign="middle">
<td>111</td><td>222</td><td>3333</td>
</tr>
<tr align="left" valign="top">
<td>あああ</td><td>いいい</td><td>ううう</td>
</tr>
</table>

align="left"(左寄せ）"center"(中央寄せ）"right"(右寄せ）
valign="top"(上揃え）"middle"(中央揃え）"bottom"(下揃え）

●ページナビゲーションに外部のリンク先へりんくする。
以下のように赤い部分を加える。

<?php wp_list_pages('title_li='); ?>
<li class="page_item"><a href="http:リンク先URI">りんくの名前</a></li>


以下

Posted at 05:56 | Category: カスタマイズ | No Comments

Content Comments

No comments.

Comment





Trackback URL