ざっくりシストレ日記

イザナミを使用した株式投資日記

CSSをカスタマイズしてできたこと「はてなブログ」

 

色んな人のブログを閲覧していると、おしゃれなブログやかっこいいブログを見かけることがあります。

ブログを始めたばかりの人なら自分のブログのデザインを変更したいと思うことありますよね。

今回、私もCSSのカスタマイズに挑戦してみました。

 

記事の最後に参考にしたサイトのリンクがありますので、挑戦してみたい方はご覧になってください。

  

CSSでできることはたくさんある

CSSはブログなどのデザインを指定できる言語です。

どんなことができるのか紹介したいと思います。

目次

 マスキングテープ風「もくじ」を追加しました。

さっそくおしゃれになった様な気がします。

吹き出し

こんばんわ!

どちら様でしょうか?

システムトレードソフト「イザナミ」を使ってシストレで日本株の短期売買をやっていて大損している者です。

えっ?

この度はブログに「吹き出し」機能を実装してみました。

日記なのに使い道ありますか?

今回、私のイメージアイコンを用意しました。作成に5時間ぐらいかかってしまいました。

自分自身を登場させて使い方間違ってません?

 

 

画像と吹き出しのデザインを作って会話形式にすることで、難しい記事でも敬遠されず、楽しく読んでもらえたり、わかりやすく読んでもらえたりする効果があります。

 

 

 

見出しのデザインの変更

この水色の部分です。

 「大見出し」バックカラーを水色にして文字を白抜きにして角を丸くしました。

レ点見出し

 「小見出し」の先頭をレ点にしました。

「小見出し」にしては文字が大きいような気もします。

 

蛍光ペン風

強調したいときにこのような感じでアンダーラインを引きます。

 

 

 

 

 

ボックスデザイン
ポイントになる文などを書くと見栄えがが良いかも。

 

 

 

 

 

 

 さいごに

 

 ブログ初心者あるある

 ・記事を書かずにデザインばかりに時間をかけてしまう。

・CSSの勉強途中わからない用語を調べて理解できない。

・結局全て他のサイトのコピペ

・肝心なやり方を省略する。

 

 

 

もうちょっとちゃんと記事を書きましょう。

 

 

 参考にさせて頂いたサイト

   

pea-nut.hatenablog.com

mulife.hatenablog.com

 

www.notitle-weblog.com

 

www.crypto-ksw.com

株システムトレードソフトイザナミ
※当サイトに掲載された内容によって生じた損害等の一切の責任を負いかねますので、ご了承ください。株式投資は自己責任でお願い致します。