Blogger テンプレート

記事一覧ページのモバイル対応？

前回の記事一覧ページをつけてみましたのモバイル表示が解決したように思われますので、記録しておきます。

記事一覧ページのモバイル表示の対応

そのままではこのようになっていた表示が

文字が重ならないようになりました。

リストの表記が「■」から「・」になってしまいましたが、「＜ul＞」の指定の仕方がまだよくわかっていないので、まずはこのままです(^^ゞ

ここまでやったことを記録しておきます。

Blogger 記事を一覧表示するページの作成方法
3．編集ページにおいて、以下のソースコードをコピーして貼り付けます。
30 <link rel="stylesheet" type="text/css" href="…css" />

こちらのコードの30行目の<link…>を「」で囲むみます。

このままでは「NEW」の表示が黒いままなので下記のコードを追加します。

<style>

#main .poststoc-new

{ color: #eb2142; font-weight: bold; }

</style>

これで「NEW」と赤く表示されるようになりました。このようにほしいと思ったところを抜粋して追加するのもありかと思います。

デモページでもう一度コードを作成して書き直しました。

時刻はここでは必要が無いと思いましたので、日付の「HH:mm:ss」を削除しました。

このようになりました。

リストのマーカーは、まあ、些事ということにしておきましょう(⌒▽⌒)

にしても、コードをきれいに表示させてたいという欲望が強くなってまいりました。