人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

はてなダイヤリーについて質問です。
http://d.hatena.ne.jp/Sukai/←のように『続きを読む』ボタンを加えることはできたのですが、画像の『続きを読む』ボタンと文字の『続きを読む』の2つのボタンが表示されます。どうしたら良いでしょうか。わかる方は回答をお願いします。

●質問者: わしゃわしゃ
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● スカイ
ベストアンサー

うごキャラ日記ではCSSに以下のように記述しています。

p.seemore{
font-size: 0em;
text-indent: -5000px;
position:relative; left:100px;
}

ぜひ試してみてください。


わしゃわしゃさんのコメント
すみません(汗) CSSに上記の内容をコピペして、文字の「続きを読む」は消えたのですが、画像の「続きを読む」も表示されなくなりました…。どうしたら、良いのでしょうか…。

スカイさんのコメント
それでは、今まで書き込んだ「続きを読む」関連のCSSを一度削除して以下の記述に変更してみてください。バックアップは忘れずに。 p.seemore{ font-size: 0em; text-indent: -5000px; position:relative; left:100px; } p.seemore a { display:block; width:200px; height:30px; border:0; background-color:transparent; background-image:url("http://cdn-ak.f.st-hatena.com/images/fotolife/S/Sukai/20120306/20120306225752.gif"); background-position:top; } p.seemore a:hover { width:200px; height:30px; background-color:transparent; background-image:url("http://cdn-ak.f.st-hatena.com/images/fotolife/S/Sukai/20120306/20120306225752.gif"); background-position:bottom; } それでもできない場合は私の知識では実現は難しいです。

わしゃわしゃさんのコメント
出来ました!親切なご回答、ありがとうございました!
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ