fc2ブログ

U-BOX/うさぎの小箱

FC2ブログのテンプレートを配布しています

  1. blog_type
  2. tb: 0
  3. cm: 6
  4. [ edit ]

v39flo02

v39flo02_公開(5/6申請,5/15承認)

PC版サンプル(画像をクリックするとサンプルページを見ることが出来ます)
>>DL


v38flo01 のバリエーションです。


2カラム。変動幅。ウィンドウ幅の80%、最小幅固定900px。
記事部分70%。サイドバー27%。
jQuery jquery-1.7.1.min.js (pagetop300-500.js)


font-size: 90% ( デフォルト14.4px )

カラム幅を超える画像は縮小表示されます。
ヘッダーにナビメニュー、サイドにプラグインメニュー配置。
26px幅罫線背景使用。




関連記事
スポンサーサイト




テーマ : FC2ブログ共有テンプレート    ジャンル : ブログ

  1. 2014.05.07 (水) 09:51
  2. URL
  3. YUMI
  4. [ edit ]

こんにちは

こんにちは。
とても素敵なテンプレート、使わせていただいています。
ちょっと質問をいいでしょか?
大きなサイズの写真も載せられるようなのですが、最高どのくらいのサイズまで可能なのでしょうか?
私は横700ピクセルくらいの写真を載せますが、普通にPCで見るぶんには綺麗に見えます。
ただ、PCやタブレットを縦にすると、ブラウザの幅がせばまって、おかしくなるのですが。
よろしくお願いします。
  1. 2014.05.07 (水) 16:17
  2. URL
  3. usagi
  4. [ edit ]

Re: こんにちは

こんにちは。
ご利用いただきありがとうございます。

画像の表示について、記事にて説明させていただきましたので、参考にしていただければと思います。

YUMIさんの場合は画像のURL内のサイズ指定があるため、幅が狭いブラウザでは、縦長に表示されてしまうのではないかと・・・

いかがでしょうか
  1. 2014.05.07 (水) 19:39
  2. URL
  3. YUMI
  4. [ edit ]

わざわざありがとうございます。
赤字の部分「max-width:100%」の削除やってみましたところ、縦にしても横幅が縮むことはなくなりましたが、画像が切れてしまいます(右側が)
画像のURLのサイズ指定の部分も削除してみました。
PCでは普通に見えるのですが、タブレットでは最初から右側が切れてしまいます。
これは画像が多きすぎるということでしょうか?
スタイルシートとかよくわからないので…
よろしくお願いします。
  1. 2014.05.07 (水) 21:03
  2. URL
  3. usagi
  4. [ edit ]

Re:

少し説明不足でした。

両方削除したため、実寸表示されていますが、(つまりこの場合は画像がカラム幅を超えている)、
カラム幅以上のものは非表示になるように指定されているため画像が途中で切れているのです。

対処方法は4通りあります。
記事内に追記しましたので、お試し下さい。
  1. 2014.05.07 (水) 22:08
  2. URL
  3. YUMI
  4. [ edit ]

ありがとうございました。
一時は混乱して、わけがわからなくなりましたが、なんとかなりそうです。
対処法1の場合、これまでの写真は全部サイズ指定を外すわけですよね?
  1. 2014.05.08 (木) 02:44
  2. URL
  3. usagi
  4. [ edit ]

Re:

気がつきませんでした。
ご指摘いただき、ありがとうございました。
またまた、当方の不備でした。
本当に申し訳ありません。
記事は修正いたしました。
また何か不備がありましたら、よろしくお願い致します。

m_ _m;;;

 管理者にだけ表示を許可する
 

trackback


プロフィール

usagi

Author:usagi
FC2ブログへようこそ!

information

2015.2.8_23:12
管理人のみ閲覧のコメントを下さるみなさまへ

管理ページを見ることを忘れがちな管理人は 返事が遅れがちになることが多いため、ご注意下さい。

お急ぎの返信が必要なかたはカギなしでお願いします。
また、URL を記載していただくと、たすかります。

カレンダー

08 | 2023/09 | 10
- - - - - 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

ユーザータグ

*