こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

livedoorブログのデザインをほんの少しだけ変えたい

ライブドアでブログを作っており、デザインは「デザイン4」のページにある「vivace」を使っています。
しかし、自分のブログのトップページを読み込むと、ある程度以上スクロールができません。
すなわち、長い文章を書くと、文章の途中で切れてしまいます。
(なお、カテゴリ別に表示すると、このような問題は起こりません。下のほうまで表示されるようです)

これはきっと、「vivace」ではページの高さ(?)がちょうどよいくらいに指定されてしまっているからなのだろう、とは思いましたが、
しかし、文章を長く書くこともあるので、困っています。
「vivace」のデザインは、その点を除いては大変気に入っているので、変えたくなく、
ページを文章の量にあわせてスクロールできるようにしたいだけなのですが、どうすればよろしいでしょうか。

http://oshiete1.goo.ne.jp/kotaeru.php3?q=1051273
を参考に、CUSTOMのところから「vivace」を読み込んでみました。
なにやらソース?が出てきましたが、どう改変していいかわからなかったので、
取り敢えず何も改変せずに、保存→再構築を試してみました。
これで、いつものvivaceの画面になるのかな?と思いまして。
しかし、vivaceのデザインにはならず、
CUSTOMを選んだだけで何もしなかったときと何も変わらない、無骨な画面のままです。

どう読み込めば良いのか、
そして、そのあとどこをどう改変すればよいのか、
お知恵をお貸し下さい。

投稿日時 - 2004-10-26 06:57:06

QNo.1056689

暇なときに回答ください

質問者が選んだベストアンサー

>トップページを読み込むと、ある程度以上スクロールができません。
これが、ちょっと、よくわからないのですが、
基本的には、文章が長くても、全部表示されるはずだと思うのですが、、
ホントは、そのページを見せて頂くのが良いのですが、ここの規約上本人のアドレスなどを載せることができません。
その現象が「vivace」固有のものであるなら、他の人でもその現象が起こっているはずなので、
もし、よろしければ、そういう現象の起こっている他の人のサイトを教えてくれませんか?
もしくは、私もLivedoorを使っていますので
そちらに書き込みして頂いてもいいですけど
URLは書けません。

「カテゴリ別」では、全部表示されて
「トップページ」では、全部が表示されないということの意味は、個別のつまり一件分の記事で、トップページに表示されるべき内容が、スクロールできないために表示できない。という意味ですよね。
単に、過去の記事がトップページ上に表示されなくなるという意味ではないですよね?

ちなみに、
#textによるheightの変更は、
個別記事のコメント書き込み欄の高さを変更しています。個別記事を開いてみて下さい。
多分コメント書き込み欄が2倍の長さになっているはずです。

投稿日時 - 2004-10-26 18:18:04

お礼

#textの意味も教えて下さってありがとうございます。ほんの少しだけCSSがクリアに見えるようになりました。

問題の件ですが、
一番星のカウンタを使っていたのですが、
そのタグを、メモスペースからページの説明部分に移すことで解決しました。
>基本的には、文章が長くても、全部表示されるはず
vivace自体には問題がなかったのですね。

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

投稿日時 - 2004-10-29 06:48:25

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.1

再構築は、CSSの再構築を選んでやっていますか?

投稿日時 - 2004-10-26 11:23:05

補足

再度ご質問させてください。

一つ目の疑問が解決(トップページでなくCSSの再構築をすればよい)しましたが、
二つ目の疑問である「スタイルシートを具体的にどう変えればよいか」が、やっぱりわかりません。

#text{width:500px;height:200px;border:1px solid #005180;}
の200を400に変えてみたのですが、変わりません。

残った疑問は、
「文章の長さにあわせてスクロールできるようにするには、CSSのどこをどう変えればよいか」
です。今はウィンドウサイズの高さの方が小さめに設定されてしまっていると思うのです。

現在のCSSの内容を載せたかったのですが、文字数制限に引っかかってしまいました…

載せられるところまで載せてみます。

@charset "EUC-JP";

body{
color:#000;
margin:0;
padding:0;
background:#fff url('/_img/vivace.gif') no-repeat scroll 50% 0%;
text-align:center;
}

a{color:#666;text-decoration:underline;}
a:link{color:#666;text-decoration:underline;}
a:visited{text-decoration:underline;}
a:active{}
a:hover{color:#999;text-decoration:none;}

a.acontinues{color:#005080;text-decoration:underline;}
a.acontinues:link{color:#005080;text-decoration:underline;}
a.acontinues:visited{text-decoration:underline;}
a.acontinues:active{}
a.acontinues:hover{color:#999;text-decoration:none;}

a.amenu{color:#666;text-decoration:underline;}
a.amenu:link{color:#666;text-decoration:underline;}
a.amenu:visited{text-decoration:underline;}
a.amenu:active{}
a.amenu:hover{color:#999;text-decoration:none;}

a.aposted{}
a.aposted:link{}
a.aposted:visited{}
a.aposted:active{}
a.aposted:hover{}

#container{
color:#000;
width:644px;
margin:0 auto 0 auto;
text-align:left;
}

#banner,#subbanner{}

#banner a{color:#000;text-decoration:none;}
#banner a:link{color:#000;text-decoration:none;}
#banner a:visited{color:#000;text-decoration:none;}
#banner a:active{color:#000;}
#banner a:hover{color:#000;text-decoration:underline;}

#subbanner a{color:#000;text-decoration:none;}
#subbanner a:link{color:#000;text-decoration:none;}
#subbanner a:visited{color:#000;text-decoration:none;}
#subbanner a:active{color:#000;}
#subbanner a:hover{color:#000;text-decoration:underline;}

h1,h2,h3{margin:0;padding:0;}

.blogtitle{
color:#603;
font-size:24px;
text-decoration:none;
margin:55px 0 0 15px;
}

.description{
color:#000;
font-size:small;
margin:0 0 0 15px;
}

#content{
float:left;
width:430px;
}

.blog{
padding:70px 0 15px 0;
}

.date{
color:#000;
font-size:x-small;
font-weight:bold;
background:url('/_img/vivace_icon.gif') no-repeat scroll 0% 0%;
padding:2px 0 2px 15px;
border-bottom:1px solid #999;
}

.blogbody{
margin:20px 0 0 0;
}

.title{
font-size:x-small;
font-weight:bold;
padding:0 0 0 0;
}

div.main{
font-size:x-small;
line-height:135%;
margin:20px 0 20px 15px;
}

.main-continues{
font-size:x-small;
}

.posted{
color:#666;
font-size:xx-small;
text-align:right;
margin:0 0 35px 0;
}

.menu{
color:#666;
font-size:xx-small;
text-align:right;
}

.comments-head{
font-size:x-small;
font-weight:bold;
padding:0 0 0 0;
}

.comments-body{
font-size:x-small;
line-height:135%;
margin:20px 0 20px 15px;
}

.comments-post{
color:#666;
font-size:xx-small;
margin:0 0 35px 0;
text-align:right;
}

.trackback-url{
color:#005180;
font-size:x-small;
font-weight:bold;
margin:20px 0 35px 15px;
}

.trackback-body{
font-size:x-small;
line-height:135%;
margin:20px 0 15px 15px;
}

.trackback-post{
color:#666;
font-size:xx-small;
margin:0 0 35px 0;
text-align:right;
}

table.form{margin:35px 0 0 0;}

label{
font-size:x-small;
font-weight:bold;
}

(以下、文字数制限でNG)

投稿日時 - 2004-10-26 14:19:23

お礼

早速のご回答ありがとうございます。お蔭様で、一つ目の疑問(どう読み込めばよいか)が解決いたしました。
あとは、どう改変させればよいかということですが、
今いろいろ試してみています。ためしにサブタイトルの太字設定を切ってみたり。(メインタイトルの設定が切れないのはリンクのせい?)
で、問題の縦幅は、heightとか書いてあるところを消せばいいのかな?と思って、ずっと操作してみているのですが、
しかし、livedoorのブログが地獄のように重くて(昨晩から、運が悪いと一つの操作に一時間なんてことがザラにあり)、妙なところで手間取っています。

投稿日時 - 2004-10-26 14:02:29

あなたにオススメの質問