FC2ブログ

スポンサーサイト

--.--.-- --:--| スポンサー広告

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

InternetExplorer9での角丸表示に対応しました

2012.07.05 23:06| 日記

InternetExplorer9で角丸になるように対応しました。
もともと角丸になるように作ってたんですけど、FC2ブログだともう一工夫いるっぽい。




こちらの記事を参考に改善しました!
FC2ブログでIE9の機能(HTML5やCSS3)を使う方法




ちょっと、背景が薄いので分かりにくいんだけど、修正前(左)と修正後(右)です。


角が四角になってます

角が丸になってます






修正テンプレートがいつ反映されるか、ちょっと分からないんだけど(多分明日かな?)、既にダウンロードされた方は、下記をHTML編集にて追記しても直ります。

IEの表示にあんまりこだわらないって方は、直さなくてもイイと思う。



<head> 〜 </head> の間にコピー。

<meta http-equiv="X-UA-Compatible" content="IE=9" />




スポンサーサイト
コメント:1 トラックバック:1

スマートフォン、タブレット、PCそれぞれの表示

2012.07.03 13:21| 日記

共有テンプレートなんですけど、PC、タブレット、スマートフォンによって表示を変えてます。


PCだとこんな感じ。(PCでもブラウザの横幅を変えるとサイズ変化が確認できます)



タブレット(iPad)だとこんな感じ。



スマートフォンだと、タイトルはそのまま表示して、右のサイドメニューを下に持っていってます。



どぞ、よろしくお願いします〜

コメント:1 トラックバック:1

共有テンプレートに公開申請

2012.07.02 14:09| 日記

大体よさそーなので、公開申請しました^^


通らなかったりして 笑


MediaQueryをいれてるので、スマートフォンのPC表示でも、割と見やすく表示されるのではと思います。


FC2には特殊なプラグインがあるので、うまく表示されない場合もあるかもしれませんね


お気づきの点がありましたら、こちらの記事にコメントをお願い致します。


できる範囲で対応したいと思います。




■7/14 08:00 ブログタイトルからブログへのリンクを追加しました。共有テンプレートの反映には少しお時間かかるかと思います。

■7/5 23:06 「インターネットエクスプローラー9での角丸表示」について記事を書きました。

■7/3 13:21 「スマートフォン、タブレット、PCの表示イメージ」について記事を書きました。

■7/3 19:00時点:以下の問題は修正されています
■7/3 16:00頃:
プラグインカテゴリ2、3の表示がくずれてしまうようでした。
テンプレートの修正申請を試みてますが、ちょっと時間がかかってます。

それまでの間は、
HTML編集で <!--plugin_second--> 〜 <!--/plugin_third--> までを
以下に差し替えると修正できますので、宜しくお願い致します。

    <!--plugin_second-->

<section>

<p class="plugin_title" style="text-align:<%plugin_second_talign>"><%plugin_second_title></p>
<p style="text-align:<%plugin_second_ialign>"><%plugin_second_description></p>
<p style="text-align:<%plugin_second_align>"><%plugin_second_content></p>
<p style="text-align:<%plugin_second_ialign>"><%plugin_second_description2></p>

</section>

<!--/plugin_second-->


<!--plugin_third-->

<section>

<p class="plugin_title" style="text-align:<%plugin_third_talign>"><%plugin_third_title></p>
<p style="text-align:<%plugin_third_ialign>"><%plugin_third_description></p>
<p style="text-align:<%plugin_third_align>"><%plugin_third_content></p>
<p style="text-align:<%plugin_third_ialign>"><%plugin_third_description2></p>

</section>

<!--/plugin_third-->





コメント:2 トラックバック:0
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。