無料Web素材 RSSアイコン(1)

ブログが作りたい!無料アイコン素材 > 無料Web素材 RSSアイコン(1)

無料Web素材 RSSアイコン(1)

無料Web素材 RSSアイコン(1)

無料Web素材 RSSアイコン(1)

今回ご紹介する無料Web素材は、RSSフィードのアイコンです。

ブログでRSSに関する表記をしておいても、なかなか気付いてもらえませんから、しっかりRSSのアイコンを貼ってアピールしておきましょう。

また、「そもそも、RSSって何?」という人は、良かったら記事『RSSとは?』をご覧になってみてください。

当ブログ(「ブログが作りたい!」)の無料Web素材を利用する場合は、事前に利用規約を必ずご覧ください。


無料Web素材 RSSアイコン 9個(100×100)

サイズは、100×100(ピクセル)です。グラデーションをきれいに出すために、jpgにしています。

無料Web素材 RSSアイコン1
RSSアイコン1
オレンジ
(#ff9933)
無料Web素材 RSSアイコン2
RSSアイコン2
黒色
(#333333)
無料Web素材 RSSアイコン3
RSSアイコン3
青色
(#666699)
無料Web素材 RSSアイコン4
RSSアイコン4
緑色
(#669966)
無料Web素材 RSSアイコン5
RSSアイコン5
赤色
(#e83929)
無料Web素材 RSSアイコン6
RSSアイコン6
濃いピンク
(#ff6666)
無料Web素材 RSSアイコン7
RSSアイコン7
薄いピンク
(#ffcccc)
無料Web素材 RSSアイコン8
RSSアイコン8
茶色
(#996633)
無料Web素材 RSSアイコン9
RSSアイコン9
薄い紫色
(#cc9999)

無料Web素材 RSSアイコン 9個(50×50)

小さいバージョンです。サイズは、50×50(ピクセル)です。

無料Web素材 RSSアイコン10
RSSアイコン10
オレンジ
(#ff9933)
無料Web素材 RSSアイコン11
RSSアイコン11
黒色
(#333333)
無料Web素材 RSSアイコン12
RSSアイコン12
青色
(#666699)
無料Web素材 RSSアイコン13
RSSアイコン13
緑色
(#669966)
無料Web素材 RSSアイコン14
RSSアイコン14
赤色
(#e83929)
無料Web素材 RSSアイコン15
RSSアイコン15
濃いピンク
(#ff6666)
無料Web素材 RSSアイコン16
RSSアイコン16
薄いピンク
(#ffcccc)
無料Web素材 RSSアイコン17
RSSアイコン17
茶色
(#996633)
無料Web素材 RSSアイコン18
RSSアイコン18
薄い紫色
(#cc9999)
前の記事へ
次の記事へ

次回予告

次回も RSSアイコンをご紹介したいと思います。(RSSアイコン普及委員会それでいいんかい会長 KumaCrow)


関連記事

無料Web素材に関連する記事を、一部ご紹介します。

1:無料Web素材をご利用する上でのお約束

2:無料 RSSアイコン素材

3:フリーウェアで、アイコンを作ってみませんか?

カテゴリの記事一覧

作成日:2009/06/22 更新日:2009/06/22

コメントありがとうございます。

お手数ですが、コメント前に留意事項をご覧くださいませ。

また、現在ご質問にお答えする余裕がない状態にあります。よろしくお願いいたします。

初めまして。
今日初めて来ましたが、ここまで詳しく解説しているサイト様はかなり久々に見ました。

いきなりですが、質問させていただきます。

たとえば、この記事で
_____________________
㊟ 当ブログ(「ブログが作りたい!」)の無料Web素材用する場合は、事前に利用規約を必ずご覧ください。
_____________________

㊟=画像

このように、classセレクタ(でしたっけ?^^;)を使って、枠付きで目立たせる方法を用いたいのですが、ソースを拝見させていただいたところあんまり理解できませんでした・・・。

画像は用意してあるのですが、自分のサイトで使う場合には、どのようなCSSのソースになるのでしょうか?

時間があれば、答えていただけると幸いです。

はじめまして、こんにちは!

マイルさん、こんにちは!(・∀・)/へろー
コメントありがとうございます。

【1】注、補足、ポイントのCSS

おそらく、CSSを習いたての頃に書いたコードのままなので、
余計なコードが多く、分かり難いのかもしれません。(´Д`;)

理解しがたいのは、当然至極かも。(無駄が多いのね)

それと、けっこう面倒くさいんです。これやるの。
もっと良い方法があるのかもしれません。(;´Д`)


方法としては、例えば、HTMLの方が、
次のような書き方になります。

+----+----+----+----+----+----+----+----+----+----+
<p>文章1</p>

<p>文章2</p>

<div class="care">
<p>注意書きの文章</p>
</div>
+----+----+----+----+----+----+----+----+----+----+

いちおう、divで囲ってはいるけれど、
検索エンジンから見ると、文章の一部なんですね。

なので、基本SEO的にも、無意味な文章にはなりません。


それで、考え方としては、

divのボックス要素に、
pのボックス要素が入っている仕組みです。

divに背景画像として、[注]の画像を入れます。

そのままだと、pの文章がかぶるので、
pをmarginで、右にずらしているイメージです。

あとは、pにborderを入れるだけです。


これの↓応用といった感じです。
http://kumacrow.blog111.fc2.com/blog-entry-528.html

聞いてみると、
「あぁ、そんだけかい」という感じではないかしら。


ただ、手間なのが、いちいちdivで囲わなければいけない。
(classは判別するために付けています)

記事をHTMLで書くことが、前提になってしまうんです。
記事内で使うのは、面倒くさいですよね。(´Д`;)

その上、2行におさまるような文章じゃないと、
デザイン的にもかっこう悪いという・・・。

もう少し冗長にできると良いですよねぇ。


CSSのソースは、ご覧になっているとのことなので、
載せる必要がないかもしれませんが、

注意書きのところなら、次のようになります。

+----+----+----+----+----+----+----+----+----+----+
div.care {
background:url("[注]画像") left center no-repeat;
margin:25px 5px 30px 5px;
height:50px;
}
div.care p{
margin:5px 5px 5px 55px;
padding:5px 5px 5px 10px;
border:1px solid #f93;
}
+----+----+----+----+----+----+----+----+----+----+

heightは、画像の高さ分を入れています。
あとは、ほとんど位置の調整です。


【2】コメントについて

当ブログの検索表示順位に影響がある場合、
コメントを削除させていただくことがあります。

予めご了承くださいませ。(´・(ェ)・`)よろちくび


追記:
リンクファームに参加しているような怪しいサイトと、
気付かないうちに、相互リンクしていたりしませんか?

リンク先などをチェックして見るほうが良いかもしれません。

コメントの投稿

内緒のときは、チェックしてください。

トラックバック

http://kumacrow.blog111.fc2.com/tb.php/543-c78dc239
 | トップページ | 

FC2ブログの作り方・作成

GIMP2で画像を編集しよう

イラストが描ける Inkscape

初心者のためのSEO対策

Google Analytics入門

アクセス解析QLOOK

アイデアの作り方

超ビギナー向けHTML入門

超ビギナー向けのCSS入門

FC2ブログのカスタマイズ

初心者向けのCSS小技

Web制作に役立つ本

ブログでお小遣い稼ぎ

これはうまい!

誰にでも才能はあるのです

RSSフィード

プロフィール

KumaCrow(クマクロ)

KumaCrow

FC2ブログによるブログの作り方をご紹介しています。「初心者の人にも分かりやすく!」がモットーです。

Twitter KumaCrow

リンクフリー♪
フォローも、ふりっふり~

伝わる文章を書くコツ

最近の記事

最近のコメント

パソコン入門

アクセスの多かった記事

先月アクセスが多かった記事を、ご紹介します。

【1位】
GIMP2の使い方
【2位】
プリントスクリーンの方法
【3位】
GIMP2 パスの使い方
【4位】
GIMPとは?
【5位】
レイヤーとは?

初心者のデジカメ撮影術

ホームページ制作にJimdo

このブログの評価

自分を見つめなおす

ブログランキング

クリックしちゃいなよ!You、クリックしちゃいなよ!そして、Canして、Doしちゃいなよ!

FC2ブログランキングに参加してみませんか?見に来てくれる人が少しだけ増える・・・かもしれません。

FC2カウンター

ブログ開始(2007年7月)から、ユニークユーザ数が「のべ240万人」に達しました。いつもご覧いただきまして、ありがとうございます。(2011/01/05、FC2カウンター故障・データ消失により、10万人分くらいマイナスとなりました)

子どもの教育

最近のトラックバック

+++ お友達のブログ・お世話になっているサイトさま +++

ふわふわふわりん
無料ウェブ素材 Tyto-Style
海外のSEO対策・SEOツールをわかりやすく解説するブログ
日南商工会議所による情報化支援ブログ
気になるけど
聞き捨てならん!!
かちびと.net
ありのごとくあつまりて