人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

ブログのタイトルの色を変える質問
http://jidoken.blog42.fc2.com/
というブログがあるのですが、メインの
自動車検定(ジドケン)というタイトルの色を変えたのですが、どこから変えるのでしょうか?
テンプレートの設定の テンプレートを選んで修正してHTMLの編集 blog298-08lを編集しています。またはその下のスタイルシートの編集 blog298-08lを編集しています

を見てもどこで色を変えていいかわかりません。それらしい場所を変更しても他の色が変わります。もしかしたら変えられないの?

●質問者: kaumaeni
●カテゴリ:ウェブ制作
✍キーワード:HTML ケン スタイルシート タイトル テンプレート
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● Clara
●30ポイント

http://webmaster.hatena.ne.jp/1135905177#

人力検索はてな - ブログのタイトルの色を変える質問 http://jidoken.blog42.fc2.com/ というブログがあるのですが、メインの 自動車検定(ジドケン)というタイトルの色を変えたのですが、ど..

該当箇所のHTML部分が

<h1 class=”site_title”><a href=”<%url>”><%blog_name></a></h1>

となっていますので

site_titileというクラス名専用のスタイルを追加すればOKです。


例:

/*サイトタイトル*/

.site_title a {

color :#669966;

text-decoration: none;

border-bottom: solid 1px #336633;

}

.site_title a:hover {

color :#996699;

}

◎質問者からの返答

ありがとうございます。参考になりました。


2 ● dacodaco_aichan
●30ポイント

★現状★

タイトルの色は、以下のスタイルシートに依存しています。

タイトルは、indexページへのリンクにもなっているのでリンク色指定のスタイルシートが適用されているわけです。

a {

text-decoration: none;

color: #444444;

border-bottom: solid 1px #BDCE97;

}


★対処法★

「テンプレートの編集」のスタイルシートに以下を追加すれば、タイトル色を変更できると思います。


/* ----- ここから ----- */

#header a:link {

background-color: transparent;

color: #fffff0;

}

/* ----- ここまで ----- */


・<div id=”header”>内のリンク色に適用。

・#fffff0部分を変更することで好きな文字色に。


★補足★

また、必要に応じて

text-decoration: none;

border-bottom: solid 1px #BDCE97;

も追加すればいいかと。

◎質問者からの返答

ありがとうございます。参考になりました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ