Orchardノ空。

アクセスカウンタ

zoom RSS 自作サイトの補足

<<   作成日時 : 2013/05/23 07:37   >>

ブログ気持玉 0 / トラックバック 1 / コメント 1

前の記事の補足的な説明になります。自作サイトの改装に当たって発生していた問題をいくつか。
・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の雛型は、マクロで自動的に記述します。
必要と思われるものはあらかじめ使えるようにする、というスタンスで。

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

テーマ

関連テーマ 一覧


月別リンク

ブログ気持玉

クリックして気持ちを伝えよう!
ログインしてクリックすれば、自分のブログへのリンクが付きます。
→ログインへ

トラックバック(1件)

タイトル (本文) ブログ名/日時
プラダ バッグ
自作サイトの補足 Orchardノ空。/ウェブリブログ ...続きを見る
プラダ バッグ
2013/07/06 03:17

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(1件)

内 容 ニックネーム/日時
今日は よろしくお願いしますね^^すごいですね^^
http://www.fetang.co...
2013/08/01 02:51

コメントする help

ニックネーム
本 文
自作サイトの補足 Orchardノ空。/BIGLOBEウェブリブログ
文字サイズ:       閉じる