こんにちは!ぐっさんですヽ(*´∀`)ノ

どうもどうも(*´∀`*)

いつもブログを書きまくってる僕ですが、本来は「HTML/CSS担当」としてPC班へきました。

ただ、HTMLやCSSといったプログラム言語は単体ではなかなか覚えられないんですね・・・(僕だけかもしれないけど)
そこでこのブログの記事をHTMLを使って書くことで覚えてしまえ!ということです。
元々からみんカラの方で個人ブログをやっていたためブログの書き方も知っているため尚更ですね。

という訳でブログの方も担当するようになりました。

しかしブログ書いてるだけではCSSの方は全く覚えられない・・・
そこで同じPC班のみんみんさんやアリーさんなどからブログの見た目をこうしたい!といった要望を聞いて実際にスタイルシートを弄ったりもしています。

例えばここ。

ブログのトップページの最新記事一覧の部分ですね。

ここはついさっき変えたばかりですがこの画像は変える前です。
サムネイル画像が左上に寄っているのがわかるかと思います。
そこが僕の中でずっと引っかかっていたんですね・・・

そこで使用しているブラウザにもよりますが、僕の使っている「Iron」(Google Chromeの軽量版)ではF12キーを押すと検証モードに入ることができます。
これを使いサムネイル画像はどこのクラスに指定されているかを探し出し
そこのクラスを直接指定したのちCSSにて調整を行います。(詳しく書くと長くなるのでそこは割愛します)

そして変更を加えた後がこちらになります。
しっかりセンターに揃っているのがわかります。

こういった変更を加えていってどんどん吸収できるものは吸収していこうと思います。

今後をちょこちょこデザイン変更すると思いますのでその都度お知らせしますね☆彡

それでは!

いつもポチっとありがとうございます!
今日もポチっとよろしくお願いします(^▽^)/

ブログランキング・にほんブログ村へ