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

今日:1 hit、昨日:1 hit、合計:595 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

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

うらつくでは聞けない裏話が聞けて思わずクスリと笑ってしまいましたｗ

kakaokuunn✓
2022/08/01 8:27:10 違反報告リンク

私はコロナのワクチンでぶっ倒れてた((
やばいときは休め！！
迷惑かけてでも休め！！
死んだらどうする！！！←←

あたおかほっとこーき
2022/08/01 8:39:57 違反報告リンク

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

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

kakaokuunn様→
笑っていただけて、よかったです！

けーき様→
それはヤバい！！
確かにそうだ！！
迷惑かけてでも休むわ！！！←←

ピーチ様→
それもそうなんだけど、『お客様は仏様』をモットーに生きておりますので...

バニランテ@SHOP OF CSS
2022/08/01 22:42:29 違反報告リンク

そうなった…のか…
後遺症あったり…
無理はしないでくださいね。

美嶺愛（みれあ）
2022/08/01 23:49:29 違反報告リンク

美嶺愛様→
後遺症はないことを祈りますが...一番怖いのが、『脱毛』ですかねｗ
後遺症の中に『脱毛』というのがあるらしくて、倦怠感とかは気合でどうにかできなくもなさそうなんですが、脱毛ばかりはちょっと遠慮願いたいですね...

バニランテ@SHOP OF CSS
2022/08/02 2:49:54 違反報告リンク