エピソード4の感想一覧

あ、もしかして透過加工のコードは、色に透明度を指定したいということです？

なろうの割烹の仕様で調べた限り透過色は使えないと思います。


CSSではbackgroundのrgba()やopacityを使えば透明度も指定できますが、なろうだとどちらも使えなかったです。

こんにちは～。

ありがとうございます。質問は、

1. 背景画像を使いたいということですか？
2. ”透過加工のコード”というのはpngかgifのことを言ってるのでしょうか？

ということですか？　以上の2点についてお答えします。



1.

背景画像は、background-imageを使うことで使えます。

使用例は以下のようになります。
https://mypage.syosetu.com/mypageblog/view/userid/1090932/blogkey/2614233/


具体的なコードを示すと、

<div style="font-size:14px;line-height:1.7;padding:10px;margin:-10px;color:#333;background:#fff;background-image:url(https://22980.mitemin.net/userpageimage/viewimage/icode/i480876/);background-repeat:repeat;">
この中に本文を入れる。
好みで文字サイズ、行間、文字色、背景色、背景画像を変える。
※背景色も指定しないと背景画像が表示されない場合があるため指定しています。
</div>

こんな感じになります。
background-image:url(https://22980.mitemin.net/userpageimage/viewimage/icode/i480876/)

urlはみてみんのURLを書いてください。

もう少し詳しい解説は以下になります。
https://ncode.syosetu.com/n7987gk/7/



これに枠を付けたい場合は、

divのstyle=の中にborder:の設定を書けばOKです。

例えばこんな感じですかね。コピペしてみてください。


<div style="font-size:14px;line-height:1.7;padding:10px;margin:-10px;color:#333;background:#fff;background-image:url(https://22980.mitemin.net/userpageimage/viewimage/icode/i480876/);background-repeat:repeat;border:10px ridge #f5f5f5;">この中に本文を入れる。
好みで文字サイズ、行間、文字色、背景色、背景画像を変える。
背景画像はhttps://22980.mitemin.net/userpageimage/viewimage/icode/i480876/を自分の指定したいものに変えてね。
※背景色も指定しないと背景画像が表示されない場合があるため指定しています。
</div>



2.

2つめの回答としては、透過画像（png, gif）は使えますが、580×580のサイズに収めてください。

みてみんの仕様で580×580以内に収まらない画像は縮小版が作成されます。
直接URLを指定する場合は問題ないですが、<|>のコードを利用して呼び出す場合等は、縮小版が呼び出されます。

縮小版はjpegに変換されるので、透過属性が失われます。


詳しくは以下を御覧ください。
https://ncode.syosetu.com/n8940ek/



これで答えになってますか？

なってない場合は、お手数ですがメッセージなり、感想なりもう一度お願いいたします。