プロが教える店舗＆オフィスのセキュリティ対策術

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

解決済

  • 質問者：rakisuta1
  • 質問日時：
  • 回答数：5件

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

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

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

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

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

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

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

  • どのブログにもあるものなので
    この上の部分のやつです

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

      補足日時：2016/10/27 17:16
    通報する

  • 返信ありがとうございます！
    そうなのですかー残念です。

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

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

      補足日時：2016/10/27 21:29
    通報する

  • 検索がブログ内の記事にしたいのですが、それは無理なのでしょうか？

      補足日時：2016/10/28 14:52
    通報する

  • すいません出来ました。

      補足日時：2016/10/28 15:26
    通報する
通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (5件)

No.5ベストアンサー

  • 回答者： t_fumiaki
  • 回答日時：

これで最後。


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

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

●個別ページには表示させたく無いなら以下
個別ページの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

No.4

  • 回答者： t_fumiaki
  • 回答日時：

そこは無理。


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

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

No.3

  • 回答者： t_fumiaki
  • 回答日時：

画像が見えない。


いっそurl書いたら？？？？？？？
    • good
    • 0
    • 件
通報する

No.2

  • 回答者： t_fumiaki
  • 回答日時：

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

この回答への補足あり
    • good
    • 0
    • 件
通報する

No.1

  • 回答者： t_fumiaki
  • 回答日時：

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


.article-body-inner {margin-bottom:200px;}
↓
.article-body-inner {margin-bottom:200px; background-color:#000000;}
    • good
    • 0
    • 件
通報する

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

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報