livedoor ナレッジ

ブログの投稿スタイルについて

ブログの投稿についてですが、元のスタイルシートを桜の3カラムで作っており、その上にカスタムの画像を壁紙にしていますがブログの投稿をすると、桜のスタイルが投稿記事の部分に現れます。どうしたら消せますか?URLは です。

すみませんが、
>>1でおっしゃっているように、
サイドバーにでかすぎる画像を載せるのは無理です。


そして、真ん中の白い背景を消すと、バックの絵とテキストの色の関係がかなり難しくなります。

背景を消して、絵を暗くして、テキストを明るくしてみました。

http://blog.livedoor.jp/kuen_san/archives/50000744...


まずは、現在のCSSをバックアップ。

ここにある画像を右クリックしてダウンロードし、アップロードして下さい。

CSSを丸ごとコピーしてコピペし、アップロードした画像のURLをbackground:url(アップロードした画像のURL) のURLに入れてみて下さい。

気に入らなかったらCSSを元に戻してください。


腹部超音波は、トップページのHTMLの中に<!-- Loop End -->という部分がありますので、その下あたりに挿入して下さい。

<center><img src="画像のアドレス" width="画像の幅" height="画像の高さ"></center>

という感じで。



このデザインのサイドバーを広げるのは難しいです。

幅180px以上の画像などは入れない方がいいですよ。

なんでハンドルがパート2になったの？

投稿記事の部分の上下にある桜の花びらの事ですか？

あの上下の桜は、記事投稿部分を構成している大事な画像なんですよ。あの上下の桜の部分と、投稿部分本体の CSS 背景の3つで構成されています。

CSS を見ていくと、その画像が指定されている位置がわかります。まず上の部分を構成している桜は ・・・

.datetop,#articletop{ }
.trackbackurltop{ }

の2箇所。画像サイズは、375 × 58px ファイルアドレスは、（ http://parts.blog.livedoor.jp/img/usr/sakura/3colu... ）

下の部分の桜は、

.blogbodybottom{ }
.comblogbodybottom{ }
#articlebottom{ }

の3箇所。画像サイズは、375 × 44px 、ファイルアドレスは、（ http://parts.blog.livedoor.jp/img/usr/sakura/3colu... ）

本体を構成している背景は、CSS で指示されているからそのままで OK 。さあそこで上記の上下を構成している画像を桜の部分を切り取って、もしくは桜の部分を何か任意の画像デザインに変更して作り直しをしなければなりません。

もちろんそのさいは、同じ幅、同じ高さで作成して下さい。イラストレーターが使えれば一番良いのだけど、何かお持ちの画像作成ソフトを使用して頑張るしかないですね。

作成した画像をファイルのアップデートでサーバーに上げ、そのアドレスを前述した CSS の部分に書き換えます。CSS を保存。再構築。これで出来上がりなんですが、画像作成のスキルが無いと少し難しいと思いますよ。

PS.余談ですが、左サイドカラムの 『 腹部超音波 』 の画像が大きすぎです。記事を上げていくと、100％ サイドカラムが下に落ちます。