2016/12/29 (Thu) ちょっとテンプレカスタマイズ

今使ってるテンプレがエントリ内の画像横幅サイズや本文に記載したURLが長いと横幅をはみ出してしまって非常にみっともない表示になる。

年末で時間ができたのでちょっと弄ってみようかと。

ブログテンプレ自体のエントリ内容ｗidthを変えて増やしたかったんだけど、左メニュー含めて、pixcel足し算がめんどくさいのでやめた。
（左メニューを残してエントリブロックが下にずれて表示される形で押し込まれるので）。

タイトル箇所の背景画像がタイリングされちゃうのが兎に角みっともないので
http://file.ninja.blog.shinobi.jp/entry_hed.gif

先ずはフッタ共々けしてみた。
http://file.ninja.blog.shinobi.jp/entry_btm.gif

まあこれでも別に前よりは相当マシなんだけど、地色の灰色の上にタイトル文字が表示されちゃうので可読性が悪い。

って事で、レイアウトテーブルの背景リピートを止めてみる

<td style="background:url(http://file.ninja.blog.shinobi.jp/entry_hed.gif) no-repeat" height="102" border="0">

まあ多少マシでしょう。

フッタはめんどくさいのでそのまま。

いまだにテーブルレイアウト使ってるのに驚いたし、テーブルの背景画像のリピート止める設定ってどうやったけか？と十年以上前に使ったことがある程度の設定を急には思い出せずに検索した。

これスマホ用のテンプレと別途作るんじゃなくてレスポンシブデザインのテンプレ実装する方が時代に即してるというか…
テーブルでの固定レイアウトなんて久しぶりに見たぞ、と思ったら元のテンプレが２００７年に投稿された奴って…。
いくらブログが下火とか、もしくは個人でデザインカスタマイズするかの両極化してるにせよ。
10年て。。。