感想一覧

こんにちは～。

割烹芸人頑張ってください！

こんにちは～。お使いいただきありがとうございます！

いいですね！


あっ！　一つ注意点なのですが、色指定は一番内側に入れてください。実は、色指定してから別のタグを挟むと読者がスマホで見たときに色が黒になってしまうのですよ（なろう割烹のバグです）


<a href="https://ncode.syosetu.com/n2418gx/"><font size="+2"><b>
<font color="#FF99FF">切なさと、心配と、愛しさと。〜うふんおねーさまとアハンちゃんシリーズ♡</font>
</b></font></a>


こんな感じにするとスマホユーザーにも優しいです。

スマホでも作者は普通に見える場合もあるので気づかないという、なろう割烹の最悪なトラップが仕掛けられているのです......

こんにちは。

参考になったようで何よりです。

やり方次第で作れます。divブロックに背景画像をリピートさせると擬似的に市松模様模様やストライプなど作ることは可能です。まあ、背景画像を作るのが多少面倒ですが。

発想次第で大体のことはできますね。色々と試してみるといいかもしれません。

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

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


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/



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

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

こんにちは！レビューもありがとうございます。

私もあんまり凝ったモノを作る気はなかったのですけど気付いたらこうなってしまいました。

具体例がないとなかなかイメージし難いですからね。なるべく画像入れてみました。

私もよく文字数制限にかかってしまいます……
魔改造すると2万文字にすぐ到達してしまうのですよね。悲しい

ありがとうございます(≧▽≦)

こんにちは〜。

ランキングタグもそのうち攻略したいですねぇ。微妙に仕様が違うので。

ゲームブックですか。いいですね。
頑張れば色んなこと出来そうです。

こんにちは〜

いえいえ、小説家になろうの活動報告の仕様はわかりにくいのとなかなか闇が深いので、たいへんデスね。

楽しんでくださいませ！

こんにちは! なろうの片隅に存在するこのような変態エッセイにまでお流れいただきありがとうございますヾ(≧▽≦)ノ

いいですねぇ☆



はい、よくある質問ですね。


ちょっと専門的な話になるのですが、この現象が起きるのはPCやタブレット（Web表示）などの画面サイズが大きい端末のみとなります。（スマホ閲覧ではおきません）


原因として、PC版の活動報告欄が<p></p>で構成されていることに起因しています。

HTML5ではpタグ内にフローコンテンツ（divなど）を含むことは許されていません。

そのため、活動報告内でdiv, center, hr, h, preのようなタグを使った場合、それ以前のところで<p>タグが閉じます。


このpタグに活動報告のデフォルト文字サイズ情報が含まれているので、それ以降の文字サイズが小さくなります。（デフォルトでは文字サイズを1.2倍していますので、相対的に1/1.2倍になります。まぁ大体0.8倍）


これを防ぐには一番最初に活動報告の文字サイズを規定する必要があります。

活動報告の全体に<div style="font-size:120%;line-height:1.7;"></div>を使うと解決します。もしくは好きなフォントサイズを指定 (14px~16pxくらい)するのがいいと思います。<div style="font-size:16px;line-height:1.7;"></div>



なお、スマホなどの画面サイズが小さいデバイスではきちんと<div>でくくられているため、このようなことが起きません。


小説家になろうのCSSを作った人のミスなのか、暗に特定のタグを使うなということなのか、タグを使う人はスマホで見ることを推奨しているのかは不明です……。

正直、HTMLタグを入れられるページをpタグでくくることは通常ありえないので、最初に活動報告の仕様を決めた時にはタグを使えないようにしていたのかなと思います。

現にスマホ版ではdivでくくられているので、作成時の仕様と現在の仕様のミスマッチが原因なのではないかと考えています。



もうすこし詳細を知りたい場合は以下のリンクを見てください。
なろうCSSについてもう少し詳しく調べたものです。

https://ncode.syosetu.com/n3582gc/5/


よろしくお願いいたします。

こんにちは～。

感想ありがとうございます！
参考になって何よりです！　

こちらこそ嬉しい報告ありがとうございます(*- -)(*_ _)ペコリ

こんにちは～。

割烹芸人は、活動報告を使ってエンタメを提供しているユーザーのことです。

別にHTMLを使わなくても問題ないです。

また自称なので、自分がそう思った時点で割烹芸人になれますよ。認定制度などはありませんよ。

なりたいと思った時点で、割烹芸人になれるのです。