次は・・・
そろそろさわれる部分もなくなってきちゃって困っています・・・
で・・
カレンダー・・・ でもどうでしょうか？
※右サイド・・・一時的にペンギンからリンゴに変っています・・
前に紹介したのとはちょっと違ってかわいくない？
ただ・・画像に合わせなくちゃなんないので
記事にするのがメンドウなんです
こんな画像を用意しなくちゃいけないんですが・・・・
画像を作る才能がないからな～
ＣＳＳ 読者（チェック）ボタンを記事中に・・
問い合わせいただいた回答です・・
記事中にペタボタンだけでなく読者（チェック）ボタンもつけたいです・・・
HTMLタグを表示にして設置したいところに
<div align="center"><a href="http://blog.ameba.jp/reader.do?bnm=あなたのID"><img src="画像のURL"></a></div>
※例えばわたしの場合でしたら http://blog.ameba.jp/reader.do?bnm=exlink になります
中央寄せしたい場合は <div align="center"> と </div> を前後に付けてください
もし・・ロールオーバーさせたい場合は・・・
HTMLタグを表示にして設置したいところに
<div class="check"><a href="http://blog.ameba.jp/reader.do?bnm=あなたのID"><img src="画像のURL"></a></div>
で・・ＣＳＳに
.check img {
visibility : hidden ;
}
.check a{
display: block;
padding:0;
margin:0 auto;
text-align:center;
width:180px;/*画像の横*/
height:24px;/*画像の縦*/
background-repeat : no-repeat ;
background-image : url(画像のURL) ;
}
.check a:hover {
background-repeat : no-repeat ;
background-image : url(マウスがのったときの画像のURL);
}
※水色部分は中央寄せする場合に必要です
margin:0 auto;
text-align:center;
CSS また記事下広告が・・・
あらっ・・・？
なんか・・また・・ 記事下広告が変わっちゃっていますね・・・？
変な背景からボーダーに変更ですか・・・
やっぱし・・ おかしいから消えてもらいます・・・
CSSの最後に・・・
#advertising2 #gadBox div.blockhoverGeneral{
border:none;
}
もし・・王冠のアイコンを変更したい場合は
http://ameblo.jp/exlink/entry-10208568112.html
もし・・王冠のアイコンも消したい場合は
http://ameblo.jp/exlink/entry-10209718626.html
コチラを参考にして下さい
※広告を表示することでアメブロは無料で使えます・・消しちゃダメですよ