CSS作者らしく、CSSについて話す③ 〜作成編〜

CSS 永久不滅の花が咲く CSS作成
今日:1 hit、昨日:0 hit、合計:332 hit

最高ランク : 5 , 更新: 2022/12/02 10:59:16

皆様、こんばんはです。
バニランテです。

お元気でお過ごしでしょうか?
風邪を引きやすい季節なので、寝るときとかは特に身体を温めてくださいね。
冬に風邪を引くと辛いですよ……中々治らなくて、3ヶ月くらい引きっぱなしになりますから。(経験者は語る)

全く関係ない話ですが、最近2j3jにハマりました。
ちなみに、推しは特徴的な顎を持つあの御方です。勉強しながら、痛快なマシュマロ返しをいつも聞いております。
いつかマシュマロを送り付けてやる……

〜・〜・〜・〜・〜・〜・〜・〜・〜・〜

ではでは、本題に入っていきましょう。
先日要望がありましたので……

CSS作成の過程を公開したいと思います!!

ちょうど急ぎのリクエストが入りまして……『なるべく急いでほしい』って……人手不足なんです、うち。
『もうそろそろ解散かな……』と考えているほどには。

ちょっと話が脱線するのですが、1月からバニランテは忙しくなるのです……今でさえ睡眠時間3時間で繋いでいるというのに、このままだと毎日徹夜しなければいけないスケジュールになります。それも、大学受験が終わるまで。(あと2年)
ですから、私の健康のために、どうしても占いツクールにいる時間を短くする必要が出てくるのです……正直、一番時間を使っているのはSHOP OF CSSなので、この時間を削ることができたら……とは思うのですが……まだ活動を続けてくださっているスタッフさんがいらっしゃるので、なんとかやりくりしますが。

閑話休題。

今回リクエストをいただいたのは、『暗く、美しい白百合』というテーマです。
ちょうど国語の授業で夏目漱石の『夢十夜』という作品の『第一夜』を読んだので、百合の儚さと気丈さを頑張って表していきたいと思います。

今日作り始めたばかりなので、まだ何もできていませんが、一応、作業の状況が見れるようにサンプルのリンクと閲覧パスワードを貼っておきますね。
閲覧パスは、拡散禁止です。
私のFF様や、この書き込みを見てくださるCSSに興味があるのであろう方々は、心優しいお方であると信用した上で載せていますので、何卒宜しくお願い致します。

サンプルURL【https://uranai.nosv.org/u.php/novel/banirannte22/】
閲覧パス【lily】

ちなみに私は、CSSのコードを書くのに別サイトのエディタなどは使用していません。
サンプルのCSSをセットする場所に直書きしています。
ですから偶に、占いツクール側の不具合でCSSのコードが消えたり、間違えて別の『ブルー』や『ホワイト』を押してしまってCSSのコードが消えたことは数知れず。
何回か絶叫しました。
そして私の絶叫に驚いて、お母さんも絶叫してました。
母よ、ごめん。

話が逸れましたが、ですから、皆様は上のURLからサンプルを覗いていただければ、リアルタイムで私がCSSを作り上げていく様を見ることができるというわけです。

……他のCSS作者様であればこんなことしませんよね、普通……
まあ、出血大サービスということで。
あと、CSSが消えていたら、バニランテがコツコツ書いていた努力が水の泡になったのだと察してください。
あと、絶叫したであろうことも推測してください。

ちなみに、私はCSSを作成するにあたって、一つ一つ1からコードを書いているわけではありません。
昔作ったCSSのコードを改変して作っております。

今回は、前回作成した『魔法のランプは俺のもの』というCSSのコードを改変して書いています。
ですから、今上のURLからサンプルを見ても、設定されているCSSは『魔法のランプは俺のもの』です。
これから、画像のURLを変えたり、カラーコードを変えたりして、『暗く美しい白百合』に近づけていきます。

今コードはこんな感じです。









すべてのコードをスクリーンショットできたわけではありませんが、参考までに。
もし、改変前のコードがほしい! という方がいらっしゃいましたら、コメントまでお願い致します。
検討します。

〜・〜・〜・〜・〜・〜・〜・〜・〜・〜

今日やったこと
↓↓↓
・これ書いた
・サンプルの作品の土台を作った
・過去のCSSのコードを貼り付けた
・上記のコードを改変して白百合の画像を入れた

以上です。
明日も、学校と部活と塾がありますが、合間合間に頑張って作る予定です……わー大変だー(棒読み)

バニランテ@SHOP OF CSS


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



え、もっと寝て!?お願いだから!!!
もう「なるべく早めに」ってシステム、やめてもいいんじゃない?
ばにらんも学校とかもあるだろうし、そんな無理する必要ないよ……

そんでもってソースなげぇ……(毎回ソース500文字いかん人)


あたおかほっとこーき
2022/12/02 11:43:36 違反報告 リンク


睡眠時間3時間はやばいですよ、死にますよ、とりあえず倍の6時間は寝てください…!!!

相談していただければ自分もやりますのでもっと気軽に頼ってください…!(新参者)

ソースめちゃめちゃ長いですね…… 読み込みに時間かかりそう……( そこ )


らんぷさん
2022/12/02 19:43:44 違反報告 リンク


けーきちゃん➛
寝たくても寝れないんですよ……一日に50時間くらいほしい……
そうだよね……次からお断りさせていただこうかな……と思うこと数回。せっかく利用してくださるのに、苦言を呈するのは……という気持ちがどうしても出ちゃうんですよね……
ソース、長いでしょ……? まあ、このあと圧縮しますから!!

らんぷさん➛
善処します……時間があれば、ですが。
いえいえ、らんぷさんにはいつもお世話になっていますので、これ以上ご負担をおかけするわけには……!
死にそうになったら、流石に頼らさせてください。
ソースが長いのは褒められたことではないのですが、細部までこだわるとどうしても長くなってしまいがちなんですよね……圧縮するとはいえ、3000文字は軽く越しますから。ソースの長さと細部までのこだわりのバランスって、難しいですよね……


バニランテ@SHOP OF CSS
2022/12/03 12:00:09 違反報告 リンク


コメントをするにはログインが必要です : ログイン


【FF様必読】一ヶ月半も空いてしまった……お久しぶりです。
2023/02/11 12:42:07 バニランテ@SHOP OF CSS 8 8

どうもです…… 瀕死のバニランテです…… SHOP OF CSSほったらかして、何やってる...


Happy Birthday〜けーきちゃん〜
2022/12/29 19:09:18 バニランテ@SHOP OF CSS 2 5

皆様、こんばんはです。 バニランテと申します。 ...


Happy Birthday to 《SHOP OF CSS》
2022/11/23 8:32:57 バニランテ@SHOP OF CSS 5 13

皆様こんばんはです。 SHOP OF CSSの店長をしております、バニランテと...



友達募集 雑談 御友達募集 イラスト 初投稿 ともぼ えふげん 把握会 お知らせ