ブログスタイルシートの作り方

質問

ブログのサイドの、カレンダーとか、過去記事とかのっている部分を、全部消して、タイトルと記事だけにしようと思ったんですが、ｈｔｍｌ言語がさっぱりわかりません。時計とかはパーツなんで排除したんですが、背景の図柄は残したいので、残った枠組みだけ取り除いて、その部分にも、背景が見えるようにしたいのです。表示されたｈｔｍｌのどの部分をデリートしたらいいか、どなたか教えてください。お願いします。

回答No.4

noname#57571 · ベストアンサー

不具合の修正など部分的な問題であれば「教えて！goo」でも十分回答可能ですが、ご質問のような大幅なデザイン変更を伴うカスタマイズとなるとこの場でご希望通りの変更方法を説明するのはかなり難しいと思います。Seesaaブログをお使いのようですので、先ずは下記を参考にしながらご自分でチャレンジしてみて、その中でマニュアルを読んでも理解できない問題にぶつかった場合に個々に尋ねる方が的確な回答を得易いと思います （ ^^

Seesaaブログのカスタマイズ
http://www.blogcustomize.com/

お礼

ありがとうございます。
そうですよね。
いろいろ問題ありますね。
もういっかい勉強します！

回答No.3

Fuu1962

わたしもそう詳しくはないので不安ではありますが、回答しておみます。

まずどこのブログサービスを利用しているのか？
それともサーバーにインストールしたものか？

それからもしもブログサービス提供のものであれば、オプションで表示したり消したりはできないのでしょうか？
また、逆に直接HTMLをいじる場合でも、どうしても消せないものもありそうな気がします。

それで、補足の欄でCSSを書いていますが、これはほんとうに自信もなく書いているんですが、わたしのいままでの理解では、CSSはそのモジュール？ひとつひとつの見栄えをコントロールするものですから、CSSではなく、htmlで話をしないとダメだと思います。

とりあえず補足要求とさせていただきます。

お礼

ありがとうございます。
もういっかい勉強してみます。
またなにかあったら、よろしくおねがいします。

回答No.2

Tinte

こんにちは。
　HTML自体はそんなに難しいものではありませんが、少々複雑なので具体的に少しずつ質問してゆくのがよいと思います。
　ブログのデザインは、HTMLとCSSに大抵の場合別れていると思いますが、kukezoさんのブログは現在どうなっているでしょうか？CSSでは主に文字の大きさや色、配色、ブロックの構造などを定義しますが、HTMLは出力する文字やブラウザーで表示するためのコンテンツをタグで囲んで定義していると思います。
　図柄（デザイン）とカレンダーや時計などの変更編集は、別々の言語（CSSとHTML）で行うことになると思います。

　差し支えなければブログのURLとHTMLソースやCSSを提示してくれるとわかりやすいと思いますよ。

補足

お言葉に甘えて、全部のっけてみました。４０００字超えてしまうので、１/3くらいしかのっけてません・・・・
body {
font-family:Verdana;
background-image:url(http://blog.seesaa.jp/img/bg/xbox_gears/bg.gif);
background-repeat:no-repeat;
background-position:center bottom;
background-color:#000;
margin:0px;
padding:0px;
text-align:center;
}
#container{
margin:0px auto 0px auto;
width:813px;
background-image:url(http://blog.seesaa.jp/img/bg/xbox_gears/header.gif);
background-repeat:no-repeat;
background-position:center top;
color:#000;
font-family:Verdana;
}
a{
color:#F70000;
}
h1 {
margin:0px;
padding-top:120px;
font-weight:bolder;
font-size:24px;
}
h1 a{
color:#FFF;
font-family:Verdana;
text-decoration: none;
font-weight:bolder;
}

h2 {
margin:0px;
font-size:12px;
text-align:left;
font-family:Verdana;
color:#000;
}

h3 {
font-size:16px;
font-weight:bolder;
font-family:Verdana;
background-position:left;
padding: 10px 20px 10px 20px;
margin:0px;
line-height:140%;
}

h3 a{
color:#F00;
}

#banner{
font-family:Verdana;
margin:0px;
text-align:left;
padding-left:230px;
padding-right:300px;
height:328px;
}

.description {
color:#FFF;
font-size:12px;
font-family:Verdana;
line-height:140%;
}

.navi {
font-size:12px;
text-align:center;
margin-bottom:10px;
margin-top:10px;
color:#FFF;
}
#content {
margin:0px 0px 0px 17px;
float:left;
width:399px;
font-size:12px;
padding-bottom:10px;
}

.blog {
width:399px;
padding:0px 5px;
text-align:left;
}

.blogbody {
font-weight:normal;
line-height:140%;
margin-bottom:15px;
background-image:url(http://blog.seesaa.jp/img/bg/xbox_gears/blog_bg.jpg);
background-repeat:repeat-y;
}

.date{
clear:left;
color:#000;
padding:30px 3px 5px 0px;
background-image:url(http://blog.seesaa.jp/img/bg/xbox_gears/date.gif);
background-repeat:no-repeat;
background-position:top;
text-align:center;
}

.title{
font-weight:bold;
}
.title a{
border:none;
}

回答No.1

8bey

こちらのヘルプなどを参考にがんばって下さい。

http://blog.goo.ne.jp/info/blog_css7.html
http://blog.goo.ne.jp/info/blog_css_kozo.html

参考URL：

http://blog.goo.ne.jp/info/blog_css1.html

お礼

これは、分かりやすいですね・・すみません、見やすいですね・・・
の間違いです。
何か、おもしろくなってきました。
ありがとうございます！