外出自粛中でも楽しく過ごす!QAまとめ>>

ライブドアブログで記事の部分だけの背景を変えることって出来ますか?

今はホームページ全体、CSSを使って背景をオリジナルの画像にしているのですが、真ん中のメインカラム?っていうんですかね?とりあえず記事の部分だけの背景を白にしたいです。

タイプはホワイトプレスです

どうかよろしくお願いします

質問者からの補足コメント

  • 回答ありがとうございます!
    ついでになのですが、ブログの上の部分(画像を貼っておきます)と
    記事下の「カテゴリなしの他の記事」の欄を消したいのですが、そのやり方も分かりますでしょうか?
    どうかよろしくお願いします!

    「ライブドアブログで記事の部分だけの背景を」の補足画像1
    No.2の回答に寄せられた補足コメントです。 補足日時:2016/10/27 13:30
  • どのブログにもあるものなので
    この上の部分のやつです

    http://www.dotup.org/uploda/www.dotup.org1046589 …

      補足日時:2016/10/27 17:16
  • 返信ありがとうございます!
    そうなのですかー残念です。

    では、ほんとに最後なのですが、
    画像のようにトップページを「タイトル」「ホームページ説明」「検索フォーム」の3つのみにすることは出来ますか?(黄緑は背景です。)

    http://www.dotup.org/uploda/www.dotup.org1046473 …

      補足日時:2016/10/27 21:29
  • 検索がブログ内の記事にしたいのですが、それは無理なのでしょうか?

      補足日時:2016/10/28 14:52
  • すいません出来ました。

      補足日時:2016/10/28 15:26

このQ&Aに関連する最新のQ&A

A 回答 (5件)

これで最後。


css、htmlを自分用にゴッソリ入れ替えるのが正式なやりかた。
と言ってても先へ進まないと思うから、案を1個。

ブログの説明は、ブログ設定で書いてあるものを表示させる。
この内容は個別ページにも表示される。

●個別ページには表示させたく無いなら以下
個別ページのhtmlから次の記述ヲコメントアウトするか削除。
<p id="blog-description"><$BlogDescription$></p>
↓コメントアウトなら
<!-- <p id="blog-description"><$BlogDescription$></p> -->

●トップページの改訂
topページのhtmlを全て以下に入れ替える。好みがあるから、気に入らないかも知れないが・・・・。


<!DOCTYPE html>
<html lang="ja" itemscope itemtype="http://schema.org/Blog">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<$HeadSectionCommon$>
<meta name="description" content="<$BlogDescription ESCAPE$>" />
<$OGP$>
<link rel="alternate" media="handheld" type="application/xhtml+xml" href="<$BlogMobileUrl$>" />
<IfFoafUrl><link rel="meta" type="application/rdf+xml" title="FOAF" href="<$FoafUrl$>" /></IfFoafUrl>
<title><$BlogTitle ESCAPE$></title>
<!--[if lt IE 9]>
<script src="<$PartsBaseUrl$>/js/html5.js"></script>
<![endif]-->
<script src="<$PartsBaseUrl$>/js/usr/import.js"></script>

</head>
<body class="default_2012 page-index sidebar-right" style="background-color:#b8e522;">

<$BlogHeader$>

<div id="wrapper">

<div id="container">
<div align="center">
<!-- ブログタイトル、説明 -->
<header id="blog-header"<IfBlogHeaderImageUrl> class="show-image<IfBlogHeaderHideText> hide-text</IfBlogHeaderHideText>"</IfBlogHeaderImageUrl>>
<div id="blog-header-inner">
<h1 id="blog-title" style="width:400px;background-color:#ffffff;border:solid 2px #4a9d59"><a href="<$BlogUrl$>"><$BlogTitle ESCAPE$></a></h1>
<p id="blog-description" style="width:400px;background-color:#ffffff;color:#00a4ee;border:solid 2px #e48943"><$BlogDescription$></p>
</div>
<IfBlogHeaderImageUrl><img src="<$BlogHeaderImageUrl$>" id="blog-header-image"></IfBlogHeaderImageUrl>
<UnlessBlogHeaderImageUrl>
<!--<div id="blog-header-image"></div>-->
</UnlessBlogHeaderImageUrl>
<$MenuList$>
</header>
<!-- /ブログタイトル、説明 -->


<div class="sidetitle" style="font-weight:bold; color:#00a4ee;">記事検索</div>

<form action="http://blog.livedoor.jp/js_club/search" method="GET" style="padding:0;margin:0px;">
<input type="TEXT" name="q" class="sf">
<input type="SUBMIT" value="検索" class="sfbtn">
</form>

</div>
</div>
</div>

</body>
</html>
    • good
    • 0
この回答へのお礼

回答ありがとうございました!

お礼日時:2016/10/28 15:27

そこは無理。


ユーザカスタマイズ出来ないCSSで行っている。
無料で提供されているから、全て公開されている訳では無い。

Live Doorの運営方針に関る部分は、さすがに直せない様になっている。
    • good
    • 0

画像が見えない。


いっそurl書いたら???????
    • good
    • 0

あっ、白だった、#000000→#ffffff

この回答への補足あり
    • good
    • 0

この前、下をcssに追加したから、そこにバックグラウンドカラーを追加する


.article-body-inner {margin-bottom:200px;}

.article-body-inner {margin-bottom:200px; background-color:#000000;}
    • good
    • 0

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aと関連する良く見られている質問

Qライブドアブログにおいて記事の横幅を広げるやり方

ライブドアブログにおいて記事の横幅を広げるやり方を教えて下さい。
調べてみたんですが、CSSを書き換えればいいというところまでは、
わかったんですが、その先のカスタマイズのやり方がどうもわかりません。

使用しているテンプレートのCSSの全体の枠組みのところのコードは、
下記のようになっています。

/** 02. Layout - レイアウト(全体の枠組み) */
/* ----------------------------------------------- */

body {
margin: 0 0 10px 0;
padding: 0;
min-width: 1030px;
background: #FFFFCC;
text-align: center;
}

div#container {
margin: 0 auto;
height: 1%;
width: 100%;
background: #fff;
position: relative;
}

div#content {
width: 1030px;
margin: 0 auto;
}

div#main
, div#sub
, div#extra {
overflow: hidden;
}

div#main {
float: left;
display: inline;
width: 100%;
}

div#main div.column-inner {
margin: 0 225px 20px 225px;
}

div#sub {
float: left;
display: inline;
margin-left: -100%;
}

div#sub div.column-inner {
width: 200px;
padding-right: 15px;
}

div#extra {
float: left;
display: inline;
margin-left: -215px;

}

div#extra div.column-inner {
width: 200px;
padding-right: 15px;
}


/* ----------------------------------------------- */
/** clearfix */

div#container:after
, div#content:after
, ul.article-navigator:after
, ul.archives-navigator:after
, div.article-body:after
, div.article-body div.article-body-more:after
, div#trackback-form ul:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

/** hasLayout */
div.blog-title-outer
, h2.archives-title
, div.article-body
, div.article-footer
, h2.article-title
, div.pager
, ul
, div.index-navigator-outer {
height: 1%;
}

/** peek-a-boo bug */
div#trackback-form
, div#trackbacks-list
, div#comments-list
, div#comment-form {
height: 1%;
}


ここをどう変えれば記事の幅を広げることが出来るのか教えてください。
お願いします。

ライブドアブログにおいて記事の横幅を広げるやり方を教えて下さい。
調べてみたんですが、CSSを書き換えればいいというところまでは、
わかったんですが、その先のカスタマイズのやり方がどうもわかりません。

使用しているテンプレートのCSSの全体の枠組みのところのコードは、
下記のようになっています。

/** 02. Layout - レイアウト(全体の枠組み) */
/* ----------------------------------------------- */

body {
margin: 0 0 10px 0;
padding: 0;
min-width: 1030px;
background: #FFFFCC;
text-al...続きを読む

Aベストアンサー

div#content {
width: 1030px; /* ブログ全体サイズ */
margin: 0 auto;
}
このサイズを大きくすれば、メインコラムもソレに応じて拡がってくれる。
メインコラムは
div#main {
float: left;
display: inline;
width: 100%;
}
であり、100% 以上にすることができない。


人気Q&Aランキング