新しい記事を書く事で広告が消せます。
ランキング
スポンサーサイト
新しい記事を書く事で広告が消せます。
RSSアイコンの話とか。
最近ブログデザインの気になるところを弄ったり、サイトを作ったりしているので更新ゆっくりになってます。
申し訳ない。
ところで右サイドバーにRSSの目立つアイコン入れてみました。
探してみると結構かっけーアイコン色々あるみたいなので紹介してみます。
□30色のきれいなRSSアイコン (snap2objects.com) - youmos
ウチは緑を基調としたスキンなので上記サイトからこちらをDLしました。硝子製ダイスのような質感がナイス。
□凝ったものからシンプルものまで、RSSアイコン集 -2007年 | コリス
ほかにもクールなデザインのものが沢山。
■RSS アイコン 2.0 - 説明ページつきRSSアイコンを無料作成
アイコンを押すとRSS登録の説明ページに飛びます。説明ページ付きフィード作成はこちら。
ウチの場合は、こちらで作成したアイコンのHTMLコードの中の画像ファイルURLを、先のサイトでDLした後でブログにUPした画像URLに変換しているわけです。簡単ですね。
<img src="画像ファイル">(※実際には<>は半角)画像ファイルの中に自分が表示したいアイコンの画像ファイルURLを入れてください。
「ウチのブログにもオサレなRSSアイコンを設置したい」という方はレッツトライ!
★イラスト・コミックの話題
【レビュー】
■ぷてぃ・あんじぇ Webloli:コミック少女天国 5月号 - livedoor Blog(ブログ)
■ぷてぃ・あんじぇ Webloli:コミックLO 5月号 - livedoor Blog(ブログ)
■ぷてぃ・あんじぇ Webloli:『お兄ちゃんクチュクチュしすぎだよっ』(ゴージャス宝田/ヒット出版社) - livedoor Blog(ブログ)
■いただき頂上『奴隷契約社員』(ヘドバンしながらエロ漫画!)
■尾野けいじ『ラブでれ』(ヘドバンしながらエロ漫画!)
■のぎまこと『あるこリズム』(ヘドバンしながらエロ漫画!)
■まんがさんぽ ■The Great Escape 2巻 (尾崎未来)
尾崎先生の描く乳はほんと素晴らしい。
【イラスト・web漫画】
■どき魔女2!(ぷにぽわ大作戦)
■リグル (03/24)(俺自重)
スカートめくってスパッツ見せるリグル。
■chaos diesel BloG 2.0 姫様ー!&拍手レス
頭の弱いマリナ姫まんが。
■The Agency(仮) 危うし
半年振りの更新だそうで応援的紹介。画像クリックでぶるま。
■まぁ、ローゼンメイデンの画像貼ろうぜ。(その1)
□(その2)
□(その3)
□(その4)
□(終)
■獣耳尻尾キャラ画像 2 (翠星石のギャルゲーブログ)
□獣耳尻尾キャラ画像 3 (翠星石のギャルゲーブログ)
□獣耳尻尾キャラ画像 4 (翠星石のギャルゲーブログ)
★ゲームの話題
■「鬼畜中出し水泳部 ~キャプテン氷川美玲・汁辱~」レビュー :おた☆スケ -おたくのスケジュール帳-
■「学園☆新選組! ~乙女ゴコロと局中法度~」レビュー :おた☆スケ -おたくのスケジュール帳-
★フィギュアの話題
■ふぃぎゅあみるく 【24】椚あやの メイドver. やまと byひえち
おぱーいメイドはいつ見てもええのう。
■乳造形ありました。 コトブキヤ「To Heart2 AnotherDays 向坂 環 メイドVer.」レビュー
■クエスチョナーズ「あなたの知らない看護婦~性的病棟24時~ 白鳥天音」のサンプル展示
かろうじて隠れているという。
★アニメの話題
■ひぐらしのなく頃にの「ヤンデレカルタ」ができた! :にゅーあきばどっとこむ
ヤンデレ続くとうぜえw
★2Ch等の話題
■【2ch】ニュー速クオリティ:最近、AV(三次元)を見ると、興奮するどころか、哀しくなるようになってきた
□無修正 がみたい ~yourfilehostなどの無修正~ -
□Movie Fan
優良なエロ動画サイト。お世話になってます。
□Vid-DL - 動画ダウンロード保存支援ツール
□DL-Video 動画をダウンロード&保存
ダウンロードはこちらにyourfilehostなどのURLぶちこめば可能。
再生にはFLVプレイヤーが必要。
■【2ch】日刊スレッドガイド : ネットで大人気の初音ミクがスペインのテレビで取り上げられる。全裸で。
そもそも全裸絵師はだれ?
■小4から溜め込んだ進研ゼミのマンガを真剣にうpするよ!
■碇シンジ「・・・最高だ・・・オレ・・・・」
■女子は何故スカートを短くするのか:VIPPERな俺
管理人さんのjk好きは異常。もっとやれ。
■京大の卒業式でオプーナやったけどなにか質問ある?:VIPPERな俺
ガチ降臨。
★その他の話題
■女子学生が噴水に飛び込んだりしている、ロシアの卒業式の風景 - GIGAZINE
もっとやれ。日本でもやれ。
※えろすレイアウト
コメント
すげえスクロール量
(;_;)おねがい、おねがいだから……左のメニューのHTMLを本文の下に持ってきてください……。
CSSをオフにした環境だと本文に辿りつくまでに多量のスクロールを要求されていて、見るに耐えないです。でもこのブログは貴重な情報源なので見たいのです。
実は教えてもらったサイトを参考にテンプレ弄ったのですよ。
そしたら、ものの見事に崩れまして。
週末に今一度チャレンジしてみようと思うのですが、管理人の体調があまりよくないこともありまして、少々お待ちいただけると幸いです。
ところで、これは素朴な疑問なのですが、CSSを切る事のメリットって何なのでしょうか?
読み込みが早くなるとかですか?
Yes
私は目が良くありませんので、モニタの解像度を800*600にしてパソコンを使っています。
しかし、そうすると横幅が狭まることによりレイアウトが崩れるサイトというのが多くなるんですね。見易くするはずのCSSが原因で逆に見辛くなっているという現象が当たり前に起きます。
あと、CSSというのは意外とメモリを使いまして、処理をできるだけ軽くするためにもCSSを切っているのです。
動機としては後者のほうが強いですね。
色んなサイトを見ていても、少しくらいのスクロールくらいなら我慢できるのですが、半分から2/3ほどもスクロールさせられるのは流石に辛いですし、HTMLというのは逐次処理(ソースを上から順番に読み込むこと)ですから、本文までのロード時間が無駄に感じられます。
……どうもお説教臭くなってしまって恐縮です。10を知ろうという人に50を教えようとしてしまうのは悪い癖ですね……ごめんなさい。
ソフトバンクからインターネットケータイが発売されましたが、今やWebサイトやBlogは高解像度のPCだけのものだけではなくなりました。(何年か前に高校生に「そういう携帯でページが見られないのは悲しいよ」と教えましたら、「このサイトは携帯電話に対応しておりません」とトップページに書かれてしまい、もっと残念な思いをしました。Webのメディアは端末を選ぶべきではないのです)
ページ作りに熱心なようで、大変ありがたいです。少々くらいなら我慢して待ちますとも!
低解像度、低スペックでも快適に見られるようなページ作りをどうかお願い致しますm(__)m
参考にしてください
以下に念のためPRE要素をつけましたが、うまく表示されないかも……
<pre>
HTMLの変更箇所
<!-- サイドバー左 -->
ほにゃらら
<!-- /サイドバー左 -->
<!-- メインブロック -->
素敵なコンテンツたち
<!-- /メインブロック -->
↓
<div id="wrapper">
<!-- メインブロック -->
素敵なコンテンツたち
<!-- /メインブロック -->
<!-- サイドバー左 -->
ほにゃらら
<!-- /サイドバー左 -->
</div>
style.cssの変更箇所
------追加------
#wrapper {
width:740px;
float:left;
}
------------
------変更------
#main {float: left;}
↓
#main {float: right;}
#left {float: left;}
↓
#left {float: right;}
------------
</pre>
なんかこれでできるみたいです。
この速さでできるってボクって凄いかも!?とか思いましたが、分かりやすく説明するための書式を書いてたらかなり手間取りました。
これくらい仕事できるんで就職させてください(切実)
情報ありがとうございます。
で、CSS弄ってみたんですがIEとプニルではそれで巧くいきました。
が、firefoxで見事に崩れました。
firefoxの占めるシェアを考えると採用するわけにいかないのです。
申し訳ないです。
この記事の一番下に「※えろすレイアウト」というテキストファイルをうpしておきました。
それがそのfirefoxだけで崩れるレイアウトです。
firefoxで崩れる要因と修正法を具体的に指摘してくだされば対応のしようもあるのですが、僕の技量だけではこれが限界です。
ご期待に沿えず申し訳なく思っております。
凡ミス?
えろすレイアウトを拝見しました。ブログ独特の表現に慣れるのにちょっと苦労しました……。
よく見るとCSSで、#leftがちゃんとfloat: right;に設定されてないようですが、これを直してもだめでしょうか?
ちなみに、私の環境で#leftがfloat: left;になっている状態(えろすレイアウトに書いてあるのと同じ状態)でFirefoxで表示させましたら、確かに崩れました。
不思議なことにこれでもOperaやIEでは正常に表示できちゃうんですねー。
#leftをfloat: right;にしましたら、私の環境のFirefoxでは正常に表示できるようになりました。お試しください。
重要な追記:どうやら原因はもっと他のところにあったようです。
#leftが原因ではなく、#wrapperが原因だということが分かりました。
#wrapperには{(全角スペース) width: 740px; margin:0px 0px 0px 0px; float: left; }という宣言ブロックが入っていますが、この全角スペースが主犯だったようです。
#leftを{float:left;}にしても{float:right;}にしても、#wrapperの先頭に全角スペースを入れるとFirefoxで崩れることを確認しました。
この全角スペースを削除すれば、#leftのfloatの値に関わらず、正常に表示してくれるようです。お試しください。
たびたびありがとうございます。
参考にして修正致しました。
firefox IE プニル いずれも正しく表示されましたので、現在そのテンプレートを採用しております。
常連さまの環境でもちゃんと表示されているでしょうか。
ありがとうありがとう
愛用のOperaでCSSをオンにして確認しましたら、正常に表示されました。
CSSをオフにしてもメニューがうざくなくなりました。
これで快適なブラウジングができます!
言葉にしても足りない感謝です。ありがとうございますm(_ _)m
こちらこそ色々勉強させていただきました。ありがとうございます。
どのみちcssは学ぶつもりだったので良い機会でした。
また素朴な疑問なのですが、全角スペースが原因とかどうしてすぐ分かったのですか?優秀なデバッグツールとかをご使用なのでしょうか。
気が向いたらで結構なので教えていただけると助かります。
僕もいくつかのサイトや書籍などを読んでおおまかな知識は得たつもりなのですが、そんなことはどこにも書いてなかったので感心致しました。
Can you help me please,...?
Tell me i'm a good person :)
my favorite set of numbers 187209458340011