「がぞりん」は逆アクセスランキングに連動してリンク画像を表示する画像RSSブログパーツです。


サポートブログ内の記事へパッとアクセスできるように目次を作りました。

記事タイトルを透過パネルで表示する

transparent-icon
CSSの設定次第で、以下のように記事タイトルを透過パネルで表示することも可能です。

サンプルコードは以下のとおり。

<style><!--
.gazoline_group { line-height: 0px; }  
.gazoline_group div[name=gazoline] { float: left; margin: 0px 5px 0px 0px; line-height: normal; }   
.gazoline_group div[name=gazoline_post_title] {
	/* 記事タイトル表示位置調整(画像とオーバラップさせる) */
	position: relative;
	top: -20px;
	/* 色の設定 */
	color: #fff;
	background-color: #fff;
	text-decoration:none;
	/* テキスト背景の透過設定 */
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	text-shadow: 0 0 6px #000,0 0 8px #000, 0 0 10px #000;
}
--></style>
<div class="gazoline_group">
	<script type="text/javascript">gazoline.show(0, 'label', 'resize_sample', '150x150t20')</script>
	<script type="text/javascript">gazoline.show(0, 'label', 'resize_sample', '150x150t20')</script>
	<script type="text/javascript">gazoline.show(0, 'label', 'resize_sample', '150x150t20')</script>
	<div style="clear: both;"></div>
</div>

関連記事

コメント

  1. この記事へのコメントはありません。

お勧め記事トップ5

ACRランキング上位5サイトの画像リンクを、RSSで取得した画像を使って表示しています。
→この表示方法を知りたい

お勧めおっぱい記事トップ5

ACRランキング上位5サイトの画像リンクを、RSSで取得した画像の内、おっぱいに関する記事を優先的に使って表示しています。
→この表示方法を知りたい

ピックアップ記事

ランキング順位とは無関係に、一押しサイトのRSSを取得してランダム表示させています。
→この表示方法を知りたい

がぞりんアクセスランキング

外部サービスによるアクセスランキング


本サイトの画像リンクは「がぞりん」を利用しています。

アクセスランキング
全ランキングはこちら

人気記事紹介

ACRランキングに連動し、上位10サイトのRSSを取得してテキスト表示させたテキストRSS風の表示です。先頭と末尾の1行ずつは広告です。この広告もがぞりんで任意のものを設定できます。
→この表示方法を知りたい

パワープッシュ!

ACRランキングとは無関係に、今この瞬間お勧めの記事を紹介することができます。
→この表示方法を知りたい
ページ上部へ戻る