解決済
seesaaブログで、ブログタイトルと記事タイトルが青く反転します。どうすれば直りますか？
それと、コンテンツの文字をもう少し小さくしたいのですが、どこで調整可能でしょうか？
回答(5)
1.
コンテンツの文字を小さくするにはスタイルシートの
#linksや#links-leftなどに
以下のように書き加えてください。
font-size:**%;
2.
3.
シートの上のほう、48行目に
#banner{
font-family:arial, Helvetica;
color:#69C;
となっていますが、この色指定は、質問者が書き入れたものでしょうか？ブログタイトルにはリンクがついていますから、こういう指定の仕方をしてもこの色では表示されません。
text-align:left; }の後に、次のように書き入れてください。
#banner a{color:#69C;text-decoration:none;}
#banner a:link{text-decoration:none;}
#banner a:visited{text-decoration:none;}
#header a:active{text-decoration:none;}
#banner a:hover{text-decoration:none;}
この一行目だけでも大丈夫だと思いますが、一応、状態毎の指定をしています。次に、記事のタイトルですが、
これもリンクがついていますので、そういう処置が必要です。
スタイルシートの100行目ほどのところに
.title a{
border:none;
}
とあります。何をしたいのかよく分からない指定ですが、これはそのままに、次の行を追加します。color:#69C;text-decoration:none;この色は、さっきのブログタイトルと同じです。
本文と同じ色なら、
color:#9B9B9B;text-decoration:none;となります。
コンテンツの文字というのが本文の文字という意味でしたら、
今、いじったところのすぐ下に
.text{
font-size: 12px;
というところがあります。このfont-sizeを変えれば、文字の大きさが変わります。
.text{
font-size: 10px;
という具合です。seesaaでのスタイルシートの変更の手順は知りませんが、多分、既に経験済だと思いますので、大丈夫でしょう。
4.
a:link { color:#0000EE; text-decoration:underline
; }
a:visited { color:#0000EE; text-decoration:underline ; }
a:hover { background-color:#CBFFCB; text-decoration:underline
; }
という指定があります。 「<STYLE type="text/css">～</STYLE>」を削除すると、マウスカーソルをリンクの上に乗せた際に背景色が変わらなくなると思います。
5.
<h1><a href="<% blog.page_url %>"><% blog.title %></a></h1>または
<div id="banner"><% content_header %></div>という部分があったら、
<h1><% blog.title %></h1>とするとリンクが消えます。
でも、ここのリンクを消してしまうと、Seesaaブログを閲覧しなれている人にはかえって混乱の元になるかもしれません。
ブログタイトルのリンクを外す場合には、
<h3 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h3>を
<h3 class="title"><% article.subject %></h3>とします。
これでは個別ページへのリンクが無くなってしまうので、
<div class="posted">～</div>の
posted by <% article.nickname %> at <% article.createstamp | date_format("%H:%M") -%>
の後ろなどに、| <a href="<% article.page_url %>">Permalink</a>
を追加してください。
Seesaaブログのカスタマイズ解説サイトは以下のようなところがあります。
Seesaaブログを利用していたのは今よりもっとシンプルなシステムの頃で、独自タグもあまり詳しくない上、現在のSeesaaで確認していないので、回答に自信が持てません。
コメント(15)
まあ、余計な事ですが
もしかしたら今後、同じような疑問を持って
ここを検索してくる人もいるかもしれないので
検索しやすいように
ひとつにつきひとつの質問にした方が良いと思います。
了解しました。(ノд・。) 気をつけます。
スタイルシートの中には hover は
見当たらないのですが。
テキストは
.text{
font-size: 12px;
color: #9B9B9B;
margin-top:20px;
padding:0px 30px 5px 30px;
background-image:url(http://blog.seesaa.jp/img/bg/white/blog_bg.gif);
background-repeat:repeat-y;
}
.text a{
color:#00F;
}
blockquote {
margin:10px;
border-left:solid 1px #000;
padding:5px;
color:#000;
width:auto;
}
コンテンツの文字の大きさは変わったのですが
あとは全く変化なしです(/□≦､)
>>3
分けの分からないところがありました。
>ブログタイトルスタイルですが
>シート~~~
これは、
ブログタイトルですが、
スタイルシート~~~
の間違いです。挿入個所を間違えたようです。
記事のタイトルですが、
color:#69C;text-decoration:none;は
.title a{
border:none;
}
の中に追加するのですが、お分かりですか？.title a{
border:none;
color:#69C;text-decoration:none;
}
という具合になります。そう思ってやってみたんですが。
#banner a{color:#69C;text-decoration:none;}
#banner a:link{text-decoration:none;}
#banner a:visited{text-decoration:none;}
#header a:active{text-decoration:none;}
#banner a:hover{text-decoration:none;}
の方も、｝の手前に入れてみましたが変化しません。
どこかのサイトでCSSではなくHTMLに下記の記述を
入れるようにあったので、HTMLに下記が入ってました。
とりあえず、今はHTMLから下記の記述は削除してますが
ブログタイトルと記事タイトルは変わってないみたいです。
<STYLE type="text/css">
<!--
a:link { color:#0000EE; text-decoration:underline
; }a:visited { color:#0000EE; text-decoration:underline ; }
a:hover { background-color:#CBFFCB; text-decoration:underline
; }-->
</STYLE>
>>#7
スタイルシートは、{ }の入れ子（ { }の中に{ }を書くこと）はできないでしょう？
元々、
text-align:left; }の後に、次のように書き入れてください。
と書いているのですから、「 } 」の外に（下の行に）、回答の通り、行を書き入れてください。
スタイルシートを変えてみる気がないようですね。
やり方が分からないのですか？
HTMLのほうにその指定があるのを承知でアドバイスしているのですが。
途中で条件が変わると、アドバイスのしょうがないので、後は、ご自分で頑張ってください。
外部スタイルシートで記述する場合には、なるべくHTML部分に「<STYLE>～</STYLE>」で記述はしない方がよろしいのではないかと思います。
特にCSSを熟知してらっしゃらない場合には混乱の元になりかねませんので。
>>3の回答の通り指定すると、
サイトタイトル（「#banner a」または「h1 a」）や記事タイトル（.title a）の色が変更できます。
それでも変わっていないようでしたら、再構築はされてますか。
余談ですが、CSSは以下のような順に優先してHTMLに適用されます。
1.<div style="color:#69C">～</div>などのstyle属性による記述
2. <head>～</head>内に<style>～</style>でstyle要素による記述
3.「外部CSS（<link rel="stylesheet" href="default.css" type="text/css"」による記述
です。
ただし、aタグに指定されたCSSの記述より、ID名（#ID名）およびクラス名（.class名）で指定されたCSSの記述の方が優先されます。
ですから、この場合は、HTMLにaタグにCSSが指定されていても、ID名（#banner a）やクラス名（.title a）で指定されているので、きちんと再構築したり、古いキャッシュを読み込んでいない限りは、適用されるはずです。
先の<style>～</style>の記述を、IDおよびクラス名で指定していないAタグに、適用したい場合は外部CSSのどこかに「a:link { （中略）}）などを記述してください。
とりあえず、一通りやってみました。
恐らく、初めに書いた質問の書き方に
問題があったのだと思います。すみません。
ブログタイトルと記事タイトルが青く反転するのを
直したい、というのは、ただ色を変えたいのではなく、
ブログタイトルと記事タイトルにリンクを貼っている
わけではないので、クリックできない普通の文字の状態
（サブタイトルのように）にしたいのです。
申し訳ないです。(/□≦､)
文字色を黒にしたければ「color:#000;」
文字色を記事テキストと同じ色にしたければ「color: #9B9B9B;」
サイドタイトルと同じ色にしたければ「color:#8E8E8E;」です。
ブログを積極的にカスタマイズされるのでしたら、HTMLおよびCSSの勉強をされてみてはいかがでしょうか。
私が書籍以外に良く利用するのは「とほほのWWW入門」です。
http://www.tohoho-web.com/www.htm
color指定で文字の色は変わりますが、クリックできない状態にはならないんです。
>>5訂正
時間おしているので慌てて書いたらおかしなところがありました。
<div id="banner"><% content_header %></div>を書き直す場合には
<div id="banner"> <h1><% blog.title %></h1> <span class="description"><% blog.description %></span> </div>です。
