http://d.hatena.ne.jp/Sukai/←の続きを読むのように、ボタンに触れると、色が反転するのは、はてなブログでもできますか?
できるのであれば、やり方を教えてください!
続きを読む機能としての画像を設置したいということだったんですね。
自分のはてなブログで試行錯誤したらできました。
前回書いた記述は全て消して、デザインCSSに以下を記述してください。
.seemore{
font-size: 0em;
text-indent: -5000px;
position:relative; left:80px;
}
.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;
}
.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;
}
マウスで触れると画像が変わる仕組みは利用できると思います。
以下のようにで試してみてください。
記事に以下を記述
<a href="http://d.hatena.ne.jp/Sukai/" id="a"></a>
#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;
}
#a:hover {
background-color:
transparent;
background-image:url("http://cdn-ak.f.st-hatena.com/images/fotolife/S/Sukai/20120306/20120306225752.gif");
background-position:bottom;
}
続きを読む機能としての画像を設置したいということだったんですね。
自分のはてなブログで試行錯誤したらできました。
前回書いた記述は全て消して、デザインCSSに以下を記述してください。
.seemore{
font-size: 0em;
text-indent: -5000px;
position:relative; left:80px;
}
.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;
}
.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;
}
http://taikodaisukinanasisan.hatenablog.jp/entry/2012/08/14/100413
やってみたのですが、記事の続きが表示されません…。
スミマセン。迷惑かけて…。
本当ですね。
私もCSS初心者なのでこれ以上の方法が分かりません。
お役に立てなくてすみません。
http://taikodaisukinanasisan.hatenablog.jp/entry/2012/08/14/100413
2012/08/16 09:57:32やってみたのですが、記事の続きが表示されません…。
スミマセン。迷惑かけて…。
本当ですね。
2012/08/16 16:11:04私もCSS初心者なのでこれ以上の方法が分かりません。
お役に立てなくてすみません。