セカンドオピニオンとは価格講師実績住所／地図リンク


※5分で取り付けられるメニューはこちら ＞ はまぞう上部にメニューを付ける

<- RSS/ブックマーク用のボタンをつけました
別の視点からのホームページのアドバイスを求めている方、デザインの見直しを検討されている方、お気軽にご相談ください。メールでの相談は 無料で お答えしております。

2008年10月01日

はまぞうの「説明文」の色を変えよう。

画面上部の「ブログの説明文」ですが、長すぎて、レイアウトが崩れているブログが、非常に多い(前記事参照)です。

そのため、白地に白文字になってしまい、「説明文が読めない」ブログもまた、非常に多いです。
あと、オリジナル画像を設定したは良いが、やっぱりその画像に隠れて「説明文が読めない」ブログも多いです。

とりあえず、レイアウトの乱れはおいておくとして、説明文が読めるように色を変えましょう。その方法をまとめました。少しは見られるものになると思います
（きつい言葉でごめんなさいね、でも直したほうが絶対良いと思うんだ）

変更箇所ですが、管理画面から、テンプレート を選び、
「使用中」になっているテンプレートの [ カスタマイズ ]　をクリックします。そして、
スタイルシート：
の入力欄から

.description{

と書かれた場所を探します。そして、その下にある「color:」を探します。

そして、その後ろの #****** の部分を書き換えると、色が変わります。
****** の * は数字か、ABCDEF のどれかです。

書き換える色のパターンは、たとえばこんな感じ。

白：#FFFFFF
黒：#000000
赤：#FF0000
緑：#00FF00
青：#0000FF
グレー：#999999


もともとの色はテンプレートによって異なるので、たとえば青を黒にしたいときは、


color:#0000FF;

　　　　　↓

color:#000000;


となります。
他の色が良いんだという人は、色を変えるボタン() を見てください。そこに出てくる ee00cc みたいなのが、それです。


テンプレートによっては、

color:white;

color:#000;

color:#cf93ec;

のように書いてあるかもしれませんが、color: の後ろを書き換えて、最後の ; を忘れなければ、たぶん大丈夫でしょう。


元に戻すときは、元の値に直すだけ。
で、もし、元に戻らなかったら、テンプレートそのものを設定しなおせば、簡単に戻ります。

はまぞうのデザイン変更の練習代わりに試してみてください。
もちろん、自己責任でお願いします。


上の方法が、もし参考になりましたら、よろしければブログの記事で紹介していただき、リンクしていただくか、お気に入りなどで、このブログ (http://secondopinion.hamazo.tv) を加えていただけると、非常にうれしいです(必須ではありません)　あと、コメント大歓迎 です。励みになります。


＜関連記事＞
文字の大きさを少し大きくする。行間を空ける。
http://secondopinion.hamazo.tv/e1446713.html

はまぞうの画面上部にメニューをつけよう！
http://secondopinion.hamazo.tv/e1437147.html

ホームページで「音」は御法度
http://secondopinion.hamazo.tv/e1433573.html

記事の中に「メッセージを送る」ボタンを埋め込む
http://secondopinion.hamazo.tv/e1447693.html

「続きを読む」に記事のタイトルを埋め込む方法
http://secondopinion.hamazo.tv/e1491533.html


＜＜「はまぞうについて」一覧に戻ります。



タグ ：CSSはまぞうテンプレート色を変える説明文



●● ＨＰの困りごと、ブログの改善。一度ご相談ください ●●
有限会社システムズファウンデーション 浜松事務所
TEL (050) 5806-6192
担当 松本　＞　メールでのＨＰ相談はこちら


メールアドレスを入力して登録する事で、このブログの新着エントリーをメールでお届けいたします => 解除はこちらから、いつでも行うことが出来ます
同じカテゴリー（はまぞうについて）の記事
はまぞう、Facebook連携機能「いいね！」ボタンに対応＋α
はまぞう、Facebook連携機能「いいね！」ボタンに対応＋α(2010-12-24 16:12)

はまぞうブログの広告表示位置が変更（固定）になるそうです。
はまぞうブログの広告表示位置が変更（固定）になるそうです。(2010-08-23 15:54)

はまぞう、カテゴリー毎の記事を表示させる「カテゴリーRSS」
はまぞう、カテゴリー毎の記事を表示させる「カテゴリーRSS」(2009-10-14 00:08)

はまぞうナビゲーションバーを消す方法。
はまぞうナビゲーションバーを消す方法。(2009-07-16 14:55)

「はまぞう、愛してる。」と叫ぼう(笑)
「はまぞう、愛してる。」と叫ぼう(笑)(2009-06-17 06:19)

はまぞう、愛してる。
はまぞう、愛してる。(2009-06-16 23:23)



Posted by ＳＥ風味 at 17:36
「はまぞうの「説明文」の色を変えよう。」をツイートする
│はまぞうについて│編集
このBlogのトップへ│前の記事│次の記事
この記事へのコメント
description・・・のカラー替え、来ましたですね~
後は・・・フォントの大きさ、位置換え、文字の送り
などでしょうか・・・

SEO対策でには、あった方が良いのでしょうが、
あえて、ブログの説明を省いちゃいました。
デザイン的になんともかえられないので・・・
ゆ～ゆ～さんのTopページを参考にして、
<div class="blog">以下に収まるように
変えてみました。

それよりも、SE風味さんの「続きを読む」がちゃんと
追記部分をtargetにしているのがすごいでし。
（これのやり方を・・・こっそり・・・教えて(^_-)-☆）
Posted by COACHでし。 at 2008年10月02日 02:06
＞後は・・・フォントの大きさ、位置換え、文字の送りなどでしょうか・・・

それは、このブログで説明するのには「むずかしい」かなと。
色変えも、説明が難しいなぁとおもって（特に色の説明）、ずっと保留にしてたんですが、もう、いくつかの色の例を出してしまって、選んでもらえばいいかと割り切って、こんな形に(^^)

・・・で、追記部分って、たしか何もしてないですよ（タイトルを入れるようにはしたけど）

新しいレイアウトだと、何か対応してるんですかね。次のネタにします(笑)
Posted by ＳＥ風味ＳＥ風味 at 2008年10月02日 09:55
>追記部分って、たしか何もしてないですよ

えっそうなんですか？

"続きを読む"にマウス（ポイント）を持ってゆくと、
あちきのブログの場合"/cxxxxxx.html"で
終わってしまうのですが、SE風味さんの場合、
"/cxxxxxx.html#more"となっているので、
この#more"があることで、追記部分への
targetになっているのかと思ったのでし。

よろしくどうぞぉ
Posted by COACHでし。 at 2008年10月02日 11:37
該当と思われる箇所を抜き出してみました。

<a class="acontinues" href="<%EntryPermalink%>#more">

これかな。
Posted by ＳＥ風味ＳＥ風味 at 2008年10月02日 11:40
どうもありがとうございます。
OK牧場になりました。
追記部分へ飛ぶようになりましたです。
嬉しい＼(◎o◎)／！
Posted by COACHでし。 at 2008年10月02日 12:06
最近のテンプレートは以前からの不具合系（←？＾＾；）が
改善されているようですね♪

以前のままのテンプレートの方用に#moreネタ宜しく（笑）
私は以前カスタマイズ記事を参考に直しました♪
続きを読むクリックで記事先頭に飛ぶとわかりづらいですから＾＾；；
Posted by ゆ～ゆ～ゆ～ゆ～ at 2008年10月03日 02:01
タイトルの順番（記事のタイトル：ブログのタイトル）とか、改善されてるみたいですね。
どこかに、まとまってると良いなぁ＞シーポイント様(?)

リニューアルあたりが、境目なんでしょうかね。
今あるテンプレートでも、古いテンプレートは直ってるのかな・・・

なんにしても、これは、あとで記事かな。#moreネタ(笑)
Posted by ＳＥ風味ＳＥ風味 at 2008年10月03日 05:27
だははははは。
古いテンプレートは直ってません！
いくつかのブログであたりました。
#moreが付かない！（たとえば、なかのさんのとこ）
Posted by COACHでし。 at 2008年10月05日 01:28
古いテンプレートの件．．．

直しているのですがブロガーさんが再度選択し直さないと反映されないのとご自身でカスタマイズしたのは直らないですm(__)m
Posted by 164164 at 2008年10月05日 12:51
COACHでし。さん、１６４さん、コメントありがとうございます。

やっぱり、古いテンプレートも、新しい形に改善されているんですね。本当にご苦労様です＞164さん
で、やっぱり、昔からあるブログでは、#more が無いんですね。教えていただきありがとうございます＞COACHでし。さん

最新の状態に保つ問題は、難しいものがありますよね。
なにより、改善されたからといって、勝手に上書きされたら、もっと困っちゃいますからね(笑)

・・・続きを読むにしても、先頭にして欲しい人も居ないとはいえませんし。

逆に、今回、この話題を書いて、いろいろわかって勉強になりました。ありがとうございました！
今後とも、よろしくお願いいたします。
Posted by ＳＥ風味ＳＥ風味 at 2008年10月05日 23:16
参考になりました！
ありがとうございました。
Posted by キョウセイ君キョウセイ君 at 2010年10月27日 01:31
このページの上へ▲