スポンサーサイト

  • このエントリーをはてなブックマークに追加
  • Pocket
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Amazon.co.jpアソシエイト

  • このエントリーをはてなブックマークに追加
  • Pocket

テンプレート「nSystem」の説明・使い方

  • このエントリーをはてなブックマークに追加
  • Pocket
nSystem_blue


詳細ページ(FC2Blog)

共有テンプレート2個目です。
説明・使い方を簡単にまとめました。
以前のテンプレートの説明は長すぎて正直面倒くさいことになっていたと思うので今回はシンプルにいきます。こまけえこたぁ(ry

nSystemテンプレートについて


このテンプレートはかなりマニアックです。半分ネタです。もちろん半分は本気です。
一応ゲーマーの方なんかを対象としています。それ以外にもこの手の"青光り"が好きな方も。

カスタマイズ自由ですが再配布はご遠慮願います。

対応ブラウザ


最新のモダンブラウザは全て対応しています。
IE7、IE8においても一部のエフェクト(シャドー等)はありませんが、きちんと表示はできます。

しかし前回に同じくOperaにてユーザータグ一覧がはみ出します。
これは公式プラグイン「ユーザータグ」内の を消去することにより解決します。

追記:最新バージョンでは大丈夫です。ただ、nbspは無い方がスペースがすっきりします。

ソーシャルボタン


「ツイート」「いいね!」「はてなブックマーク」「+1」「Pocket」のソーシャルボタンは組み込まれています。
FC2Blogのソーシャルボタン機能はオフにしてください。

見出しタグ


見出しタグは<h3>からの使用を想定しています。都合がもし悪ければCSSを変更してください。

公式プラグイン「カテゴリ」について


公式プラグインである「カテゴリ」を使用するときは「カテゴリ(カスタマイズ向け)」の方を使ってください。
でないとデザインが反映されません。


知っておくと便利かも?


記事内で使えるちょっと便利なクラス


・<img>タグに「entry-img」クラスを記述すると画像を水平方向真ん中に表示し強調のためのボーダーが付きます。
<img src="hogehoge.jpg" class="entry-img">


・<a>タグに「btn」クラスを記述するとリンクがボタンになります。
<a href="hogehoge.html" class="btn">


・以下のように記述することで青光り枠のブロック要素になります。
<div class="message">青光り枠で囲みたい内容</div>


・以下のように記述することで赤光り枠のブロック要素になります。(注意喚起用)
<div class="attention">赤光り枠で囲みたい内容</div>


サイドバーで使えるちょっと便利なクラス


・プラグインの<li>タグに「list-horizontal」クラスを記述するとリストが2段組になります。
<li class="list-horizontal">






以上です。
良いブログライフを。

ご意見などあればコメントよりお願いします。
関連記事

Amazon.co.jpアソシエイト

  • このエントリーをはてなブックマークに追加
  • Pocket

テンプレート「nLeaves」の説明・使い方次の記事

共有申請したテンプレートが不承認でした前の記事

comment iconコメント

comment avater

-

管理人のみ閲覧できます

-

このコメントは管理人のみ閲覧できます

2014年05月13日 22:51

comment avater

Silkycloud

Silkycloud

>1
メールを送らせていただきましたのでご確認をお願いいたします。

2014年05月13日 23:54

コメントの投稿



trackback iconトラックバック

トラックバックURL:

この記事にトラックバックする(FC2ブログユーザー)

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