親子におすすめの新型プラネタリウムとは?

ライブドアブログにおいて記事の横幅を広げるやり方を教えて下さい。
調べてみたんですが、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%;
}


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

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

A 回答 (2件)

div#content {


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

回答有難うございます。
大変参考になりました。

記事の幅だけ広げることは出来ないんですね…。

お礼日時:2014/04/13 00:29

これから先もスタイルを変更するかもしれないので、自分で見つける努力をして見ましょう。



手前味噌ですが、ずっと昔書いていたLivedoorブログがまだ残っているので、載せておきます。
トップページのレイアウトを図式化した記事です。

http://blog.livedoor.jp/kaneR/archives/22545382. …
    • good
    • 0
この回答へのお礼

回答有難うございます。
参考にしたいと思います。

お礼日時:2014/04/13 00:27

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

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

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

このQ&Aを見た人が検索しているワード

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

Qライブドアブログでトップページの表示記事数を増やすには?

ライブドアブログでトップページの表示記事数を増やすには?

ライブドアブログでトップページの表示記事数を増やすにはどうすればいいのでしょうか?
現状トップページで最新記事が3件表示されてますが、これを8件程度に増やしたいのです。

いろいろCSSをいじくって試行錯誤しているのですがうまくいきません。
よろしくお願いいたします。

Aベストアンサー

CSSを編集する必要はありません。


[ブログ設定]-[ブログ情報]の基本設定-[表示設定]のトップページの表示件数

QFC2ブログで、画像の画面中央に表示にするには?

FC2ブログで、記事を書く場所に画像をアップすると、
画面左側に寄ったかたちで表示されるのですが、
画像を中央に表示させることはできるのでしょうか?
教えてください、よろしくお願いします!

Aベストアンサー

<p style="text-align: center;"><画像ファイルアドレス></p>

でもセンタリング可能。
center使う方が簡単ですけどね。一応centerはdeprecated(推奨されない)属性なので、使わない方がスマート(に見られる程度)。

Qライブドアブログで行間を無くすには

ライブドアブログの行間を無くして2ちゃんねるのAAなどを貼りたいのですが、どうすればいいのでしょうか?

Aベストアンサー

行間を含め文字サイズなどの設定はスタイルシート(CSS)で設定します。
ライブドアのブログでもこのスタイルシートを編集できますので試してみてください。
CSSの編集はデザインの設定の画面の右下にあるカスタマイズのボタンを押すと編集の画面にかわります。

参考urlのサイトはCSS内で行間を設定する説明が書いてあるサイトです。

参考URL:http://allabout.co.jp/computer/hpcreate/closeup/CU20040403A/

Qライブドアブログのプロフィール画像のところにイラストメーカーで作成した画像を貼るにはどうすればよろしいんでしょうか?

ライブドアブログのプロフィール画像のところにイラストメーカーで作成した画像を貼るにはどうすればよろしいんでしょうか?教えて下さい。

Aベストアンサー

管理ページ上部の横並びのメニューから「プロフィール」を選択し、新規に立ち上がったページの左側メニューの「基本情報の設定>マイプロフィール」をクリック、「プロフィール設定>プロフィール画像」とある所の右側に「画像を変更する」のリンクがあるのでクリック、画像をアップロードする画面になるので、イラストメーカーの画像をアップしてください。

これで再度ご自分のブログのトップページを確認していただければ、プロフィール画像が掲載されていると思います。

もし掲載されていなければ、管理ページ上部の横並びのメニューから「カスタマイズ/管理」を選択、左メニューから「プラグインの設定」で、「livedoor プロフィール」の状態が「表示」になっているかどうか確認、もし「livedoor プロフィール」の項目自体がなければ、左メニューから「(プラグインの)新規追加」を選択、「livedoor プロフィール」を追加してから、ブログのトップページを確認してみてください。

Qライブドアブログ カテゴリ別アーカイブの作り方

当方ブログを始めて1週間ぐらいになります。記事の量も増えてきて
カテゴリ別に分けたいのですがやり方がわかりません。ライブドアブログ
の説明を読んで
マイページ⇒ブログ設定⇒記事カテゴリ⇒新しいカテゴリを作るでカテゴリ
を作ったのですが私のブログのカテゴリ別アーカイブには何も表示され
ていませんでした。表示するには何か設定が必要なのでしょうか。
表示できたらどうやって記事とリンクさせる事ができますか。
説明が不足していましたらすみません。この説明を読んでわかる方が入られ
ましたら是非教えて頂きます様お願い致します。

Aベストアンサー

「記事一覧」をクリックし、それぞれの記事のカテゴリを個別に指定する。
デフォルトで「記事カテゴリなし」が二個ずつ並んでいるのは livedoor では二個までのカテゴリが指定できるシステムであるから。
そうすれば、「カテゴリ別アーカイブ」をクリックした時にそのカテゴリに含まれる記事が表示される。
記事がゼロのカテゴリは表示されない。

QライブドアBlogトップページの新着記事に自分の投稿が表示されないのですが・・

ご存知の方、どうかお教えくださいm(__)m

初めてライブドアBlogでブログを作り、さっそく何回か投稿してみたのですが、ライブドアBlogトップページの登録しているカテゴリーの新着記事に表示されません。

新着記事には表示されませんが、登録しているカテゴリー内で指定した共通テーマの中には投稿後、すぐに表示されています。

ブログも公開する設定にしているのですが、自分の投稿をライブドアBlogトップページの新着記事に表示させるためにはどうすれば良いのでしょうか。

ご存知の方、どうかお教えくださいm(__)m

よろしくお願い申し上げます。

Aベストアンサー

新着記事、ということですから、同時刻にたくさんの方が投稿された場合、確認する間もなく流れてしまっているのではないでしょうか?
新着記事のところにある他の皆さんの投稿時刻と自分の記事の投稿時刻とを確認してみてください。

共通テーマの方には表示されているというのは、そちらの方か投稿している人の数が少ないからかもしれません。

Q画像イメージの上下左右、欲しいところに好きな間隔を入れられますか?

こんにちは。タイトルの通りサイト作成で、
画像の上下左右、好きな方向に間隔を入れられるかその方法をお教えください。

参考までに、DreamWeaver(ドリームウィーバー)2004MXです。

画像とテキストの兼ね合いで、画像の右側や左側に、
ところどころで間隔が欲しいと思っています。

間隔をいじれるところといえば縦間隔、横間隔になりますが、
縦間隔なら「上」と「下」、横間隔なら「右」と「左」、
これらが一度に動いてしまうのです。
片方には確かに欲しい間隔が得られるのですが、
ほう片方に要らない間隔ができてしまい困っています。

例えば右だけに間隔が欲しい。
左だけに間隔が欲しい。

こういう場合って、何かやり方があるのでしょうか。

もともと余白込みの画像を用意するという手も講じましたが、
その場合はその場合で、その画像が他のレイアウトに流用しづらい
という弱点を生んでしまい、レイアウトごとに画像を用意しなければならないので
対症療法としてはうまくいきませんでした。

また、画像ごとにセルを用意して任意の余白を作り出す手もありましたが、
セルがあまりにも絡まりあってしまい、
かなりぐちゃぐちゃなものになるためうまくいきませんでした。

やはりもうちょっと詳しい方にお訊きしようと思いまして
質問を立てさせていただきました。
素人質問で大変申し訳ありません。
どうぞ宜しくお願いいたします。

こんにちは。タイトルの通りサイト作成で、
画像の上下左右、好きな方向に間隔を入れられるかその方法をお教えください。

参考までに、DreamWeaver(ドリームウィーバー)2004MXです。

画像とテキストの兼ね合いで、画像の右側や左側に、
ところどころで間隔が欲しいと思っています。

間隔をいじれるところといえば縦間隔、横間隔になりますが、
縦間隔なら「上」と「下」、横間隔なら「右」と「左」、
これらが一度に動いてしまうのです。
片方には確かに欲しい間隔が得られるのですが、
ほう片方...続きを読む

Aベストアンサー

HTMLの初歩です。具体的には、
-------------------------------------------
<img src="○○.gif" width="100" height="100" alt="*"
style="margin: 10px 20px 0 30px;">

上10px 右20px 下0 左30px の四方の隙間が開く。
数値は例なので適当に変更を。
-------------------------------------------

<img src="○○.gif" width="100" height="100" alt="*"
style="margin: 5px 20px;">
上下5px 右右20px の2方の隙間が開く。

Qライブドアブログの文字色の付け方と文字を大きくする方法を教えて下さい。

お世話になっております。

投稿カテゴリーを間違えましたので再度質問します。

現在、ライブドアブログを使っておりますが

日記を作成する時に・・・文字の色を変えたり文字を大きくしたりする機能はどこのボタンを押せば宜しいのでしょうか?><;

もしかしてそういう機能は無いのでしょうか?><;

どうか教えて下さい。

Aベストアンサー

シンプルエディタになってると思うので
添付の画像の場所を 設定しなおしてください

Qライブドアブログでの動画の貼り付け方について

あるライブドアの2ちゃんまとめブログを観ていたら、
YOUTUBEの動画が、変わったやり方で貼り付けてありました。

URLはこちらです
http://blog.livedoor.jp/darkm/archives/51510982.html


このように貼り付ける方法をぜひ教えて下さい。お願いします。

Aベストアンサー

ブログ拝見しました。

やってる事は単純で、「動画の部分をCSSを使って最初に非表示にしておいて、画像にマウスカーソルが乗っかると、JavaScriptに引数渡して、動画の表示(CSS)を切り替えている」だけですね。

パッと見で想像できた動作で、実際ソースもそうなっていました。

分からない場合はソースを表示させて眺めて下さい。
ソースを見てどう動いているのかが理解できないようなら、質問者さんが同じことをやろうとするには敷居が高いでしょう。
CSSやJavaScriptについて勉強して下さい。


まぁ、それではなんなので、ヒントをちょっと書いておきます。

1.動画を配置したDIVのスタイルを display:none で非表示に設定
2.画像の onmausemove イベントを使い、引数をJavaScriptに渡す。
3.JavaScriptで受け取った引数を元に、動画のスタイルを変更。

と言った具合。

Qツイッターウィジェットの貼り付け方

自分のブログに、自分のツイッターウィジェットを貼り付けたいと思い、方法を検索しました。
「設定」⇒「ウィジェット」⇒「新規作成」をクリックすると、ウィジェット作成画面に変わるはずなのですが、
「ウィジェット」「新規作成」クリックすると、すぐ下に
----------------------------
・プロフィール
・いいね
・リスト
・コレクション
・検索
-----------------------------
↑のように出てくるだけで、

自分のツイートのウィジェット作成の画面になりません。

一番下の「・検索」をクリックしてみると、
「検索ウィジェット作成画面」になります。

しかし、

私が作りたいのは、自分だけのツイートのウィジェットで
「ユーザー名」となるはずのところに「検索クエリ」となっています。

本日、ツイッターを始めて登録したのですが、現在は自分のツイートのウィジェットは作られないのでしょうか?
方法をご存知の方教えてください。
どうぞよろしくお願い致します。

Aベストアンサー

どうやらウィジェットの作成方法が変更されてるようです。
「設定」⇒「ウィジェット」⇒「新規作成」→「プロフィールで」で良いようです。


Twitterのタイムラインウィジェットがいつの間にか変わっていたので、ブログ設定する方法について紹介したい - まさぼっち.net
http://masabochi.net/2016/06/21/twitter%e3%81%ae%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%8c%e3%81%84%e3%81%a4%e3%81%ae%e9%96%93%e3%81%ab%e3%81%8b%e5%a4%89%e3%82%8f%e3%81%a3%e3%81%a6%e3%81%84%e3%81%9f%e3%81%ae/

↑アドレス長いので念のためショートアドレス
https://is.gd/TkG40m


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング