解決済

clip!clip!
Ads By Google

スタイルシートの変更について

タイトル文字色の変更等については過去に何度か同じ質問と回答があるのは承知しているのですが、新しいデザインに変更してから、スタイルシートの(多分トップページの)該当部分を変更したいと思って探してもその部分がどこかわかりません。

ブログは


↑こちらですが

1.タイトルの主タイトルと副タイトルの文字色を変更したい

2.本分の文字サイズを変更したい。

3.サイドバーの文字色を変更したい(最初の文字色とポインターを置いたときの文字色、リンク先へとんだときの文字色それぞれ変えたい)

以上教えていただけませんか?

2008-03-31 10:10の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(3)

3.

2008-04-01 15:07:23ベスト
コメントの文字数を超えるので回答欄で・>#5
div.sidebody {
 color:33ff66;
div#sub div.sidebody a:link{
color:#9933ff;
}
div#sub div.sidebody a:visited{
color:#6633ff;
}
div#sub div.sidebody a:hover{
 color:cccccc;
}
    background: url(http://parts.blog.livedoor.jp/img/usr/default_2008/sky/black/side_body.gif) no-repeat 0 8px;
    padding: 0 0 5px 9px;
    margin-left: 5px;
    text-align: left;
}
の部分、
div.sidebody {
    color:#33ff66;
    background: url(http://parts.blog.livedoor.jp/img/usr/default_2008/sky/black/side_body.gif) no-repeat 0 8px;
    padding: 0 0 5px 9px;
    margin-left: 5px;
    text-align: left;
}
div#sub div.sidebody a:link{
    color:#9933ff;
}
div#sub div.sidebody a:visited{
    color:#6633ff;
}
div#sub div.sidebody a:hover{
    color:#cccccc;
}
のように修正下さい。
#6でおっしゃっているのは、
この修正を見ればおわかりのように
div.sidebody {
}
の中に別の命令が入っているというような意味です。
(最初の命令が終わる前に次の命令が始まっている)
回答レベル : アドバイス

ありがとうございます。解決しました。

1.

2008-03-31 14:31:38
1.
タイトル:
h1#blog-title が含まれている部分の
color:#FFF;
の指定を変更する

ブログの説明(副タイトル?):
p#blog-description {
	color: #FFF;
}
の#FFFの部分を変更する

2.
div.article-body-inner {
	width: 100%;
	overflow: hidden;
}
に font-size:サイズ指定;
を一行追加

3.
最初の文字色:
div.sidebody { 
に color:色指定;
の行を追加
まだ見てないリンク
div#sub div.sidebody a:link{
}
すでに見たリンク
div#sub div.sidebody a:visited{
}
マウスをポイントした時
div#sub div.sidebody a:hover{
}
をそれぞれ追加して、
color:色指定;
の行をそれぞれ指定したい色を追加する
自信度 : 自信なし 回答レベル : 回答

2.

2008-03-31 23:43:14
4.
h2.article-title {
	…
font-size: 125%;
の数値を大きくする。
回答レベル : アドバイス
Ads By Google

コメント(6)

#2.  masahero
2008-03-31 17:57:50

1と2はうまくいきました。ありがとうございます。
ただし3のdiv.sidebody { に color:色指定

はサイドバーのコメントの投稿者名の色だけが変わってしまいました。

またまだ見てないリンク
div#sub div.sidebody a:link{
}
すでに見たリンク
div#sub div.sidebody a:visited{
}
マウスをポイントした時
div#sub div.sidebody a:hover{
}
をそれぞれ追加して、

color:色指定;

↑これが見つけられません。

それと

4.本文タイトルのサイズを変えたい。

↑これを追加質問させてください。

#3.  BLUEPIXY
2008-03-31 23:40:13

#2>↑これが見つけられません。
回答1に("をそれぞれ追加"と)書いているように、追加記入して下さい。
例:

div#sub div.sidebody a:hover{
 color:red;
}

#4.  masahero
2008-04-01 06:43:57

4はわかりました。ありがとうございます。

しかし3は
div#sub div.sidetitle a

というのはありますが
div#sub div.sidebody a:hover{

というのはありません。また素人ですから追加といわれても、どこの部分に追加をするのかを教えていただければありがたいです。

#5.  masahero
2008-04-01 10:28:07

div.sidebody が見つかりました。そして以下の通り追加したのですが色が変わりません。

div.sidebody {

color:33ff66;
div#sub div.sidebody a:link{
color:#9933ff;
}
div#sub div.sidebody a:visited{
color:#6633ff;
}
div#sub div.sidebody a:hover{
 color:cccccc;
}

どこが問題でしょう?

#6.  HS
2008-04-01 11:11:40

横槍失礼m(_ _)m
最初の命令文、、
} で閉じていないんですが・・

#7.  masahero
2008-04-01 12:17:51

暇なオヤジさん申し訳ありませんが書いている意味がわかりません。最初の命令文とはなんですか?具体的にどのようにすれば良いのでしょう?

トラックバック(2)

トラックバックURL: