特殊タグ詰め合わせ   作:アネモネ

16 / 45
X改、その他

前のTwitter風の特殊タグで、画面サイズによって崩れやすいにもかかわらずアイコンの丸部分をw%で作った理由としては、w数値にすると

 

 

3
3フォロー3

名前

@abc

 

プロフィール等

 

ty場所

リンク

年月から利用しています

 

3330フォロー中0003330フォロワー

ツイート

下下
ツイートと返信
下下
メディア
下下
いいね
下下

 名前 @abc・0分

 

 
 
ツイート

 

 

 

このように丸の周りの白い部分が太くなってしまい個人的に違和感があるためです。これを解消する手段として中の丸をw数値でなくpの余白によって作ることもできますが、これだとアイコン用にabsoluteで絵文字を重ねて入れるのが面倒になってしまうな、ということで%にして調整していました。

 

↓pで作ったもの

 

3
3フォロー3

名前

@abc

 

プロフィール等

 

ty場所

リンク

年月から利用しています

 

3330フォロー中0003330フォロワー

ツイート

下下
ツイートと返信
下下
メディア
下下
いいね
下下

 名前 @abc・0分

 

 
 
ツイート

 

 

 

 

となると白の●で外側を作って内部のboxでの丸と上手く合わせて、というやり方がいい気がしてきましたが……どうなんでしょう。

→訂正。内側でなく外側の円をpで作ればよかったんですね。

 

 

3
3フォロー3

名前

@abc

 

プロフィール等

 

ty場所

リンク

年月から利用しています

 

3330フォロー中0003330フォロワー

ツイート

下下
ツイートと返信
下下
メディア
下下
いいね
下下

 名前 @abc・0分

 

 
 
ツイート

 

 

ということでこれが1番綺麗に作れる、気がします。

 

また、マシュマロ風のものなどの一部にoverhiddenのかけ忘れがあったので修正しました。申し訳ないです。

 

 

 

boxには色々な特殊タグを使え、

 

verticalで縦にして漫画の台詞っぽくしたり

 

喜べ。

おまえも俺のコレクション(私物)に加えてやるよ

くうはく...
熱い吐息が首筋にかかる。

そして、オレは────

 

(台詞の内容は自分の二次創作から引っ張ってきたものなだけなので気にしないでください)

 

 

vib

 

shake

 

opacity

 

  

 

opacityは前書きや後書きに入れるとかなり薄くなるのですが、本文だといまいちかからない?ようです。

 

opacityは0にすれば見えない文字を作るのにも便利で、

こんな感じでtransparentの透明文字と違うのは選択できず外部からは誤字報告くらいでしか読めない点でしょうか。

transparentはこんな感じで

選択すると文字が出てくるものになっています。






  

上と全く同じものです。opacityが全然違います……。

  1. 目次
  2. 小説情報
  3. 縦書き
  4. しおりを挟む
  5. お気に入り登録
  6. 評価
  7. 感想
  8. ここすき
  9. 誤字
  10. よみあげ
  11. 閲覧設定

▲ページの一番上に飛ぶ
X(Twitter)で読了報告
感想を書く ※感想一覧 ※ログインせずに感想を書き込みたい場合はこちら
内容
0文字 10~5000文字
感想を書き込む前に 感想を投稿する際のガイドライン に違反していないか確認して下さい。
※展開予想はネタ潰しになるだけですので、感想欄ではご遠慮ください。