スマートフォン専用ページを表示85。「蜂蜜紅茶でお茶会を」=「85。色で見るCSSその5(コメントとトラックバック)おはようございます。PCリカバリしたりソフト入れなおしたりしてたら徹夜しちゃいました。眠い......5回目はコメントとトラックバックです。文字(紅色):コメント投稿情報・コメント記入の項目リンクに関しては本文と同様になるようです。文字(黄色):コメント投稿情報のリンク文字(指定しなかった場合、配色はcomments-postと同様になります。URL」じゃないかと思うんですが何も変わらなかった...trackback-body(?)背景:変化なし文字:変化なしこれも何も変わらず。a背景:変化なし文字:変化なしこれも変わらない。いうわけで最後の方はちょっとわかりませんでした。色で見るCSSその4(記事の部分/date・title・text・blockquote・posted)今回はdate・title・text・blockquote・postedです。色付けは前回の続きになります。上にナビがなかったりと実際には少し違いますが。a(postedに優先(背景))背景(黄色):投稿情報のリンク背景のみ(カテゴリだけちょっと幅が狭い?)文字(白紫):投稿情報のリンク文字のみもう何がなんだかわからなくなってきました......*次回予告*CSSを見るとこのあとはサイドバーが来るわけですが先にコメント・トラックバックをやろうと思います。ちなみに次々回(一応最終回)はサイドバーとその他です。̄|○|||はじめから最後まで一気にやってたのでなんだかぼーっとしちゃっててというわけでとりあえずダイエットログは飛ばします。ダイエットログの部分を知りたかった方、ごめんなさい(>_<)5回目は多分土日のどちらかに。お付き合いありがとうございました!*私信*メールありがとうございます(^0^)こちらこそ色々と参考になりました!取り急ぎお礼まで。色で見るCSSその3(navi・content・blog・blogbody)3回目はnavi・content・blog・blogbodyです。今回も真っ白からスタート。文字(黄色):矢印としきり(文字はリンクの色)content(記事部分・コメント・トラックバック)背景(桃色):記事部分・コメント・トラックバック文字(緑色):日付・記事本文(投稿情報はデフォルト。記事タイトルはリンク色)blog(記事部分)(contentに優先)背景(水色):日付から投稿情報のちょっと下まで文字(紫色):日付・記事本文(記事タイトルはリンク色)blogbody(記事部分の一部)(blogに優先)背景(白緑):記事タイトルから投稿情報ほぼぎりぎりまで文字(赤色):記事本文ごちゃごちゃしてますが重なり具合を見るために次回はコレをベースに続きます。色で見るCSSその2(見出し関係/h1〜h3・banner・description)2回目となる今日はh1〜h3・banner・descriptionをまとめてやります。ベースはシンプルホワイトなので真っ白からのスタートです。その前に「a」について。h1・h3にはそれぞれに「a」のついたものがあって文字色はそこに書くみたいなんですが、そこに背景色も指定してみました。文字(黄色):ブログ説明文のみ変化(ブログタイトルはh1で指定した色。未指定の場合はリンク色のまま)description(ブログ説明)(bannerに優先)背景(水色):ブログ説明文の文字背景のみ文字(赤色):ブログ説明文ここでまたリセット。「〜に優先」っていうのがたくさん出てきてわかりにくいですね(^-^;A優先順位は一番最後にまとめようと思ってます。読んでくださってありがとうございました実験とは関係ないつぶやき配布CSSearthpieceの見え方がIEとFirefoxでだいぶ違うので困ります。色で見るCSSその1(body・container)色で見るCSSとは。テンプレート「シンプルホワイト」の背景や文字に色をつけていってCSSの中のどれがどこを変える部分なのかを確認しよう、というものです。アフィリエイトは試してません。(ルールを読むのがめんどくさいのでやったことないんです)実際にはベースにするCSSによって色々違ってくる部分があるかとは思いますがまあ大体どのあたりをいじってるのかの参考になればいいなと。一つの記事にすると画像が多くなるので何度かに分けます。今のところ他にすることもありませんし。基本的にこんな感じで書いていきます。↓CSSのグループ(どこに影響するものか)(何に優先するか)[画像]背景(色):どこが変わったか文字(色):どこが変わったか説明は私の解釈なので間違ってる可能性があります。例によって画像クリックで大きくできます。body(全体)背景(桃色):全部。文字(緑色):記事本文・サイドバーのリンクの解説(上)青はデフォルトのリンク色です。container(全体又はbodyの内側)(bodyに優先)重なりを見るために横幅を90%にしてあります。ちなみにこの幅をあんまり小さくするとサイドバーや記事が落ちます。背景(水色):containerで指定した範囲の背景(bodyに優先)文字(赤色):記事本文・サイドバーのリンク解説(上)あまり色数を増やすとわかりにくいのでとりあえず元に戻します。これ以降に指定した場合に上の二つと重複する箇所についてはbodyやcontainerよりもそちらが優先する......はず。次は幾つかまとめてになるので今回はここまで。すごく簡単な部分しかやってませんね次回は今週末くらいに投稿する予定です。2.0別館Seesaaブログ×この広告は180日以上新しい記事の投稿がないブログに表示されております。