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


拍手する ※見てくださった方々へ、、ご参考になれば幸いです。よろしければ「拍手」頂ければウレシイです


にほんブログ村 旅行ブログ 温泉・温泉街へ にほんブログ村 旅行ブログ 旅行グルメへ にほんブログ村 鉄道ブログ 鉄道旅行へ ブログランキング・にほんブログ村へ
ブログランキング【くつろぐ】 ブログランキング ブログランキングのブログん家 blogram投票ボタン

 注目 Blog 記事タイトル レイアウト変更 を行いました(2010.02.09)
 注目 Blog 記事に tag関連エントリの自動表示 を行うようにしました(2010.01.05)
 注目 伊東温泉・共同浴場10湯比較リスト 公開しました!(2009.12.20)
 注目 Blog 表示高速化のため、記事を要約して表示する方法へ変更しました(2009.12.13)
 注目 伊東温泉共同浴場温泉マップ 公開しました!
 注目 ★全国駅前温泉リスト★ 随時更新中 (2010.8.17 更新) オススメ

FC2拍手プラグイン デザインカスタマイズ

久しぶりにブログカスタマイズのネタです。忘れないうちに記事にしておきます

右のプラグインエリアにFC2拍手のプラグインを導入し、当ブログの拍手数ランキングに利用していますが今日の午前中に「肥薩線・真幸駅」の記事を公開したところ、怒涛の拍手数?で現時点で拍手が100にも・・・

いきなりウチのブログトップランキングに。真幸駅マニアな方とか、木造駅舎マニアな方にうけたのかな(笑)

それはそれでうれしいことなのですが、レイアウトというかデザインが桁数が増えた事により段落落ちが発生。その微調整をしました。

FC2拍手のプラグインデザインはスタイルシートで設定しておりある程度細かく指定可能です(まだまだ足りないところもあるが)。以前は何も出来ず色も原色でまったくカスタマイズできなかったが、いまは手を入れる事が可能。

各項目毎の横幅を調整したいのだが、それをやるには以下の部分に手を入れます。


#fc2clap_rank_table td.fc2clap_rank_items_rank { /* カテゴリ内順位 */
    border: 1px solid #000000;
    width: 16%;
}

#fc2clap_rank_table td.fc2clap_rank_items_title { /* カテゴリ内タイトル */
    border: 1px solid #000000;
    width: 58%;
}

#fc2clap_rank_table td.fc2clap_rank_items_clap { /* カテゴリ内拍手数 */
    border: 1px solid #000000;
    width: 26%;
}


ここで各項目毎に幅の調整が可能。「●●位」という部分が段落落ちしないように調整しました。ブラウザ毎に微妙に違いますが、IE、Firefox、GoogleChrome で表示が同じになるように調整。IE5.5でも段落落ちしないように手を入れました。

どことなく間延びしているようにも見えますが(苦笑)、順位の「位」という文字部分だけ本当は字を小さくしたいのですが、スタイルシートでこれだけ小さくすることができないのでそこは改善してほしいところなのですが・・・。



関連記事

拍手する ※見てくださった方々へ、、ご参考になれば幸いです。よろしければ「拍手」頂ければウレシイです

テーマ : 本日の小ネタ
ジャンル : ブログ

tag :日記 ブログレイアウト カスタマイズ プラグイン 

にほんブログ村 旅行ブログ 温泉・温泉街へ にほんブログ村 旅行ブログ 旅行グルメへ にほんブログ村 鉄道ブログ 鉄道旅行へ ブログランキング・にほんブログ村へ
ブログランキング【くつろぐ】 ブログランキング ブログランキングのブログん家 blogram投票ボタン

 注目 Blog 記事タイトル レイアウト変更 を行いました(2010.02.09)
 注目 Blog 記事に tag関連エントリの自動表示 を行うようにしました(2010.01.05)
 注目 伊東温泉・共同浴場10湯比較リスト 公開しました!(2009.12.20)
 注目 Blog 表示高速化のため、記事を要約して表示する方法へ変更しました(2009.12.13)
 注目 伊東温泉共同浴場温泉マップ 公開しました!
 注目 ★全国駅前温泉リスト★ 随時更新中 (2010.8.17 更新) オススメ

tag関連エントリ(Google AJAX Feed)

Loading..Please Wait

trackback


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

投稿後は管理人承認待ちとなり、承認の上公開されます。記事とは関係のないトラックバックは予告なく削除対象となりますので予めご了承ください。



コメント


コメントの投稿

投稿後は管理人承認待ちとなり、承認の上公開されます。記事とは関係のないコメントは予告なく削除対象となりますので予めご了承ください。


非公開コメント

ブログ内 記事検索
カテゴリ
全記事一覧表示
カテゴリ別全タイトル表示 NEW
最近のコメント(コンパクト)
データ取得中...
最新記事
最新コメント
最新トラックバック
カレンダー(月別)
07 ≪│2017/08│≫ 09
- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31 - -
月別アーカイブ
タグリスト

RSSリンクの表示
メールフォーム

名前:
メールアドレス:
件名:
本文:

ホームページリンク
素材リンク集
ゆーりの休日 2000ピクセル以上のフリー写真素材集 写真素材ポラリス
フリーエリア
リンク
プロフィール

やっすぃぃぃー

Author:やっすぃぃぃー

趣味はダイビングと鉄道旅行。ダイビングライセンスはダイブマスター、鉄道ではJR全線乗りつぶし達成済という異才。温泉、駅弁、ラーメン、路面電車、お城巡りも好きな凝り性。横浜市内在住。HP

やっすぃぃぃーの愛車
レガシィ

スバル・レガシィB4の話題を『みんカラ』SNSでいろいろまとめてます。車の話題を随時掲載中です♪
『亡き後を考える』シリーズ記事
温泉トピックス
温泉比較リスト
温泉マップ
GoogleMAPで温泉マップを作成しました。湯巡りの際のご参考に!

伊東温泉共同浴場10湯
鹿児島市内温泉銭湯20湯
ブログ開設から何日経った?
サイト内 人気ページランキング
検索サイト キーワードランキング
FC2拍手ランキング
FC2アクセスランキング
13位 温泉旅行
227位 旅行
ブロとも申請フォーム

この人とブロともになる

QRコード
QRコード
ブログパーツ レンタルCGI
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。