2019年03月27日
【CSS】ブログのデザイン変更進捗[短め]
今回の記事は以前お話ししたブログのデザイン変更について書こうと思う。
ネットで調べながら少しずつCSSを書いていたのだが
中々上手くいっていないのが現状である。
初めに以前記事に載せたヘッダー用画像をヘッダーに設定してみた。
ここでは特に問題なくいったのだが、ブラウザのサイズによって
表示サイズが変わるように(レスポンシブ)していたら問題発生。
メイン(記事)の右側にサイドバーがあるはずなのに無い・・・
下にスクロールしてみるとメインの一番下にあった。
直そうと色々といじってはみたものの直らず。
その日は忙しかったのもあり、諦めることに。
翌日原因を探っていると・・・ようやく見つけた。
画像の表示サイズを自動で調整するようにした時に
右サイドバーのサイズ指定にセミコロン( ; )を付け忘れていたようだ。
一応メイン(記事)とサイドバーのサイズは自動で調整するようになった。
今の問題としてはヘッダー画像が若干見切れている事。
それをなんとか修正したい。
今後の予定
@記事タイトルとサイドバーを表示する部分に画像を設定。
A上記の部分を線で囲う。
Bブログ全体の色を変更。
こんなところだろうか。
もう少し簡単かと思っていたが難しい。
だが、楽しい。
完成まで少し時間がかかるかもしれないが
今後の為にもしっかり憶えようと思う。
では、今回の記事はここまで。
次回の記事の題材は未定。
ネットで調べながら少しずつCSSを書いていたのだが
中々上手くいっていないのが現状である。
初めに以前記事に載せたヘッダー用画像をヘッダーに設定してみた。
ここでは特に問題なくいったのだが、ブラウザのサイズによって
表示サイズが変わるように(レスポンシブ)していたら問題発生。
メイン(記事)の右側にサイドバーがあるはずなのに無い・・・
下にスクロールしてみるとメインの一番下にあった。
直そうと色々といじってはみたものの直らず。
その日は忙しかったのもあり、諦めることに。
翌日原因を探っていると・・・ようやく見つけた。
画像の表示サイズを自動で調整するようにした時に
右サイドバーのサイズ指定にセミコロン( ; )を付け忘れていたようだ。
一応メイン(記事)とサイドバーのサイズは自動で調整するようになった。
今の問題としてはヘッダー画像が若干見切れている事。
それをなんとか修正したい。
今後の予定
@記事タイトルとサイドバーを表示する部分に画像を設定。
A上記の部分を線で囲う。
Bブログ全体の色を変更。
こんなところだろうか。
もう少し簡単かと思っていたが難しい。
だが、楽しい。
完成まで少し時間がかかるかもしれないが
今後の為にもしっかり憶えようと思う。
では、今回の記事はここまで。
次回の記事の題材は未定。
タグ：CSS
【このカテゴリーの最新記事】
-
-
no image
この記事へのコメント
コメントを書く
この記事へのトラックバックURL
https://fanblogs.jp/tb/8672049
※ブログオーナーが承認したトラックバックのみ表示されます。
この記事へのトラックバック
