表示調整
閉じる
挿絵表示切替ボタン
▼配色
▼行間
▼文字サイズ
▼メニューバー
×閉じる

ブックマークに追加しました

設定
0/400
設定を保存しました
エラーが発生しました
※文字以内
ブックマークを解除しました。

エラーが発生しました。

エラーの原因がわからない場合はヘルプセンターをご確認ください。

ブックマーク機能を使うにはログインしてください。
12/13

注意事項とか裏技的な

色々と調べたりテンプレを作る際の注意や備忘録置き場です。

注意点とか裏技とか書いていきます。

備忘録的なものです。



・フォントサイズが変わる


装飾をしてみた人はわかるかもしれませんが、装飾しているとある地点から文字が小さくなることがあります。


挿絵(By みてみん)


例:


始めは普通なのだけれども

水平線や中央寄せしたら


<hr />


始めは普通なのだけれども

水平線や中央寄せしたら



<div style="font-size:14px;">


最初にdivでサイズを指定すると設定が崩れない。

そんな感じになるのです。


<hr />


始めは普通なのだけれども

水平線や中央寄せしたら


</div>



これはタグの種類によってはそのあとのフォント設定が崩れることがあるからです。

詳細は省きますが、解決する方法はあります。


最初にフォントサイズを明示して、その中にタグを入れていくことです。



ただし、これはPCやスマホ、ブラウザによっても変わって見えたり見えなかったります。

スマホだとこんな感じです。


挿絵(By みてみん)


特に変わっては見えませんよね。


スマホだけで閲覧している場合は気付かないかもしれませんが、PC閲覧している人には崩れて見える場合があります。



それを防ぐには最初に明示的にフォントサイズや行間、背景色などを定めることですね。

こんな感じです。



<div style="font-size:14px;">


本文やタグ

・・



</div>



これで大丈夫だと思います。






・文字数制限について


活動報告ではHTML装飾タグ含めて2万文字までです。


なので、装飾に必要なタグやパラメータの設定が多いものを多用すると必然的に本文に書ける文字数が少なくなります。


なので、多くの文字を書きたい場合は、なるべく装飾を少なくする必要があります。

あまり文字を書かないのであれば色々な装飾ができますね。



挿絵(By みてみん)




・PCスマホで変わる


フォントタグ使うと文字色が変わらない場合があります。


<font size="+2" color="#0000FF">青くでっかくなっちゃった!</font>

<font size="+2"><span style="color:#58ACFA;">青くでっかくなっちゃった!</span></font>

<span style="background-color:#F8ECE0;color:#58ACFA;font-size:18;">背景変わって、青くでっかくなっちゃった!</span>



・PC画面

挿絵(By みてみん)


・スマホ画面

挿絵(By みてみん)


タグを使ってもフォントが変わらない場合があります。

fontタグは現在は推奨されていないので、なるべくstyleで指定したほうがよさそうですね。





・ランキングタグに書いてみる。


HTMLは活動報告だけで使えるわけではありません。

実は小説の下の方のランキングタグ欄でも使うことができます。


私がよく小説のリンクとか貼っている場所がランキングタグ欄です。


挿絵(By みてみん)


場所としては広告の下になります。


これは、小説管理ページのランキングタグ管理で設定できます。


挿絵(By みてみん)


まぁ、こんな感じで設定できます。

目次ページと各小説の下に設定できます。


挿絵(By みてみん)



割烹でテンプレ作って反映させてもいいですね。


ただ、割烹とは若干形式が違うので、使う場合は少しアレンジが必要です。


挿絵(By みてみん)



閲覧媒体でも見え方が変わるので色々と試してみてくださいね。

なお改行はbrを使わないとだめっぽいです。(自動で消される……)






・フォント種類を変える。


実はフォントの種類も変えることができます。


ただfontタグを使わないといけないのであまりお勧めできません。

閲覧媒体で見え方が変わるかもしれないということを頭において使ってみてください。



<span style="font-size:18px;">これが普通 Dayo!</span>


<font face="fantasy"><span style="font-size:18px;">これがfantasy Dayo!</span></font>


<font face="serif"><span style="font-size:18px;">これがserif Dayo!</span></font>


<font face="monospace"><span style="font-size:18px;">これがmonospace Dayo!</span></font>


<font face="和文フォント"><span style="font-size:18px;">これが和文フォント Dayo!</span></font>


<font face="cursive"><span style="font-size:18px;">これがcursive Dayo!</span></font>


挿絵(By みてみん)






たまに追加するかもしれません。

評価をするにはログインしてください。
ブックマークに追加
ブックマーク機能を使うにはログインしてください。
HTML参考エッセイ
1. 小説の背景を華やかにしませんか?ついでにコピペで使えるHTMLタグテンプレ作ってみた! 
2. 「小説家になろう」におけるHTMLタグの使い方について
3. 【割烹を彩る】需要があるみたいなので作ってみました
4. 検索機能と活動報告の活用 ~新作発見の効率化を目指して~
活動報告で使えるHTMLタグについて 1回目
活動報告で使えるHTMLタグについて 2回目
活動報告で使えるHTMLタグについて 3回目
活動報告で使えるHTMLタグについて 4回目
活動報告で使えるHTMLタグについて 5回目
活動報告で使えるHTMLタグについて 6回目
活動報告のテキスト配置について 1回目
活動報告のテキスト配置について 2回目
5. 挿絵のつけかた
6. 【活動報告から小説へアクセスできるようにしたい】
7. ランキングタグとかHTMLとか何だか全然分かんないって作者ちょっと来てみ。一番簡単なことだけ教えるから
8. 活動報告で試してみよう
9. 小説を書くルール、活動報告リンクタグ、画像挿入について ~必要最小限のメモ~
10. リンクタグの作成・作者のリンク・みてみんの画像関係
11. カラーコードを知らない作者へ(作者退会)


割烹参考
1. 割烹芸人になろう 
2. 割烹サンプル1 
3. みてみん
割烹サンプル2 
4. 割烹サンプル3 
5. 割烹サンプル4 
6. 割烹サンプル5 
7. ブログ風テンプレート置き場 
8. チャット風テンプレート置き場 
9. バトン参考置き場 
― 新着の感想 ―
[良い点]  ランキングタグの話もあるのはとっても親切。  活動報告とランキングタグと小説や非公開設定駆使してゲームブックを作った猛者が過去にいます。画像をクリックしたら画像のタイトルがURLになっ…
感想一覧
+注意+

特に記載なき場合、掲載されている作品はすべてフィクションであり実在の人物・団体等とは一切関係ありません。
特に記載なき場合、掲載されている作品の著作権は作者にあります(一部作品除く)。
作者以外の方による作品の引用を超える無断転載は禁止しており、行った場合、著作権法の違反となります。

この作品はリンクフリーです。ご自由にリンク(紹介)してください。
この作品はスマートフォン対応です。スマートフォンかパソコンかを自動で判別し、適切なページを表示します。

↑ページトップへ