FC2ブログ

無料新規登録

テンプレート・プラグイン

フリーエリアにおける画像及び背景の設置


プラグインからフリーエリアの活用についてアドバイスをお願いします。
メモ帳を利用してhtmlを記述していますが、ブラウザでは正常に反映（添付画像のとおり）されますが、フリーエリアでコピペすると画像も背景も反映されません。
現在使っているテンプレートの影響もあるのでしょうか？
プログラミングは初心者ですので、どういうことが考えられるかアドバイスをいただけたらと願っています。
htmlの記述は以下のとおりです。
よろしくお願いします。
＊＊＊＊＊＊＊記＊＊＊＊＊＊＊＊＊＊

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
body{ background:#ffcc66; }
#home{ background:#ffffff;
}
#news { background:#ffffff; }

h1{ color:#ff0033; }
h2{ color:#008080; }

ul li{list-style-image:url("part8.jpg");}

#footerline{ border:0;
border-top: 1px dashed #330000;
width:100%; }

#copy { font-style:italic; }
</style>
<title>Cafe de L'amitie -Menu-</title>


</style>
<title>桂馬君の飛んでHappy</title>
</head>

<header>

</header>

<body>
<h1 id="home">CONCEPT</h1>
<img src="part_03.jpg"alt="ホーム画像２">

以下文字数の制約で略

by 桂馬君part2  2018年01月18日 19:32
by 桂馬君part2
2018年01月18日 19:32

コメント一覧 新しい順に表示▽ / 古い順に表示△

コメント一覧
新しい順  |  古い順

このコミュニティにご参加頂くと、コメントの書き込みができます



  • サイドバー・プロフィールでボタン（画像＆リンク）をhtmlにより設定することが出来ました。

    よかったら、隙間時間にお越しいただければ嬉しく思います。

    　http://keimakunnotonde.blog.fc2.com/

    v-22ブロ友・相互リンク歓迎
    by 桂馬君part2  2018年03月07日 16:56
    by 桂馬君part2
    2018年03月07日 16:56
  • 　二重のサイドバーと複数のフリーエリアって、どういうことでしょう？

    　あと、ご使用のテンプレはレシポンシブ対応なので、環境設定→ブログの設定→スマートフォン版の表示設定を無効にして使ってください。
    　スマホでも同じデザインで表示できるという、折角の機能がもったいない。
    by ｈｉｇｅ  2018年01月27日 11:25
    by ｈｉｇｅ
    2018年01月27日 11:25
  • ｈｉｇｅ様

    お陰様で背景も、テンプレートを変えたら出来ました。

    ただ、フリーエリアで何度かhtmlを書き換えたりしましたが、
    あなたの指摘の２重にサイドバーになることが修正できません。

    画像のサイズを変更しようとすると、複数のフリーエリアになりますね。

    これってどこを修正したらいいのでしょうねぇ？？



    by 桂馬君part2  2018年01月27日 10:43
    by 桂馬君part2
    2018年01月27日 10:43
  • hige 様

    ご親切にサイトまでご案内していただき有難うございました。

    目的別にもなっているので必要なことが調べやすいですね。

    勉強のしがいがあります。楽しみです。

    有難うございました。

    by 桂馬君part2  2018年01月22日 03:53
    by 桂馬君part2
    2018年01月22日 03:53
  • お役に立てて良かったです。
    WEB上にはヒントが一杯あり、
    http://www.htmq.com/
    の様にHTMLやCSSの解説もあるので適切なキーワードで検索すれば、独学の助けになります。
    by ｈｉｇｅ  2018年01月21日 16:24
    by ｈｉｇｅ
    2018年01月21日 16:24

  • ｈｉｇｅ様

    今まで画像を同じフォルダーでメモ帳の記述と併せて、画像ファイルを取り込んで
    いたので、今回のサイドバーの設定ではいろいろ課題が明確になりました。

    実は画像の右のクリックでURLコードが表示されなくて困っていました。

    あなたのお陰で、fc2さんの画像のアップロードに際してURLが判明し、
    添付画像のとおり、画像を貼ることが出来ました。

    一定の結果が得られましたので、背景色は初心者としては次の段階の課題にしたいと思います。

    有難うございました。
    by 桂馬君part2  2018年01月21日 13:15
    by 桂馬君part2
    2018年01月21日 13:15
  • ｈｉｇｅ様

    ご丁寧に有難うございます。

    初歩的な部分でしょうがご丁寧にご解説いただき有難うございます。
    １）altの前に半角が必要なこと
    ２）</style>が余分
    ３）プラグインでは<body>以降のみ記述。
    ということですね。

    また、メモ帳によるインターネットエクスプローラの表示では、
    ファイルを使ってやっているので、ファイルの中では画像も
    表示されるのですが、別の階層に画像がある場合、urlが必要に
    なるということですね。

    ちょっと私にはレベルが高い作業かと思いますので、
    時間がかかるかもしれませんがやってみます。

    早速のご解説誠にありがとうございました。

    先ずは御礼まで。

    by 桂馬君part2  2018年01月19日 13:43
    by 桂馬君part2
    2018年01月19日 13:43
  • 　本当にこの通りプラグインに記述されているのでしょうか。
    　ならば画像の指定がまずいと思います。
    　画像にはＵＲＬの指定が必須です。
    　つまり、画像を一旦FC2へアップロードしてそのアップロードした画像のURLを記入する。
    　多分このHTMLを記述し自分のPCへ保存。同じフォルダーに必要な画像を保存。そのファイルをブラウザーで開く。という手段で確認されたのでは？
    　その時は画像は表示されます。（実行するHTMLファイルと画像ファイルが同じフォルダにある時はURL指定が省略できる。）

    他に

    　<img src="part_03.jpg"alt="ホーム画像２">
    　altの前に半角スペースが必要

    　</style>が一つ余分

    　そもそもプラグインには<body>以降しか要らないのでは。
    　あと<body>とやると本体のHTMLと被ってしまうのでは。
    　id="home" が重複指定になってませんか。
    by ｈｉｇｅ  2018年01月19日 09:59
    by ｈｉｇｅ
    2018年01月19日 09:59

8件中、1～8件表示

Copyright(c)1999 FC2, Inc. All Rights Reserved.