• ベストアンサー

FC2でこんなデザインのブログは作れますか?

自由度が高いと言うことでFC2を選びました。 こんなブログを作りたいのですが、可能かどうかよければアドバイスお願いします。 上のタイトル部分と左右端のメニュー部分につながったイラストを載せたいです。 ブログのページを「問」の漢字にたとえると、「門」の部分にイラスト、「口」の部分に日記です。 左右のメニュー?部分は文字の裏にイラストが透けて見えるようにしたいです。 ちょっとわかりづらい説明ですみません。 よろしくお願いします。 また、もしそういう編集の説明をしているサイトがあったら教えてくれたら嬉しいです。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.3

ヘッダ(タイトル)部分と左右サイドバーに背景としてイラストを設定したいということですね。 ご質問文からは詳細がわからないので、適した方法かどうかわかりませんが… (1)1枚の画像を背景にする場合。 HTML内のbody直下に、<div id="container">というタグがあると思います。("container"ではなく"wrapper"とか他の名前かもしれませんが、<body>のすぐ後にある<div>のidをチェックして下さい。) CSS編集画面でそのidの記述部分を探し、 background-image: url(画像のURL); background-repeat: no-repeat; と書き加えてやればOKです。 (2)ヘッダ、左サイドバー、右サイドバー用にそれぞれ別の画像を背景にする場合。 上記と同様にHTML内のヘッダ、左サイドバー、右サイドバー部分を探して、idをチェック。 CSS編集でそれぞれの該当id部分を編集。 background-image: url(画像のURL); background-repeat: no-repeat; 上のスタイルを加筆する。 簡単に説明するとこんな感じだと思いますが、おそらく、お使いのテンプレートによって細かな調整が必要になってきます。

youstillmyno1
質問者

お礼

わかりやすい説明ありがとうございます。HTMLはともかくCSSをいじるのはほとんど初めてなのですが、だいたい想像がつきました。今からいろいろ試してみたいと思います。 それと、もし良ければ、縦に画像をリピートする方法も教えてもらえないでしょうか?さすがにサイドバー全部を埋める画像だと重くなってしまうと思うので、、、

その他の回答 (2)

  • sanjihhhh
  • ベストアンサー率45% (134/295)
回答No.2

bodyに背景設定させて サイドメニューのところのcss設定には 背景色の色を設定しなければ、そのような事ができます。 background: #ffffff; これを記入しなければ、画像がそのままみえる。

youstillmyno1
質問者

お礼

なるほど! HTMLもCSSも簡単なモノしかわからないので、とても参考になります。ありがとうござました。

noname#67354
noname#67354
回答No.1

ご質問のこと、FC2ブログで可能です。 テンプレートの設定で、「修正」を選び、スタイルシートやHTML部分を好きなように編集できます。 詳しくはブログのQ&Aやユーザーフォーラムをご覧下さい。

youstillmyno1
質問者

お礼

回答ありがとうございます!とりあえず今からQ&Aをひととおり読んで見ます。

関連するQ&A

  • 《Fc2ブログのテンプレート編集について》

    《Fc2ブログのテンプレート編集について》 こんにちは。 FC2ブログを使用しています。 以前使用していた共有テンプレートのリンク部分をHTML編集して、 リンク先を直接入力して表示させていました。 左メニューにある「環境設定」→「リンクの設定」では、 バナーが表示されないため、このように直接タグを打ち込んでいました。 ですが、先日テンプレートをシンプルなものに変えました。 すると、前のテンプレートに打ち込んだバナー付きのリンクが、 新しくしたテンプレートにもそのまま反映されていました。 リンクを外したいので、新しいテンプレートのHTML編集をして、 打ち込んだ部分を消そうと思ったのですが、打ち込んだリンクのタグがありませんでした。 テンプレートを変えたので、タグも変わり、当たり前だと思うのですが、 ブログを見ると、バナー付きのリンクが以前のテンプレートを使用していた時のように残っています。 以前のテンプレートで、打ち込んだ部分を消した後、 新しいテンプレートに変えても、まだリンクが表示されています。 左メニューの「リンクの設定」を確認してみたのですが、 もともと、その部分には打ち込んでいないので何もリンクしていない状態でした。 新しいテンプレートで、以前打ち込んだタグを反映させないようにするには どうしたらいいでしょうか? うまく説明ができないのですが、お答えいただけると助かります。 説明不足でしたら、質問ください。 よろしくお願いします。

  • FC2ブログでのFC2メールフォームの使い方について

    FC2ブログでのFC2メールフォームの使い方について FC2ブログでイベント告知ブログをやっています。 FC2のメールフォームでイベント参加申し込みフォームを作りました。 ブログの本文上で、この申し込みフォームを表示させることはできますか? 左右のメニュー欄にではなく、本文上に お申し込みはお申し込みフォームから などとし、お申し込みフォームの部分をクリックすると 新しいウィンドウが開くようにしたいのですが、 不可能でしょうか? 方法も教えて頂けますと助かります。 マニュアルを見たのですが、設置に関する詳しい説明が無く困っています。 一言だけのご回答ではなく、詳細を教えて頂ける方に、、、 どうぞよろしくお願いします。

  • FC2ブログテンプレートについて

    ブログテンプレートのメニュー部分について FC2のブログです。 2カラムのテンプレートを使っていますが、 左メニュー部分が画面上ギリギリから始まるので、 少し下げたいのですが、どこを操作したら良いでしょうか。 padding-top:**px; /* タイトルの位置 */ の**に数字を 入れると、中央記事部分は下がったのですが、 メニュー部がどうしても出来ません。 分かる方いらっしゃいましたら、教えてください。 よろしくお願いいたします

  • fc2ブログ編集をしたいです。

    fc2でブログをやっているのですが、 まったくの初心者でうまいことしたいことができません。 左右のスペースをつめてメインの真ん中の部分を大きくしたいのですが、うまくいきません http://toriyasu420.blog.fc2.com/ どこをどういじっていいか教えてください よろしくお願いします。

    • ベストアンサー
    • HTML
  • fc2ブログ メニューが表示されない

    こんばんは。 ブログhttp://uedafootballclubob.blog.fc2.com/で、 記事は表示されるのですが、左右のメニューが表示されません。 どのように修正したらよいでしょうjか? ほかにもfc2ブログをやっているのですが、そちらは普通に表示されるので、 今回何をまちがってしまったかわかりません。 よろしくお願いいたします。

  • FC2ブログ

    こんな初心者質問ですがほんと真剣なんで聞いてください!! FC2ブログの記事のカゴテリ分けなんですが、文章では説明 しずらくてアレなんですが。。。。 (例)として ーカゴテリー ・日記 ・パソコン ・ペット http://nitorovomiu.blog47.fc2.com/ ↑(ここの様にはできるんですが。。。) などとなっているんですが、他のブログを見ると ー日記ー ・1月 ・2月 ーパソコンー ・ソフト ・ネット ーペットー ・成長 ・紹介 http://sprit.blog62.fc2.com/ ↑(ここなみたいな感じです) のようにカゴテリの中にまた詳細があってそこを クリックすると。。。。ってなってます。 カゴテリの中にさらに詳しい内容を分けるには どうやったらいいのか教えてくださいお願いします。 わかりにくい文章ですみません。わかっていただけましたでしょうか?

  • fc2 ブログで困っています

    fc2のブログを使っているんですが ちょっとよく分からない所があるので教えてください。 多分、プラグインの設定だと思うんですが、 左側に、カレンダー、最新の記事、最新のコメント、カデコリー 右側に、フリーページがあります。 真ん中に日記があるというパターンです。 日記が真ん中に来ないで、カデコリーの↓にきちゃって すごい見づらくなっています。 なので、ちゃんと真ん中にもっていきたいんですけど、やり方が全然わかりません。。。 この説明で分かる方いましたら、教えてください。

  • FC2ブログ上段メニュー

    FC2ブログについて 上段メニューをつくりたいのです。 (ttp://yahoolkuso.blog100.fc2.com/ hは抜きました)このブログように TOP SITE MAP LINK MAILみたいな感じで上段にメニューを入れたいのです。 HTML編集でのやり方を詳しく教えて下さい。

  • FC2ブログ、リンクについて

    FC2ブログ、リンクについて 最近FC2ブログを始めました、そこで質問があります。 私はよくイラストレーターさんのブログをよく見ています、そして私が見ているイラストレーターさんのブログは、メニューがありそのメニューの中にリンクという項目がありそれをクリックするとページが切り替わり仕事関係やら知り合いのホームページ・ブログのリンク先一覧があります。 私のブログもそのようにリンク一覧のようなものを作りたいと思っています、しかしFC2ブログのリンクのプラグイン設定ではだらだらとリンクの項目が増えていくので見た目が悪く困っています。 わかりにくい表現で申し訳ないのですが要は、リンクというページを作り、カテゴリ別でリンクを管理したいのです。 HTML編集などは全く出来ないのでなにか別の方法でうまく出来ないでしょうか?

  • FC2ブログ テンプレートの編集

    FC2のブログを使っています。 例えば「食べ歩き日記」というタイトルのブログで、「中華料理」というカテゴリがあるとすると、「中華料理」のカテゴリを選択すると、タイトルバーには「中華料理 食べ歩き日記」という風に出てくると思います、それを「中華料理」だけにするにはテンプレートをどのように編集すればいいのでしょうか?分かる方教えてください。