注目タグ

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

トピック詳細

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

プラグインからフリーエリアの活用についてアドバイスをお願いします。
メモ帳を利用して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="ホーム画像2 ">

以下文字数の制約で略

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

コメント一覧 8件中、1~8件表示


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

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

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

    v-22ブロ友・相互リンク歓迎

    2018年03月07日 16:56 by 桂馬君part2

  •  二重のサイドバーと複数のフリーエリアって、どういうことでしょう?

     あと、ご使用のテンプレはレシポンシブ対応なので、環境設定→ブログの設定→スマートフォン版の表示設定を無効にして使って ください。
     スマホでも同じデザインで表示できるという、折角の機能がもったいない。

    2018年01月27日 11:25 by hige

  • hige様

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

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

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

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



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

  • hige 様

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

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

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

    有難うございました。

    2018年01月22日 03:53 by 桂馬君part2

  • お役に立てて良かったです。
    WEB上にはヒントが一杯あり、
    http://www.htmq.com/
    の様にHTMLやCSSの解説もあるので適切なキーワードで検索すれば、独学の助けになります。

    2018年01月21日 16:24 by hige

  • hige様

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

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

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

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

    有難うございました。

    2018年01月21日 13:15 by 桂馬君part2

  • hige様

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

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

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

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

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

    先ずは御礼まで。

    2018年01月19日 13:43 by 桂馬君part2

  •  本当にこの通りプラグインに記述されているのでしょうか。
     ならば画像の指定がまずいと思います。
     画像にはURLの指定が必須です。
     つまり、画像を一旦FC2へアップロードしてそのアップロードした画像のURLを記入する。
     多分このHTMLを記述し自分のPCへ保存。同じフォルダーに必要な画像を保存。そのファイルをブラウザーで開く。という手 段で確認されたのでは?
     その時は画像は表示されます。(実行するHTMLファイルと画像ファイルが同じフォルダにある時はURL指定が省略できる。 )

    他に

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

     </style>が一つ余分

     そもそもプラグインには<body>以降しか要らないのでは。
     あと<body>とやると本体のHTMLと被ってしまうのでは。
     id="home" が重複指定になってませんか。

    2018年01月19日 09:59 by hige