特殊タグ詰め合わせ (アネモネ)
しおりを挟む
特殊タグ詰め合わせ
tableを使ったチェス盤です。中が透明なものと、文字色を白に変更したものとがあります。#のあとの数字がカラーコードなので、そこを変更すれば別の色にすることもできます。多機能執筆フォームから置換するのが手っ取り早いと思います。
pcだとチェスの絵文字がちょっと違くて横に長めになった。
将棋
駒なし
駒位置調整
スロット的な
速度調整 t、文字の多さ
大きさ調整 横w縦h
余白調整 p、lh
回数 l
繰り返しの際空白ができてしまうのは自分には消せませんでしたが、l1で文字をもっと多くしてゴリ押せばいけるかなとは思いました。それ以外の手段はちょっと思い浮かばないです……。
以上、誤字報告からお好きにコピペしてください。これらのご使用や改変等はご自由になのですが、他の方もご使用しやすいように本作の名前やリンクあるいはこのチラシの裏の「特殊タグ練習」という場所の宣伝もあわせてしていただけるととても嬉しいです。特殊タグがもっともっと流行ることを祈っております。
目次 感想へのリンク しおりを挟む
しおりを挟む
ライン、アニメーション
ライン風。シックな色合いにしましたが、色などは好きに変更してください。
上と下の吹き出しで位置と、枠線の色があるか、あと時間を省略してるかが違います。
自分の二次創作だとこんな感じになっています。上部分はあちらだと<け✆≡を使用していますが、どちらもいいと思います。こっちの下部分のやり方だと☻︎を大きくしたとき枠がズレるので、あちらでは少し違った、面倒なやり方をしています。
こっちだと余白の調整をboxのpにしていて、あと名前をアイコンの上に足しています。
boxのborの数字をいじると丸っこさが変化します。またlhで行間を、pで余白を調節できます。
スタンプっぽいやつはおそらく環境ズレがあるので使用する際にはご留意ください。☻︎及び◙環境による変化(pc,spで少し異なる)を確認。
スマホでの見え方的に文字数が多い場合は改行したりboxにwで数値か%を入れて調整してください。
LINEのフォント
590:LINE Seed JP Thin(LINE)
591:LINE Seed JP Regular(LINE)
592:LINE Seed JP Bold(LINE)
593:LINE Seed JP ExtraBold(LINE)
アニメーション的な
relativeを入れたboxの中にblinkをつけたbox【absolute(0/0)入り】を重ねているので、最後の《/box》の前にblinkをつけたbox【absolute(0/0)入り、d数字で数字秒表示を遅くする】を追加すればさらに表示することが出来ます。また、blinkでなくfadeでも出来ますが、t数字の数字秒の再生時間がblinkに比べて分かりづらい感じがあるかなと個人的には思います。
前ページと同じく本作品の全ページご使用等はご自由になのですが、他の方もご使用出来るように本作の名前やリンク、あるいはこのチラシの裏の「特殊タグ練習」という場所の宣伝もあわせてしていただけるととても嬉しいです。
目次 感想へのリンク しおりを挟む
しおりを挟む
麻雀
90度回したものです。
違う向きに並べる。
{1234}
{1234}
{1234}
13牌に
捨牌入り
pcだと数字のサイズが違うのかちょっとずれたので、一番上みたいに空白を一個減らすなり一番下みたいにspとpcで分けるなりお願いします。
目次 感想へのリンク しおりを挟む
しおりを挟む
X
Twitter風。パソコンからだと少し変に見えてしまうかもしれません。スマホも横向きにするとw%が崩れます。
ムーンフォックス様の「様々な特殊タグテンプレ」とSunGenuin(佐藤)様の「特殊タグを使用したデザインの紹介」を参考にさせていただきつつ作成しました。
☄の絵文字、環境による変化(pc,sp)を確認。
spとpcの確認
あ
あ
あ
あ
あ
あ
あ
あpcこれ以下これと全て同じ
あpc,sp両方ともたぶんxsmallと同じ
あたぶんsmallと同じ
あ
あ
あ
あ
スマホ最大
自分のpcだとこれが100%より少し短いくらい
念のためこのくらいがベターか
目次 感想へのリンク しおりを挟む
しおりを挟む
アニメーション
牌画像変換ツールにより端末によってはblinkが動作してないっぽいので、ご覧になれなかった場合はこちらをどうぞ。ほぼ同じものです。
歌詞使用によりこのページのコピペは出来ませんが、仕組み的には前前前話くらいのblinkと同様で、いっぱい重ねるとこうなるんだよ〜という感じに思っていただければと。
box作って重ねてるだけなものの、pvっぽくしてみました。小説で歌を表現するのは悩ましいところがあるのですが、こういうのも楽しいかなと。
重ね字はムーンフォックス様の「様々な特殊タグテンプレ」やウボァー様の「遊戯王二次創作用特殊タグ」を参考にさせていただいているので、ぜひそちらをご覧になってください。
画像を組み合わせても面白いかと思います。
特殊タグはサイト自体が何らかの変更をした影響なのか、ブラウザの更新とかの影響なのか、こちらがいじってなくても表示が変わってしまうことが稀にあるのですが。麻雀牌のものは特に扱いが難しいようで、いつからかは不明ですがまた変になっており……そのうち頑張って原因を探して直します。
→なんかいつの間にか直ってました。
目次 感想へのリンク しおりを挟む
しおりを挟む
シブ
コメント
特殊タグで気をつけてることとして、
①とりあえずboxにはoverhiddenをつける
スクロールバーが見えてしまうと気になっちゃうので……スマホでは見えなくてもパソコンでは、とかその逆もあるのでひとまずつけておいて損はないと思います。
②textは小さすぎるとpcでは効かない
前のページに記述してあるとおりです。
③パソコンとスマホでは行の大きさが違う
閲覧設定の行間を見ていただければ分かりやすいと思うんですが、spは170%でpcは200%がデフォルトになっています。そのため見え方が異なるケースもあり。lh1.7にしておけばおそらく大丈夫かと思います。
④画面の大きさが違うと、w2やw30%などでも見た目の感じが異なってくる
特に%で設定すると100%の大きさが違う分、結構違ってきます。
⑤表で、パソコンだと一行におさまってもスマホでは2行になっていることもある
別に閲覧に問題はないんですが、見た目がちょっと崩れちゃうので気になる時は気になります。
自分もまだまだなので、ミスすることも多々ありますが……あと理由はよくわからないんですが文字色でcolorとtext:#だとcolorの方が文字数が少なくなることに気づいたので、それ以来できるだけcolorを使うようにしています。
あとは関係ないですが置換の際、()や|には\)とすればいいことが分かりました。
目次 感想へのリンク しおりを挟む
しおりを挟む
台詞ボックス、アニメーション
タイタニックの有名な曲。一応速度は歌と同じ感じに。前の前くらいの話のpv風みたいにblinkでboxを重ねていけば次の文字も表示可能です。
rightにするとちょっと三角が潰れる。たぶん文字を回して端っこに寄せてるからと思われる。
marqueeと同じでtelopでもcubic-bezierを使えるっぽく。再生のタイミング調整に。
forwardsが終了時の状態で表示で、v○○-○○が表示期間、未指定の場合は50,50になってるそうでして、ここの右を100にするとforwardsとの組み合わせでblinkなどがずっとそのまま表示になるようです。そうしない場合でもtを999とかにすれば999秒間で1再生なのでだいぶ消えないと思います。
追記:牌画像変換ツールによりblinkが作動しないようです。この特殊タグは現在パス限小説のみにのせてるものなので、誠に申し訳ないのですが誤字報告から表示の中身を想像してください……。MVを意識して一文字ずつぺぺぺと表示されるようにはなっています。
あとは参考元の作品様をご覧になると、すごくご理解いただけるかと。
追記の追記:ここにちょっと追加してみました。
プログラミングは……よく分からないので……数値は手打ちです……。
目次 感想へのリンク しおりを挟む
しおりを挟む
shake,vibの一時表示、ようつべ
揺れ動く(shake)や震える(vib)が画面内にずっといるのは困る……でも回数指定はできないしどうすればいいかわからない。そんな時にお役立ち(するはず)の特殊タグを。
shakeを重ねて動かないほうだけを残す表示。
shakeを一時表示。
vib、動かないやつの順でblink。
下のforwardsが消えるのはおそらく牌画像変換ツールによるものであり他のところではちゃんと表示されました。
vibを一時表示。
absoluteを入れたboxは重ねるだけになるので、relativeを入れた方のboxにhで高さを入れておくかしないと表示されません。文字列を増やしたりする場合はhの数値を増やしてください。
スマホアプリ版風。パソコンでは小さくみえてしまいますが御容赦を。
牌画像変換ツールによりblinkが動かない部分がたびたびありますが、実を言うと一度運営様には報告して、そのときの3話目まではちゃんと動くようにしていただいています。ただ、4話目以降は申し訳ないのと普通こんなにblink使う人いないだろうなという思いにより、報告はせず牌画像変換ツールによってどの特殊タグが動かなくなるかの検証のように個人的には使っています。なので牌画像変換ツールと分ける気は今のところありません。閲覧してくださった方にご不便おかけして誠に申し訳ないです。
目次 感想へのリンク しおりを挟む
しおりを挟む
某SNS風と、某通販サイト風2つ
紙飛行機マークの代わりに
を使うのもいいかもしれません。
商品説明
説明
購入した人のレビュー
★★★☆☆ Nyamazonで購入
★★★☆☆ Nyamazonで購入
★★★★★..Nyamazonで購入
★★★☆☆ Nyamazonで購入
よかった
20XX年○月✕日に日本でレビュー済み
コメント 違反を報告する
ニャマゾンの星でどれがいいのかなと思ったため4つ全部載せてます。
目次 感想へのリンク しおりを挟む
しおりを挟む
にこにこ、ウリカイ
目次 感想へのリンク しおりを挟む
しおりを挟む
とある料理レシピのサイト様と、占いや小説のサイト様のページと、五線譜
とある料理レシピのサイト様と、占いや小説のサイト様のページと、五線譜っぽいものです。
楽譜っぽいものはblinkを併用して音符を出しても面白いかと思います。
目次 感想へのリンク しおりを挟む
しおりを挟む
ゲーム系
pcだと文字が小さくならないぶん一部スマホのみ表示にして対応しています。
トランプは頑張れば数字なら全部再現出来そうな気はしますが、そこまでやるなら画像で作ったほうが早い気もします……。
spだと間を灰色に、pcだと間が等間隔に出来なかったので白のままにしています。等間隔にするにはpcとspで完全に分けてpc用の大きいサイズバージョンを作るしかない感じでしょうか。
→訂正。右部分が下にズレたのでspでも間は白に変更。この下の使用例は灰色バージョンのまま置いておきます。
left、rightでなくinlineだとborが上手くいきませんでした。
文字入れスペースが小さくなってしまいますが使用イメージ的な。
目次 感想へのリンク しおりを挟む
しおりを挟む
X改、その他
前のTwitter風の特殊タグで、画面サイズによって崩れやすいにもかかわらずアイコンの丸部分をw%で作った理由としては、w数値にすると
このように丸の周りの白い部分が太くなってしまい個人的に違和感があるためです。これを解消する手段として中の丸をw数値でなくpの余白によって作ることもできますが、これだとアイコン用にabsoluteで絵文字を重ねて入れるのが面倒になってしまうな、ということで%にして調整していました。
↓pで作ったもの
となると白の●で外側を作って内部のboxでの丸と上手く合わせて、というやり方がいい気がしてきましたが……どうなんでしょう。
→訂正。内側でなく外側の円をpで作ればよかったんですね。
ということでこれが1番綺麗に作れる、気がします。
また、マシュマロ風のものなどの一部にoverhiddenのかけ忘れがあったので修正しました。申し訳ないです。
boxには色々な特殊タグを使え、
verticalで縦にして漫画の台詞っぽくしたり
(台詞の内容は自分の二次創作から引っ張ってきたものなだけなので気にしないでください)
vib
shake
opacity
opacityは前書きや後書きに入れるとかなり薄くなるのですが、本文だといまいちかからない?ようです。
opacityは0にすれば見えない文字を作るのにも便利で、
あ
こんな感じでtransparentの透明文字と違うのは選択できず外部からは誤字報告くらいでしか読めない点でしょうか。
transparentはこんな感じで
あ
選択すると文字が出てくるものになっています。
上と全く同じものです。opacityが全然違います……。
目次 感想へのリンク しおりを挟む
しおりを挟む
選択肢風
自分の二次創作のものを転載してます。あちらは後書き用に調整してるので少し違うかもしれません。
こんな感じでゲーム風に出来たらと考えて作ったものです。ページをまたいでやるとさらにそれっぽくなるかなとは思います。
台詞ボックスなどはウボァー様の「特殊タグ置き場」を、クリックの仕掛けはZ-LAEGA様の「Biimシステムの特殊タグ」を参考にさせていただいています。
♈ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐♑ ♒ ♓ ⛎
♈ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐♑ ♒ ♓ ⛎
♈ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐♑ ♒ ♓ ⛎
♈ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐♑ ♒ ♓ ⛎
目次 感想へのリンク しおりを挟む
しおりを挟む
文庫風他
文庫本風
自分はリンクを付けて目次にしました。
台本形式にアイコンを使うことで見やすくなるんじゃないかなと思い作成しました。
ドット絵の特殊タグはウボァー様の
「特殊タグ置き場」中のデジモンの特殊タグを参考にさせていただいています。
ドット絵自体は逆転裁判のものを参考にさせていただきつつ作成しました。
目次 感想へのリンク しおりを挟む
しおりを挟む
ハンター他
目次 感想へのリンク しおりを挟む
しおりを挟む
台詞ボックス、チェッカー
目次 感想へのリンク しおりを挟む
しおりを挟む
5五将棋、時計
目次 感想へのリンク しおりを挟む
しおりを挟む
鍵盤
目次 感想へのリンク しおりを挟む
しおりを挟む
KEEP OUT、風紀委員、ウマ娘
目次 感想へのリンク しおりを挟む
しおりを挟む
DM
目次 感想へのリンク しおりを挟む