ブログ模様替え…CSSめんどい^^; -

f:id:dualmoon:20151203234041j:plain:w700
Nikon D4S + AF-S NIKKOR 80-400mm f/4.5-5.6G ED VR　2015/05/04　呉　護衛艦いなづま
ドックで整備中の護衛艦いなずま。全長151ｍの4400トン型護衛艦。

見ておわかりの通り先週、日曜日にブログの大規模な模様替えを行った。
background-colorを前と同じカラーにしたので、見た目、前とあんまし変わらないかもしれない。
ブログ内容は写真をメインとしているので、背景は黒に近い方が写真をひきたてるような感じがするからだ。
ただ、背景色が暗いとなんとなくダークな感じもしてしまう。

写真は今年の5/4に、岩国FSDの翌日に呉を観光したときのもの。
（港内の見学船に乗って撮ったもの）
f:id:dualmoon:20151203234538j:plain:w900
Nikon D4S + AF-S NIKKOR 80-400mm f/4.5-5.6G ED VR　2015/05/04　呉　JMU
ドックに書いてあるとおり戦艦大和が建造されたドック。

昼間、カスタマイズしている最中は一時的に背景色は白だったのだが
貼ってある写真が、戦車とか兵器ばかりなので^^;なんか重厚感が半減してしまう感じがした（笑）
やっぱり黒に近い感じが落ち着くか…。

f:id:dualmoon:20151203234738j:plain:w900
Nikon D4S + AF-S NIKKOR 80-400mm f/4.5-5.6G ED VR　2015/05/04　呉　JMU

私は記事を折りたたまない方なのと、最近、写真を大量に貼り付ける感じになってきたので
２カラムでサイドバーが横に付いている感じに移行したかった。
ただ、２カラムのデザインで初期設定の記事幅が900ピクセルとれないものがほとんどなので
めんどくさいがＣＳＳをいじることになる…。

f:id:dualmoon:20151203235043j:plain:w700
Nikon D4S + AF-S NIKKOR 80-400mm f/4.5-5.6G ED VR　2015/05/04　海上自衛隊呉地方総監部
古いレンガの建物が目を引く感じ…。

カスタマイズはGoogle Chromeに搭載されているデベロッパーツールでソースを解析しながら、CSSを書き換えてゆく。
仕事でたまに集中的にいじってるけど、未だdivとclassの関係よくわかってなかったりするもんなぁ（汗）
CSSでビジュアル的に組めるソフトって、adobeのMUSE CCぐらいしか知らないし…。
www.adobe.com
CSS対応ソフトって、結局コードを組んでプレビューするような感じのものがほとんどなので非常に使いづらい。
初心者向けのは、見づらく複雑なコードを吐きまくるので、不具合が出るとトレースしづらかったり…。
私の仕事的には、フォトショップとイラストレーターを使用するのがメインなので^^;

f:id:dualmoon:20151203235323j:plain:w900
Nikon D4S + AF-S NIKKOR 80-400mm f/4.5-5.6G ED VR　2015/05/04　呉　おおすみ

そんな感じで、あちこちのカスタマイズページを参考にしながらデザインCSSの箇所にタグを適当に書いていく。
タグはせめてDreamweaverのコードヒントのようなものを実装して欲しいなぁ。
（一文字打ったらタグの候補が自動的に出たり、挿入してくれたりする）

…と、文句たらたらなのだが、３カ所ほど修正箇所を残して今日のカスタマイズはおしまいにする（苦笑）
レイアウト確認は、Chromeでしか行ってないので、狐とかIE、Operaで崩れてたらゴメンなさい^^;

f:id:dualmoon:20151205205359j:plain:w900
Nikon D4S + AF-S NIKKOR 80-400mm f/4.5-5.6G ED VR　2015/05/04　呉　潜水艦　おやしお型
見学船のアナウンスによるとディーゼルエンジンを回して、蓄電池に充電しているところだそうです。
なかなか見れないとのことなので、ラッキーだった。