トリビア・リンク

トリビア記録記 ~移ろいゆく時の流れとともに~

カレンダー

カテゴリ

人気記事

プロフィール

クーア

インターネットで氾濫している情報の中で、一つ一つの情報を吟味・厳選してその時の感動を記事にしたいと思います。

カウンター

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
  • FC2 リンクプラグインの作成

共通プラグインからシンプルでお手軽なリンクプラグインを探したものの全く見つからず
結局、シンプルで簡単なアイコン種別を分けて作成しました。

スタイルシートをプラグイン化してアイコン等ブラッシュアップして埋め込んだら共有申請をします。⇒ ランキング
<div id="plg-link">
<ul>
<!--link-->
<li class="star" &align><a href="<%link_url>" title="<%link_name>" target="_blank"><%link_name></a></li>
<!--/link-->
<li class="friend"><a href="<%url>?mode=friends">ブロとも申請</a></li>
<li class="kanri"><a href="./?admin">管理画面</a></li>
</ul>
</div>

<div id="plg-link"><p class="addlink"><a href="javascript:window.location.replace('http://blog.fc2.com/?linkid=trivialink');">このブログをリンクに追加する</a></p></div>

/* Link Plug-in */
#plg-link ul {
padding: 5px;
font-size: 93%;
}
#plg-link ul li {
max-height: 100px;
padding: 0 0 0 13px;
line-height: 1.55;
}
#plg-link .none { background: none; }
#plg-link .star { background: url(http://blog-imgs-53-origin.fc2.com/t/r/i/trivialink/trivia_img.png) no-repeat -480px -143px; }
#plg-link .friend { background: url(http://blog-imgs-53-origin.fc2.com/t/r/i/trivialink/trivia_img.png) no-repeat -480px -163px; }
#plg-link .kanri { background: url(http://blog-imgs-53-origin.fc2.com/t/r/i/trivialink/trivia_img.png) no-repeat -480px -183px; }
#plg-link .addlink {
margin: 10px 0 5px 0;
padding: 0 0 0 18px;
background: url(http://blog-imgs-53-origin.fc2.com/t/r/i/trivialink/trivia_img.png) no-repeat -476px -204px;
font-size: 93%;
line-height: 1.42;
}

コメント

コメントの投稿

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