CSS RSSアイコン2
CSS RSSアイコン こちらを先に読んでください
ＲＳＳアイコンに大きな画像を使いたい場合は・・
105px × 110px 105px × 110px 80px × 65px
#rss img{/* 元のRSSアイコンを消す */
visibility:hidden;
width:105px;/* 注1 */
height:53px;
}
#rss {/* RSSアイコン */
margin-top:10px;/* 注2 */
background-image: url(画像のURL);
background-repeat:no-repeat;
background-position:center top;
}
#rss p a{/* ※著作権についてのご注意 */
width:80px;
height:65px;
display: block;
text-indent:-9999px;
background-repeat:no-repeat;
background-image: url(画像のURL);
}
注1 ： （ 画像の縦 - 4px ） ÷ 2
注2 ： サイドバー下のアメブロ広告と離すために入れます
CSS RSSアイコン
こちらを先に読んでください
CSS RSSアイコン
記事下広告のアイコンがコロコロ変わっていますので
ＣＳＳはもう少し様子を見てからにすることにします・・・
前からテストしていてこのブログにもつけたらばれてしまいましたので・・・・
仕方がないので・・・・？ あれっ？
サイドバーの下・・・ ＲＳＳアイコンの変更です
今回のは今までとはチョット考え方が違います？
あの部分には 
と 
の2つの画像が使われています
ただ・・・id名も class名もついていませんのでＣＳＳで2枚の画像を指定することはできません
そこで2枚の画像を非表示にして・・・・
その2枚分のサイズの1枚の画像を背景にいれちゃうんです
背景の上には透明の2ヶ所のリンク部分があるって～わけです
なので画像のサイズは元の2枚のリンクの位置にあわせるために同じサイズにします
横幅 80px 縦 34px このサイズの中に上下2枚の画像を入れて1枚にします
※実際には横幅はもっと広くてもかまいません（横は170px以下、縦は34pxで）
ＣＳＳの最後にコピペです
#rss img{
visibility:hidden;
}
#rss {/*画像は80px×34pxで作ってください*/
background-image: url(画像のURL);
background-repeat:no-repeat;
background-position:center top;
}
RSSアイコン - 無料RSS画像・RSS作成サービス
RSSアイコンを無料で作ることができます
こちらで2つ作ってから 1枚の画像にまとめてください
Feed Icons - Home of the Standard Web Feed Icon
http://feedicons.com/
AI, EPS, SVG, PSD, PDF, PNG, JPG, GIF形式のFEEDアイコンをダウンロードできます
右側の 2.3MB - Version 1.5 の圧縮ファイルをダウンロードして解凍ください
その下の・・・※著作権についてのご注意 も画像にする場合は
#rss p a{
width:80px;/*画像の横*/
height:64px;/*画像の縦*/
background-image: url(画像のURL);
background-repeat:no-repeat;
display: block;
text-indent:-9999px;
overflow:hidden;
outline:none;
margin-right:auto;
margin-left:auto;
text-align:center;
}
赤字部分を自分の画像に合わせてください
こちらの画像はサイズは自由です
80px × 70px 80px × 64px 100px × 40px
アメーバを勝手に使っておいて・・著作権なんて・・・おかしなことなんですけどね・・・
アメブロさま～ごめんなさい m(_ _)m
サイドバー下のアメブロ広告に近すぎる場合は離します
#rss {
margin-top:10px;
}
RSSアイコンに大きな画像を使いたい場合は・・・
・・・・・で、
病院に行ってきました
糖尿は依然・・・ぎりぎりセーフ（本当にギリギリらしいです）
コレステロールはまた高くなっていました
先月かららっきょうを毎日食べ続けたのにサラサラ効果はなかったようで・・・
先生 「・・・薬を飲んでいてこれじゃぁ・・・・・ ・・・・ ・・ ・ 」
「これじゃあ・・何なんですか～・・・」
怖くて聞けませんでした・・・・
先生 「尿酸も高いですね・・・・」
初めて聞く言葉です
どうやら新たな敵が現れたようです・・・・
どうなる！自分！ ・・・・・ 来月につづく