2015/04/05

完成テンプレート・・・

・・・メンバー紹介ログ 立ち上げ用。



● ベーステンプレート[CSSで定義されているままを表示])
<table><tbody><!-- ▼ ココからが 紹介枠 -->
<tr><td><pre class="Exp">

<!-- ココからが 1ユーザー枠 ▼
キャラクター画像 - 画像サイズは250px角固定、複数キャラの場合 AnimatedPNG推奨 → --><img class="iMem" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUz20tU2-U9z9tXvR8ojry_6HxEZO4banr6ZoyvVP73r9ORvRNUTzJ0glq5xlrhBoETUula3gllneVruKTtVQ9tfmkzJS02uERRNWoUmJDC8prJpeIyDTov8duOy6s1imiWYBG-8fPkV_e/s1600/temp.png" />
<div class="nMem" style="font-size: 30pt !important;">{ID名表示枠}<!-- 名前が長い場合は 30ptの数字を小さくして一行に収めて下さい --></div>
<table class="bMem"><tbody>
<tr style="padding: 0px !important;"><td style="width: 225px;"><!-- サムネ回避列 --></td>
<td class="uMem"><pre class="postset">{名前下 右寄せ 1行枠}</pre></td></tr>
<tr style="padding: 0px !important;"><td><!-- サムネ回避列 --></td>
<td class="cMem"><pre class="postset">{サムネ右下 左寄せ 上下中央 5行枠}</pre></td></tr>
<tr style="padding: 0px !important;"><td><!-- サムネ回避列 --></td>
<td class="uMem"><!-- 余白向け暫定行 - 2行設置も可能 --></td></tr>
<tr><td colspan="2" class="tMem"><pre class="postset" style="color: #334488">{紹介文章枠}</pre></td></tr>
</tbody></table><!-- → サポパ画像枠 複数キャラの場合 AnimatedPNG推奨 → --><div class="sMem"><img class="siMem" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUz20tU2-U9z9tXvR8ojry_6HxEZO4banr6ZoyvVP73r9ORvRNUTzJ0glq5xlrhBoETUula3gllneVruKTtVQ9tfmkzJS02uERRNWoUmJDC8prJpeIyDTov8duOy6s1imiWYBG-8fPkV_e/s1600/temp.png" /></div>
<!-- ▲ ココまでが 1ユーザー枠 -->
</pre></td></tr>
</tbody></table><!-- ▲ ココまでが 紹介枠 -->
▲ テンプレートのまま表示 ▼


{ID名表示枠}
{名前下 右寄せ 1行枠}
{サムネ右下 左寄せ 上下中央 5行枠}
{紹介文章枠}
■ 実際に使用する場合は・・・ ▼


{ID名表示枠}
{名前下 右寄せ 1行枠}
{サムネ右下 左寄せ 上下中央 5行枠}
{紹介文章枠}
{ID名表示枠}
{名前下 右寄せ 1行枠}
  • サムネ右下 左寄せ 上下中央 5行枠 文章中の改行が有効になります。 注) 5行を超えると雛形が破綻します。 (ulタグを使ってリストを配置する場合は最大4行)     ▼ 枠幅指標
------------------------------------
{紹介文章枠}


文章中の改行が有効になります。
-----------------------------------------------------
◆ 更に 各部へ色指定をする場合は、以下を参考に。
● 色指定変更例)
<table><tbody><!-- ▼ ココからが 紹介枠 -->
<tr><td><pre class="Exp" style="background-color: #4193e2 !important;">

<!-- ココからが 1ユーザー枠 ▼
キャラクター画像 - 画像サイズは250px角固定、複数キャラの場合 AnimatedPNG推奨 → --><img class="iMem" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUz20tU2-U9z9tXvR8ojry_6HxEZO4banr6ZoyvVP73r9ORvRNUTzJ0glq5xlrhBoETUula3gllneVruKTtVQ9tfmkzJS02uERRNWoUmJDC8prJpeIyDTov8duOy6s1imiWYBG-8fPkV_e/s1600/temp.png" />
<div class="nMem" style="color:#1e50a2 !important;font-size: 30pt !important;text-shadow: 2px 2px #99caef !important;">{ID名表示枠}<!-- 名前が長い場合は 30ptの数字を小さくして一行に収めて下さい --></div>
<table class="bMem" style="background-color:#99caef !important;"><tbody>
<tr style="padding: 0px !important;"><td style="width: 225px;"><!-- サムネ回避列 --></td>
<td class="uMem"><pre class="postset">{名前下 右寄せ 1行枠}</pre></td></tr>
<tr style="padding: 0px !important;"><td><!-- サムネ回避列 --></td>
<td class="cMem" style="color: #334488 !important;"><pre class="postset">{サムネ右下 左寄せ 上下中央 5行枠}</pre></td></tr>
<tr style="padding: 0px !important;"><td><!-- サムネ回避列 --></td>
<td class="uMem"><!-- 余白向け暫定行 - 2行設置も可能 --></td></tr>
<tr><td colspan="2" class="tMem"><pre class="postset" style="color: #334488">{紹介文章枠}</pre></td></tr>
</tbody></table><!-- → サポパ画像枠 複数キャラの場合 AnimatedPNG推奨 → --><div class="sMem"><img class="siMem" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUz20tU2-U9z9tXvR8ojry_6HxEZO4banr6ZoyvVP73r9ORvRNUTzJ0glq5xlrhBoETUula3gllneVruKTtVQ9tfmkzJS02uERRNWoUmJDC8prJpeIyDTov8duOy6s1imiWYBG-8fPkV_e/s1600/temp.png" /></div>
<!-- ▲ ココまでが 1ユーザー枠 -->
</pre></td></tr>
</tbody></table><!-- ▲ ココまでが 紹介枠 -->
▲ 表示例 ▼



{ID名表示枠}
{名前下 右寄せ 1行枠}
{サムネ右下 左寄せ 上下中央 5行枠}
{紹介文章枠}

0 件のコメント:

コメントを投稿

注: コメントを投稿できるのは、このブログのメンバーだけです。