Html研究
気に入った事はとことんやってしまいます。
ほどほどにしたいものデス。ヾ(´▽`*)ゝ
recent comment

最新の記事

月別アーカイブ

recent trackback

 fc2blogでウィンドウの幅が狭くなると、横並びのメニューがプルダウンメニューに変わる


アクセス解析を見ていると最近はスマートフォンでホームページを見ている人が多くなってきました。

そこで「ウィンドウの幅が狭くなると、横並びのメニューがプルダウンメニューに変わる」というのをやってみました。

デスクトップでやってみるとできたのでfc2blogテンプレートに挿入しようとしたところIE 11でメニューが変わりませんでした。

google chromeやfirefoxでは幅を狭めるとプルダウンメニューに変わるのに
IFだけはどうしてもできませんでした。
デスクトップや他のサーバーではできるのに、fc2blogだけができないのです。
どうもcssの
「@media screen and (min-width: ○○px)」
ということを読み込まないらしいのです。
四苦八苦、していろいろやってみました。
かなりいろいろダウンロードもしましたが、それらは役立たず、
結果
<meta http-equiv="X-UA-Compatible" content="IE=9" />
をhead内に書いたところできるようになりました。
fc2blogではIE7を使っているらしいことがわかりました。
IE9以後は「@media screen and (min-width: ○○px)」
も読み込めるんだそうです。
ほんとうに丸々2日間もかかってしまいましたが、分かったときは本当にうれしかったです。

参考サイト:http://webdesignerwall.com/demo/mobile-nav/
【2014/12/20 06:54】 fc2blog | トラックバック(-) |
コメント(0)

 fc2blogで<head>の<title>を個別ページでは「記事タイトル」トップページでは「Blog名」にする


*このタイトルというのは お気に入りに入れようとすると「名前」のところに出てくるもののことです。IEではアドレスバーの横か下に出ているもの、またソースの<title>〜</title>のところです。

blogのトップページindex_areaでは 「Blogの名前」 だけ
個別ページpermanent_areaでは 「記事のタイトル」 だけ
そのほかのページでは 「Blogの名前+記事のタイトル」 という風にしてみました。
エリアごとに分けることでページソースにはtitleタグは一つだけなのでこれで良いような気がしますがいかがでしょうか。

<head>〜</head>
の中の
<title>〜</title>のところを以下に置き換えました。



<!--index_area--><title><%blog_name></title><!--/index_area-->
<!--permanent_area--><title><%sub_title></title><!--/permanent_area-->
<!--category_area--><title><%blog_name>-<%sub_title></title><!--/category_area-->
<!--date_area--><title><%blog_name>-<%sub_title></title><!--/date_area-->

上記だけではpage-X.htmlなどでtitleがURLになってしまうのでさらに下記を付け加えました。
こんなにたくさんtitleを書くとは・・・
<!--not_date_area-->
<!--not_index_area-->
<!--not_permanent_area-->
<title><%blog_name></title>
<!--/not_permanent_area-->
<!--/not_index_area-->
<!--/not_date_area-->

悩みつつ・・・きょうはここまで。
【2015/01/16 05:06】 fc2blog | トラックバック(-) |
コメント(0)

 fc2ブログ全記事一覧ページにアイコン


ブログのindewxページのアドレスに
?all
と付け加えると出てくるのが全記事一覧ページですが
そこの記事タイトルにアイコンを付ける方法です。

HTML編集で
<!--titlelist_area-->
の中
<--titlelist-->
の中に


<img src="アップしたアドレスを調べentry-<%titlelist_eno>jpg">
と記入する。
アップするとき付ける画像のアドレスは
記事番号が560だったら
entry-560.jpg
と付けてアップし
記事を書く

記事番号は記事の管理で#を押すと今までの番号が出るのでその次の番号が新しい記事番号!!!!

とっても苦労したがやっとできた。
すごくうれしい。

参考にさせていただいたのは
http://interest2014.blog.fc2.com/blog-entry-17.html
全記事一覧にもサムネイルを付けてみた - INTEREST(インタレスト)さまです。
ありがとうございます。m(__)m
【2021/03/21 17:29】 fc2blog | トラックバック(0) |
コメント(0)






| ホーム |
ブログ内検索

RSSフィード

*最新記事のRSS
*最新コメントのRSS
*最新トラックバックのRSS

TB_People

カレンダー

05 | 2021/06 | 07
- - 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 - - -

ブロとも一覧

ブロとも申請フォーム

この人とブロともになる

リンク

author_name=Dreamy/album

気に入った事はとことんやってしまいます。
ほどほどにしたいものデス。ヾ(´▽`*)ゝ
recent comment

最新の記事

月別アーカイブ

recent trackback

ブログ内検索

RSSフィード

*最新記事のRSS
*最新コメントのRSS
*最新トラックバックのRSS

TB_People

カレンダー

05 | 2021/06 | 07
- - 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 - - -

ブロとも一覧

ブロとも申請フォーム

この人とブロともになる

リンク

Template production /preview