自作サイトの補足

前の記事の補足的な説明になります。自作サイトの改装に当たって発生していた問題をいくつか。
・iframeをタブレット、スマフォで見ると全部表示されてしまう。


画像


こんな感じで、なんか嫌なんですよね。
これの解決方法としては、以下のページを参考にさせていただきました。
http://www.luigibox.com/00_lab/iframeForiPadSafari/
まぁ、もっともいい対策は、
そもそもiframeなんか使わないことですがね(笑)。

・IE6だとlightboxのカーソルが表示されない。
これはもう、最初から表示されるようにしておこうということで、
こちらのページを参考に対処し、
http://www.vkazoo.com/?p=209
このような記述を追加しました。
/* For IE6 */
* html .lb-prev {
left: 0; float: left;
background: url(../images/prev.gif) left 48% no-repeat;}
* html .lb-next {
right: 0; float: right;
background: url(../images/next.gif) right 48% no-repeat;}
* html .lb-prev:hover {
background: url(../images/prev.gif) left 48% no-repeat;}
* html .lb-next:hover {
background: url(../images/next.gif) right 48% no-repeat;}
表示はこんな感じ。


画像


また、iPhoneだと文字も小さくなり読みづらくなるので、
.lb-data .lb-caption {font-size: 26px;}
.lb-data .lb-number {font-size: 22px;}
これまたこのようなコードをiPhone用のCSSに書いて、文字を大きくしています。

・サイト制作において独自のルールを設ける
これは、次に新しくサイトを作る場合のことですが、
より効率的な制作を行うためには、一定の決まり事とか、雛型的なものをあらかじめ用意しておいた方がいいと思いましたので。


画像


画像


ディレクトリやHTML、CSSの構成はこんな感じで、HTML、CSSの雛型は、マクロで自動的に記述します。
必要と思われるものはあらかじめ使えるようにする、というスタンスで。

もちろん用意するのは、あくまで必要最低限のもののみですので、デザイン周りには全く手はつけていません。

この記事へのコメント

http://www.fetang.com/
2013年08月01日 02:51
今日は よろしくお願いしますね^^すごいですね^^

この記事へのトラックバック

  • プラダ バッグ

    Excerpt: 自作サイトの補足 Orchardノ空。/ウェブリブログ Weblog: プラダ バッグ racked: 2013-07-06 03:17