戯れ言葉

ブログのデザインを変更 可変幅

カテゴリ:レスポンシブ
タグ:

ブログをスマートホンとかに対応する為には
専用のテンプレート(デザイン)を用意するのが
本来なのでしょうが
そこまでの気力もないし
なにしろスマホ自体を持ってないので
パソコン用に作ったものの幅を大きくしないで
スマホにそのまま表示させるとか
やってきたのですが

やっと、ブログの横幅が自動で可変するテンプレートを見つけました。
てつぼのFC2ブログテンプレート工房 さんの
Mont-St-Michel というテンプレートです。
今まで探し続けて来た方針にぴったり合ってます。
デザインも私が改造し続けて来たものに限りなく近いし。
ディスプレーの横幅に対応して
ブログの横幅が変化します。
(レスポンシブ)

管理人さんとのやりとりで
大幅改造もOK を頂きましたので
Mont-St-Michel というテンプレートのデザインを大改造して
先日より乗り換えました。

まだあちこちに私の不具合や変更したいところがありそうですが
とにかく実運用してみないと
見えないところが一杯なので
テンプレートをこれに変更しました。
徐々に再改造していくつもりです。

そのやりとりで
管理人の てつぼ さんから HTML-LINT-5 と云うものを紹介されて
ネットで捜してみると
Another HTML-Lint gateway

Another HTML-Lint5 gateway
(2016/2/2 訂正)
という所にたどり着きました。

HTML の文法を無料でチェックしてくれます。
単純ミスをいくつか指摘されて
そこは訂正したのですが

後、残りの数百行のエラーは私の力量ではどうにもなりません。

まぁ ぼちぼち挑戦して 少しずつ勉強がてら ・・・

この作業中に
HTML のTABLE タグで
枠線を非表示にするには
border = 0
を指定するのですが
これが消えないときがあります。
そんな時は
style="border-style: none;"
で消せることを発見。

ありゃっ!
過去記事の本文自体を書き直さなければ
横幅を狭めたときに
変な表示になるのがでてきてますねぇ。

Comments 2

There are no comments yet.

てつぼちゃん  

ご利用ありがとうございます

このテンプレートはHTML5ですので、文法判定は最新版Another HTML-lint 5 をご使用くださいね。古いのだと判定内容が違ってきます。

2016/02/02 (Tue) 07:30 | 再編集 | 返信を書く |   

hige  

Re: てつぼさん

最新版Another HTML-lint 5 了解しました。早速見つけてきました。
チェックしたいと思います。

2016/02/02 (Tue) 14:28 | 返信を書く |   

Leave a reply
コメントをどうぞ

ブログやホームページのURLをどうぞ

パスワードを入力すると投稿後、訂正・削除が出来ます