護衛艦いなづまドックで整備中の護衛艦いなずま。全長151mの4400トン型護衛艦。見ておわかりの通り先週、日曜日にブログの大規模な模様替えを行った。background-colorを前と同じカラーにしたので、見た目、前とあんまし変わらないかもしれない。ブログ内容は写真をメインとしているので、背景は黒に近い方が写真をひきたてるような感じがするからだ。背景色が暗いとなんとなくダークな感じもしてしまう。写真は今年の5/4に、岩国FSDの翌日に呉を観光したときのもの。JMUドックに書いてあるとおり戦艦大和が建造されたドック。昼間、カスタマイズしている最中は一時的に背景色は白だったのだが貼ってある写真が、戦車とか兵器ばかりなので^^;なんか重厚感が半減してしまう感じがした(笑)やっぱり黒に近い感じが落ち着くか...。JMU私は記事を折りたたまない方なのと、最近、写真を大量に貼り付ける感じになってきたので2カラムでサイドバーが横に付いている感じに移行したかった。2カラムのデザインで初期設定の記事幅が900ピクセルとれないものがほとんどなのでめんどくさいがCSSをいじることになる...。いレンガの建物が目を引く感じ...。Chromeに搭載されているデベロッパーツールでソースを解析しながら、CSSを書き換えてゆく。CCぐらいしか知らないし...。www.adobe.comCSS対応ソフトって、結局コードを組んでプレビューするような感じのものがほとんどなので非常に使いづらい。初心者向けのは、見づらく複雑なコードを吐きまくるので、不具合が出るとトレースしづらかったり...。おおすみそんな感じで、あちこちのカスタマイズページを参考にしながらデザインCSSの箇所にタグを適当に書いていく。タグはせめてDreamweaverのコードヒントのようなものを実装して欲しいなぁ。見学船のアナウンスによるとディーゼルエンジンを回して、蓄電池に充電しているところだそうです。見れないとのことなので、ラッキーだった。護衛艦せとゆき細かい修正箇所は・ブログのスキンを左右2カラムのものに入れ替えた。・記事の幅を900ピクセルぐらいにした。記事幅が広がったので少しセンターをずらした。・記事内の写真の角を丸くしてドロップシャドウを入れた。(背景が黒くなったのでドロップシャドウが見えなくなった...^^;)・元々スキンが背景色の白をベースにしているものだったので、黒文字をすべて白系に書き換えた。・サイドバーのカテゴリをスタックしていくタイプのものにカスタマイズ。scriptを使ったものにカスタマイズした。・アマゾンリンクも800ピクセルぐらいの横幅にした。おおざっぱに以上の部分をカスタマイズした。護衛艦いなづま問題な箇所は日付の横に入っている白いボーダーの要素がどこにあるかわからん...^^;Chromeのデベロッパーツールで追ってどこにあるかわからんなぁ...たぶん見落としてるんだろうけど。これだから、CSSは非常にメンドイわ...ほんと。カスタマイズして横幅が広くなったおかげで、変に短く改行しなくて済むのはありがたい。サイドバーの●は背景黒用のものに作り直したパーツを置かないといけないな...^^;自宅のノートにはフォトショいれてないから、クリスタでつくるか...。そのうちフォトショも購入して入れておこう...。週間)当ブログに掲載されている写真の転載は問い合わせをしなくても可ですが、転載する際は必ず転載元のアドレス「https://dualmoon.hatenablog.com/」を記載するようにしてください。転載した画像は加工しないでください。51周年記念・第47回木更津航空祭に行ってきた。(50)月別アーカイブ参加グループ写真・カメラガジェットリンクはてなブログブログをはじめる(無料)お知らせはてなブログをはじめよう!dualmoonさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。