すちゃらかぁん。

好きなことをだらだら書いちゃってます。

記事とかサイドバーじゃなくて、あの囲ってるとこ色変えたかったのよ!


水色 : ざれんくん (基本書いてる人)
ピンク : 神属性魔法少女ざれんちゃん (いつからかいる、もうひとりの自分)
紫 : よくわからないけど役目たくさん (リンクや名詞ナド)

 

水色 : ざれんくん (基本書いてる人)
ピンク : 神属性魔法少女ざれんちゃん (いつからかいる、もうひとりの自分)
紫 : よくわからないけど役目たくさん

 

目に優しくありたい。

どうもざれんですー。

 

 

最近地味にホームページを更新する意欲があるんです。
ぜひ一度、覗いてみてくださいまし!

 

リンクーの。

未だメインコンテンツはほとんどない!
えぇ……。
てかこれコピペじゃん!
いいじゃない。毎回書き直すほど重要じゃないよ。
そっかあ。

 

 

関連記事ーの。

こう見るとデザインしばらく弄ってなかったのねえ。
安定してた、ってことでね。

 

 

 

 

 

色が変わったぞ!
みんな気付いたかな?

 

スマートフォンで見ている人は知ったこっちゃないです。今回のお話は関係なし。あちらはこれ以上何かするつもりがございません。

パソコンですパソコン。
ブラウザで見ると、そう! 白かった部分が! ちょっと色付いたのよ!!

 

画像で見てもらうと早いでしょう。

すちゃらかぁん。はてなブログの、白い囲い部分。名称としては「container」で、まあ文字通り物を入れるコンテナっつうことですね。そこの色を変えるべく、あっこっちbeforeだわ。あはは。
Before.

 

そしてこちら。

すちゃらかぁん。デザインのCSSを弄って、囲い部分、コンテナの色自体を変えてしまう作業。これがずっとやりたかったのだ。ちょっとミントクリームになったよ。
After.

 

わかりますか! あっ、記事タイトルの文字が大きくなった! それは後で!

背景画像を除いた、ブログのコンテンツがある部分ですね。そこを真っ白から、ミントクリームな色に変更したのですよ。

サイドバーとか、記事内、ブログ上部のバーなんかは何年も前に弄っていたのに、肝心の中心がまだでした。
それでもようやくですよ! 淡い色が合わさりいいでしょう?

 

 

 

 

CSSをメモっておきましょ。

 

やーね、近年はホームページを作るのにHTMLを駆使していたことは有名ですよね。

あちらは90年代止まりの技術ですから、それより前から弄ってたはずのCSSがややこしくて未だよくわかってません(笑)。
ブログは8年、ホームページは3年半。どう考えても、CSS使いこなせていておかしくないだろうに!

 

ということでミントクリームにした部分。

#container-inner{
background-color:#f5fffa;
}

/*↑囲われてるとこの背景色よ*/

ここの背景色はどこかで使いたかったゴーストホワイト。
そしてちゃんとtableを使うHTML野郎です。

 

上のはね、デザインCSSのだいぶ最初にある「system」ってあたりにぶち込んでおけば間違いないです。
だあ、囲ってるとこは「container」って名前らしいですね。インナーって付けないと反映されなかったのはもうわかりません。コンテナ。文字通り、コンテンツを入れ込む容器だわね。

 

 

 

あってもなくてもいいお話。

 

最近マジで目がヤバいです。
笑えないくらい目がヤバいので、今回色を変えた次第(?)。

ホント、目がヤバいんです。何も伝わらないよ。

 

ついでっちゃついでだったのですが、記事タイトルの色とフォントサイズも変更してます。

さっきと同じ様に画像でどうぞ。

すちゃらかぁん。記事タイトルのフォントや色ももちろん、CSSで弄り放題だよ。うふふ。これbefore.
Before.

 

そいでこれ今。

すちゃらかぁん。記事タイトルのフォントサイズと色変更。ちょっと大きめにしたよ。最近目がヤバくて(笑)。
After.

 

えぇ、目がヤバいついでにフォントサイズもちゃっかり変えてます(笑)。
23px→26pxとまあ、これだけでも結構な違いですよ。

色は逆に、淡い背景で悪目立ちするようにしてみました。
#ff6984#ff1493って感じに、ちょっと薄かったですもんね。目が眩んででも、タイトルは目立たないと! 濃くなったね。

 

本来ブログは日々改善であるべきです。
ただ書くだけじゃあ、進みませんね。これからも何かあれば、ガンガン……はちょっと嫌だな…………それとなく変更を加えてくつもりです!

ステッカーもらったから急にやる気になったとかじゃないよ? これは(笑)。むしろその方が理由良くて、マジでふと思ったレベルだから……(笑)。

 

 

 

おわり!

 

 

 

 

 

はてなさん、記事編集画面の色を変えさせてください! えっできないよね?

マジで白がもう無理……ブログ書くのつらすぎるっス。ダークモード実装して(笑)。

 

 

読んでくれてありがとうございますー! すすー!

ではまた~。

 

 





ざれん。ざれん丸。ZarenOberio. since2014. すちゃらかぁん。ブログ。ブログ記事。記事リンク。おすすめ。おすすめ記事。アイキャッチ。画像。レコメンド。Recommend. 2024年2月24日。2024年製。写真。手作り。自作。名探偵コナン。コナン。30周年。コナン展。ざれん。ざれん丸。ZarenOberio. since2014. アイコン。画像。gif画像。おすすめ。矢印。2024年製。手作り。自作。ぴょぁぁ君。人。バートル。お気楽日記ランキング。人気ブログランキング。ランキング。バナー。自作。2022年に描いた絵です。ぴょぁぁ君。名無しの子。ざれん。ざれん丸。ZarenOberio. since2014. アイコン。画像。gif画像。おすすめ。矢印。2024年製。手作り。自作。ぴょぁぁ君。人。バートル。ざれん。ざれん丸。ZarenOberio. since2014. すちゃらかぁん。ブログ。ブログ記事。記事リンク。おすすめ。おすすめ記事。アイキャッチ。画像。レコメンド。Recommend. 2023年9月27日。2024年製。写真。手作り。自作。バトルスピリッツ。バトスピ。バトラーズツアー。15周年。ざれん。ざれん丸。ZarenOberio. since2014. アイコン。画像。gif画像。おすすめ。矢印。2024年製。手作り。自作。ぴょぁぁ君。人。バートル。ざれん。ざれん丸。ZarenOberio. since2014. ざれんの小部屋。サイト。個人サイト。ページリンク。おすすめ。おすすめページ。トップ。画像。レコメンド。Recommend. 2022年1月29日。2024年製。HTML. 手作り。自作。名探偵コナン。コナン。アニメ。感想。ざれん。ざれん丸。ZarenOberio. since2014. アイコン。画像。gif画像。おすすめ。矢印。2024年製。手作り。自作。ぴょぁぁ君。人。バートル。ざれん。ざれん丸。ZarenOberio. since2014. すちゃらかぁん。ブログ。ブログ記事。記事リンク。おすすめ。おすすめ記事。アイキャッチ。画像。レコメンド。Recommend. 2022年11月12日。2024年製。スクリーンショット。スクショ。2022年撮影。手作り。自作。ゲーム。セガ。オンラインゲーム。PSO2. PSO2NGS. ファンタシースターオンライン2。ニュージェネシス。アークス。ざれん♀。「(C)SEGA PHANTASY STAR ONLINE 2」。ざれん。ざれん丸。ZarenOberio. since2014. アイコン。画像。gif画像。おすすめ。矢印。2024年製。手作り。自作。ぴょぁぁ君。人。バートル。ざれん。ざれん丸。ZarenOberio. since2014. 写真。実写。私。グッズ。Merch. Tシャツ。アパレル。SUZURI. 2022年撮影。2024年製。手作り。自作。ロゴ。KMZC.ざれん。ざれん丸。ZarenOberio. since2014. アイコン。画像。gif画像。おすすめ。矢印。2024年製。手作り。自作。ぴょぁぁ君。人。バートル。ざれん。ざれん丸。ZarenOberio. since2014. すちゃらかぁん。ブログ。ブログ記事。記事リンク。おすすめ。おすすめ記事。アイキャッチ。画像。レコメンド。Recommend. 2021年8月5日。2024年製。写真。手作り。自作。アニメ。ポケモン。ポケットモンスター。アニポケ。映画。劇場版。ミュウツーの逆襲。フイルム。映画館。神保町。ざれん。ざれん丸。ZarenOberio. since2014. アイコン。画像。gif画像。おすすめ。矢印。2024年製。手作り。自作。ぴょぁぁ君。人。バートル。ざれん。ざれん丸。ZarenOberio. since2014. YouTube. ようつべ。チャンネル。ロゴ。ざれんず・るーむ。サブチャンネル。2024年製。手作り。自作。ざれん。ざれん丸。ZarenOberio. since2014. アイコン。画像。gif画像。おすすめ。矢印。2024年製。手作り。自作。ぴょぁぁ君。人。バートル。ざれん。ざれん丸。ZarenOberio. since2014. すちゃらかぁん。ブログ。ブログ記事。記事リンク。おすすめ。おすすめ記事。アイキャッチ。画像。レコメンド。Recommend. 2020年7月6日。2024年製。hiyapaさん。id:hiyapa. ブロガーバトン。バトン。流行。ざれん。ざれん丸。ZarenOberio. since2014. アイコン。画像。gif画像。おすすめ。矢印。2024年製。手作り。自作。ぴょぁぁ君。人。バートル。ざれん。ざれん丸。ZarenOberio. since2014. YouTube. ようつべ。チャンネル。ロゴ。ざれんの餮ち粉Gaming。メインチャンネル。2024年製。手作り。自作。ざれん。ざれん丸。ZarenOberio. since2014. アイコン。画像。gif画像。おすすめ。矢印。2024年製。手作り。自作。ぴょぁぁ君。人。バートル。ざれん。ざれん丸。ZarenOberio. since2014. すちゃらかぁん。ブログ。ブログ記事。記事リンク。おすすめ。おすすめ記事。アイキャッチ。画像。レコメンド。Recommend. 2019年1月28日。2024年製。写真。手作り。自作。イベント。小学館。ワールドホビーフェア。WHF. ポケモン。コナン。ざれん。ざれん丸。ZarenOberio. since2014. アイコン。画像。gif画像。おすすめ。矢印。2024年製。手作り。自作。ぴょぁぁ君。人。バートル。ざれん。ざれん丸。ZarenOberio. since2014. すちゃらかぁん。ブログ。ブログ記事。記事リンク。おすすめ。おすすめ記事。アイキャッチ。画像。レコメンド。Recommend. 2018年3月1日。2024年製。写真。手作り。自作。アニメ。プリキュア。HUGっと! プリキュア。幼児誌。たのしい幼稚園。たの幼。付録。おしゃべりめざましどけい。1年目。ざれん。ざれん丸。ZarenOberio. since2014. アイコン。画像。gif画像。おすすめ。矢印。2024年製。手作り。自作。ぴょぁぁ君。人。バートル。ざれん。ざれん丸。ZarenOberio. since2014. すちゃらかぁん。ブログ。ブログ記事。記事リンク。おすすめ。おすすめ記事。アイキャッチ。画像。レコメンド。Recommend. 2017年11月14日。2024年製。写真。手作り。自作。すごどいい話。魚。ギョ。さんま?ざれん。ざれん丸。ZarenOberio. since2014. アイコン。画像。gif画像。おすすめ。矢印。2024年製。手作り。自作。ぴょぁぁ君。人。バートル。ざれん。ざれん丸。ZarenOberio. since2014. すちゃらかぁん。ブログ。ブログ記事。記事リンク。おすすめ。おすすめ記事。アイキャッチ。画像。レコメンド。Recommend. 2016年6月19日。2024年製。写真。手作り。自作。漫画。週刊少年サンデー。名探偵コナン。コナンくん。コースター。コルク。愛用。ワールドホビーフェア。ざれん。ざれん丸。ZarenOberio. since2014. アイコン。画像。gif画像。おすすめ。矢印。2024年製。手作り。自作。ぴょぁぁ君。人。バートル。ざれん。ざれん丸。ZarenOberio. since2014. すちゃらかぁん。ブログ。ブログ記事。記事リンク。おすすめ。おすすめ記事。アイキャッチ。画像。レコメンド。Recommend. 2015年6月13日。2024年製。画像。画面。スクリーンショット。スクショ。手作り。自作。リニューアル。色。文字色。今の型が完成。ざれん。ざれん丸。ZarenOberio. since2014. アイコン。画像。gif画像。おすすめ。矢印。2024年製。手作り。自作。ぴょぁぁ君。人。バートル。ざれん。ざれん丸。ZarenOberio. since2014. すちゃらかぁん。ブログ。ブログ記事。記事リンク。おすすめ。おすすめ記事。アイキャッチ。画像。レコメンド。Recommend. 2014年6月27日。2024年製。画像。手作り。自作。星。☆。スター。ザレン。眠い。早寝。暇。雑談。雑記。ざれん。ざれん丸。ZarenOberio. since2014. アイコン。画像。gif画像。おすすめ。矢印。2024年製。手作り。自作。ぴょぁぁ君。人。バートル。ざれん。ざれん丸。ZarenOberio. since2014. すちゃらかぁん。ブログ。ブログ記事。記事リンク。おすすめ。おすすめ記事。アイキャッチ。画像。レコメンド。Recommend. 2024年5月5日。2024年製。画像。手作り。自作。インデックス。記事一覧。デザイン。リニューアル。レスポンシブ対応。レスポンシブ。10周年。10周年記念企画。ざれん。ざれん丸。ZarenOberio. since2014. アイコン。画像。gif画像。おすすめ。矢印。2024年製。手作り。自作。ぴょぁぁ君。人。バートル。
お問い合わせ等はこちらまでどうぞ
プライバシーポリシー
サイトマップ


記事内の版権画像、映像等は元の権利者様に帰属します。
Copyright © 2014-2024 Zaren_Oberio All Rights Reserved.
Copyright © 2014-2024 KMZC All Rights Reserved.