情報ビジネス » 未分類 http://jouhoh.com Just another WordPress weblog Thu, 18 Nov 2010 16:09:44 +0000 ja hourly 1 http://wordpress.org/?v=3.0.1 Hello world! http://jouhoh.com/1.html http://jouhoh.com/1.html#comments Thu, 18 Nov 2010 16:09:44 +0000 ニュートラル http://jouhoh.com/wordpress/?p=1 WordPress へようこそ。これは最初の投稿です。編集もしくは削除してブログを始めてください !

]]> http://jouhoh.com/1.html/feed 25228 通常記事サンプル１ http://jouhoh.com/19.html http://jouhoh.com/19.html#comments Sat, 16 Oct 2010 01:50:42 +0000 ニュートラル http://tukasai.xsrv.jp/ts2/?p=19 ページの概要をここに記入

見出し

本文ここから

]]> http://jouhoh.com/19.html/feed 24678 素材サンプル一覧ページ http://jouhoh.com/8.html http://jouhoh.com/8.html#comments Sat, 16 Oct 2010 01:35:57 +0000 ニュートラル http://tukasai.xsrv.jp/ts2/?p=8 メールアイコン</a></p> ビックリマーク <p class="iconb">ビックリマーク</p> リンクセンター表示 <p class="link"><a href="http://ここにＵＲＬを記入">リンクセンター表示</a></p> リンク左位置表示 <p class="link2"><a href="http://ここにＵＲＬを記入">リンク左位置表示</a></p> リンク右位置表示 <p class="link3"><a href="http://ここにＵＲＬを記入">リンク右位置表示</a></p> 引用文などを記載する場合など枠と背景色をつける時などに使用 <blockquote> 引用文などを記載する場合など枠と背景色をつける時などに使用 </blockquote> h2見出しタイトル <h2>h2見出しタイトル</h2> h3見出しタイトル <h3>h3見出しタイトル</h3> h4見出しタイトル <h4>h4見出しタイトル</h4> h5見出しタイトル <h5>h5見出しタイトル</h5> h6見出しタイトル <h6>h6見出しタイトル</h6>]]> 本テンプレートで使用できる素材の一覧ページです！あくまでもサイト運営者に対するサンプルページですのでサイト公開時には「下書き」で保存しなおしてください＾＾

素材サンプル一覧ページ

チェックリスト素材１

チェックリスト素材１

<p class=" icon1">チェックリスト素材１</p>
<p class=" icon1">チェックリスト素材１</p>
  • チェックリスト素材２
  • チェックリスト素材２
  • チェックリスト素材２
  • チェックリスト素材２
<ul>
	<li>チェックリスト素材２</li>
	<li>チェックリスト素材２</li>
	<li>チェックリスト素材２</li>
	<li>チェックリスト素材２</li>
</ul>

メールアイコン

<p class="mail"><a href="ここにメールフォームURLを記入">メールアイコン</a></p>

ビックリマーク

<p class="iconb">ビックリマーク</p>

リンクセンター表示

<p class="link"><a href="http://ここにＵＲＬを記入">リンクセンター表示</a></p>

リンク左位置表示

<p class="link2"><a href="http://ここにＵＲＬを記入">リンク左位置表示</a></p>

リンク右位置表示

<p class="link3"><a href="http://ここにＵＲＬを記入">リンク右位置表示</a></p>

引用文などを記載する場合など枠と背景色をつける時などに使用 

<blockquote>
引用文などを記載する場合など枠と背景色をつける時などに使用
</blockquote>

h2見出しタイトル

<h2>h2見出しタイトル</h2>

h3見出しタイトル

<h3>h3見出しタイトル</h3>

h4見出しタイトル

<h4>h4見出しタイトル</h4>
h5見出しタイトル
<h5>h5見出しタイトル</h5>
h6見出しタイトル
<h6>h6見出しタイトル</h6>
]]> http://jouhoh.com/8.html/feed 56 文字装飾一覧ページサンプル http://jouhoh.com/29.html http://jouhoh.com/29.html#comments Sat, 16 Oct 2010 01:34:13 +0000 ニュートラル http://tukasai.xsrv.jp/ts2/?p=5 本テンプレートで使用できる文字装飾一覧ページサンプルです！あくまでもサイト運営者に対するサンプルページですのでサイト公開時には「下書き」で保存しなおしてください＾＾

文字装飾一覧サンプル

文字の装飾はクラス指定で行います＾＾

例：<p class="ここに指定">テキスト</p>
例：<span class="ここに指定">テキスト</span>

Pタグは改行時にスペースが空きますので1行全てを装飾する場合に使用
文中の一部に装飾を行いたい場合はspanタグを使用すると良いですね＾＾

＊そのままコピペで使用いただけます。

フォントサイズ

<p class="font-12"></p>

<p class="font-14"></p>

<p class="font-16"></p>

<p class="font-18"></p>

<p class="font-20"></p>

<p class="font-22"></p>

<p class="font-24"></p>

<p class="font-26"></p>

<p class="font-28"></p>

<p class="font-30"></p>

フォントカラー

<p class="light-brown"></p>

<p class="dark-brown"></p>

<p class="light-red"></p>

<p class="dark-red"></p>

<p class="light-pink"></p>

<p class="dark-pink"></p>

<p class="light-orange"></p>

<p class="dark-orange"></p>

<p class="light-green"></p>

<p class="dark-green"></p>

<p class="light-blue"></p>

<p class="dark-blue"></p>

<p class="light-purple"></p>

<p class="dark-purple"></p>

太文字

<p class="strong"></p>

蛍光ペン : 黄

テキストに背景色を付ける場合はPタグを使用するとその1行全てに反映される為＜span＞タグを使用

<span class="keikou"></span>

装飾を組み合わせる

フォントサイズとフォントカラーを組み合わせて使用する場合は半角スペースを入れる。

<p class="font-16 dark-purple"></p>

<p class="font-16 dark-blue"></p>

<p class="font-16 dark-purple strong"></p>

<p class="font-16 dark-blue strong"></p>

<span class="font-16 dark-purple strong keikou"></span>
<span class="font-16 dark-blue strong keikou"></span>
]]> http://jouhoh.com/29.html/feed 59