CSS このブログの読者になる(チェック)・・ | アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

CSS このブログの読者になる(チェック)・・

咳をすると腹筋が痛いし

のどもヒリヒリするしで

できるだけ咳をしないように我慢をしています?

コメント、プチメの返事はもうチョット待っていてください m(_ _)m




先日アナウンスのあった「このブログの読者になる(チェック)」

スタッフブログ-読者/チェックリストの登録、管理方法が変わります




読者登録ボタンがあれば必要ないと思うのですが・・・・


で・・ 消しちゃいたい方は・・・


.readerMainLink{
display:none ;
}



あってもいいけど・・・ そのままじゃねって~方は・・・



文字色を変えます・・・


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


.readerMainLink a{
color:#ff00ff;
}


ついでにマウスが乗った時の文字色も変更してみます


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


.readerMainLink a:hover{
color:#0000ff;
text-decoration:none;/*下線を消す*/
}



アイコンを付けます・・・


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

ラブラブ  http://stat.ameba.jp/blog/ucs/img/char/char2/035.gif

アメブロの絵文字を使ってみます


.readerMainLink p a{
background-image:url(画像のURL);
}



もし・・アイコンだけを消す場合・・・

.readerMainLink p a{
background:none;
}


もし・・・このように2行になっちゃった場合は・・
アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

.readerMainLink p{
width:250px;
}



文字を小さくしたい場合は


.readerMainLink p{
font-size:10px;
}



もっと・・他の方とは違ったのがって希望の場合は・・・・


こんな画像を用意してください

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!   アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!    アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!    アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!    アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!    アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!    アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!    アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!    アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!    アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


CSSの最後に・・・・


.readerMainLink p{
text-indent:-9999px;
background-image:none;
}
.readerMainLink p a{
display: block;
padding:0;
margin:0 auto;
width:175px;/*画像の横*/
height:60px;/*画像の縦*/
background-image : url(最初の画像のURL);
background-repeat : no-repeat ;
}
.readerMainLink a:hover {
background-image : url(マウスがのったときの画像のURL);
background-repeat : no-repeat ;
}



ロールオーバー(マウスがのったときに画像が替わる)が必要なければピンク部分は必要ありません




まっ・・チェックリスト自体が嫌だ!って方もおられるのですが・・・

読者になる前にしばらく読んでみたい・・・とか

中には堂々と読者です~って名のれないブログもあるわけですから?

あってもいいとは思いますが・・・


どちらにしても・・

誰がチェックリストに入れているかまではわからなくても

何人の方がチェックリストに入れているのかは知りたいのではないでしょうか・・・

隠れ読者さまがこんなにおられるんだ~って知ることは励みになると思いますが

アメブロさまいかがでしょう?



わたしは隠れ読者さまも歓迎しますよ




※まだ変更されて30分くらいしかたっていませんのでコレからまた変更される可能性もあります


やっぱり・・早すぎた~・・ すこし修正しました・・・

2009.11.10・・また変更されました・・・

ナゼこんなところ変更するんでしょう?