CSS作者らしくCSSについて話す...かもしれない

バニランテ CSS
今日:6 hit、昨日:0 hit、合計:615 hit

最高ランク : 9 , 更新： 2022/08/01 8:20:57

お久しぶりです〜
忘れられてないよね？
バニランテです...

低浮上でごめんなさい。
実は『コロナ』とかいう可愛い名前して威力はえげつないウイルスくんにかかって、寝込んでました...入院一歩手前まで行ったけど、持ちこたえました。頑張った私。
でも、コロナくんのおかげで、楽しみにしていた学校の合宿には行けず、友達と遊びに行く予定は潰れ、悲惨な目にあいました...
そして、これが一番きついんですけど、長時間起き上がれない身体になりました...現在進行形です...起きてると息苦しくて呼吸ができなくなっていくという恐怖。うん。普通に怖いから、ベッドに潜って巣ごもりすることにしました。

ずっと巣ごもりしていたかったのですが、30日までに作成しなければいけないCSSの指名リクエストが来ていたので、頑張って作り上げました。
それがこちらです。

→https://uranai.nosv.org/u.php/novel/banirannte18/

苦しかったけど、頑張って作りました。
そして、また巣ごもり生活に戻ろうと思ったら、なんと指名リクエストが2つに増えていました。
なんでやねん。
しかも、『なるべく早く』ですって。
終 わ っ た 。
しょうがない。
頑張って作ります。

ー・ー・ー・ー・ー・ー・

さっき書いた、
https://uranai.nosv.org/u.php/novel/banirannte18/
このCSSを作成したときのエピソードをちょこっと書きます。

依頼主曰く、作品説明欄の右下にトロンボーンの画像を入れてほしいとのことだったので、頑張って、ソースを調べて、入れてみたのですが...画像の大きさの指定を間違って、トロンボーンの持つところ(？)しか見えない という事態を一時起こしてしまいました。

「自己主張 激しすぎるだろ！？」

とか言いながら直したんですけど、

div#desc{background-image:url(http://uranai.nosv.org/img/user/data/5/c/4/5c4f89573655a45647e9c1c2733f2312.png);background-repeat:no-repeat;background-size:50%;background-position:bottom right;padding:20px;text-shadow:1px 1px 2px #FFFFFF,-1px -1px 2px #FFFFFF,-1px 1px 2px #FFFFFF,1px -1px 2px #FFF;background-color:#ffffe1!important}

このソースの

background-size:50%;

の部分を

background-size:10%;

にしたせいでめっちゃ小さいトロンボーンにしてしまって、

「違う、違う、違う」

って言いながら必死に直していました。
いくら39℃代の熱が出てたからとはいえ、何やってるんだろう私。

そして、今気がついたんですけど、padding が機能してない気が...
あ、padding が何かわからない方のために一応。

padding とは、要素の内側の余白のことです。ちなみに、margin というコードもあるのですが、こちらは要素の外側に余白を付けます。
この2つの違いは小さいようで大きいので、覚えておくと便利です！

私は高校1年生ですが、留年しなかった場合、大学受験では情報１という科目が出てきますから...それも私達の代から。

ー・ー・ー・ー・ー・

今日、夢にツイステのオクタヴィネルの方々が出てきました！
え、そんな幸せがあっていいの？
ありがとう、オクタヴィネルの皆様。
幸せすぎて昇天できそう。

バニランテ@SHOP OF CSS

投稿を違反報告 / ブロック

無理しないほうがいいよ！
なるはやーって言ってくるなら金取っちゃえば？(笑)

ピーチフラペチーノ
2022/08/01 9:05:04 違反報告 リンク