CSSのプチ勉強

ども、ちさとです。

はてなブログをちょこちょこ構ってるうちに、カスタマイズに興味が出てきました！

まぁ、自分は残念ながら今はスマホでしか更新できないので、スマホからのカスタマイズに試行錯誤してます。

PCで更新できるようになって、尚且つ飽きずに続けられてたらProも考えるかも。

まず、ブログを書くうちに、はてなブログには見出しがあるということを学習しました。見出しをスマホアプリからつける方法を学んで、つけてみたけど……

ただ、大きくて太い文字……

再現すると

こんな感じ

味気ないし、太字なのか見出しなのか分かりづらい。

そこでググって、見出しデザインCSSの記事を発見！

これこれ！よく見るやつ！

と、見出しのCSSコードをコピペさせていただき、背景色など変更して、完成！

…のはずが、スマホからの貼り付け方がなかなか分からなかったり、上手く編集画面が開かなかったり……

色々いじってようやく完成。

これ

なら

見やすい

はずだ。(読みづらい)

 次に狙ったのは目次。

見出しが並んだアレです。

ただ、これもデフォルトだと、ただリンクの羅列……

そこで

よくお見かけする、こちらの記事を参考にさせていただきました。

こちらもコピペから少しいじって、

こんな感じに。

※只今直し中

色合いを見出しと合わせたくてこうなったんですが、正直微妙な感じに……(o_o)

でも、ここまででも疲れたので、直すのはまた今度に、気が向いたらにします。

別サイトのコピペを使ってみたんですが上手く反映されず、打ち込む場所変えたり、CSSの勉強始めたりして、ようやく少しいじれるようになってきた気がします。目次いじれるまで長かった(´;ω;`)

そしてトップが見づらかったので記事一覧にしようと試みる。が、Proでないと簡単なのはないっ！

ので、検索し

 こちらのサイトを参考にコードお借りし、なんとか一覧に。

上記のブログは本当に参考になりました、ありがとうございます！

久々にコードとか勉強できて楽しかったです。コードとか見たの学生時代以来（笑）

昔はHTMLソースでHP作りに勤しんでいましたね……バナーでリンク貼って、同盟バナー並べて、謎の隠しエンター作って……平和でした……(こういうこと言うから懐古厨言われるのか？

CSSを調べてると、今はフレーム使わないとか、HTMLでfont指定しないとか、時代に取り残された自分は、そうなの？て思うことが多々ありました。時代についていけぬ。

また、ゆっくりとカスタマイズできたらいいなぁ。

では！