レスポンシブ広告修正　アンカー広告追記　スクロールバー化　（1/3作業記録①）

・レスポンシブ広告追記

ウィジェットは300px×250px
<style>〇〇 { width: 300px; height: 250px; }@media(min-width: 600px) { 〇〇 { width: 300px; height: 600px; } }</style>を追記
style=”display: block;　⇒　style=”display: inline-block;
へ修正
他サイトの雛形は、別サイズの広告で個人的にそれは使えないので、IF文に慣れてない人はこちらに直すのに手間取るかも。

・アンカー広告追記

アクティブビュー視認可能率の低さが気になっていたのもありアンカー広告を追記したが、ユーザーエクスペリエンスの低下が酷そうだったら外すかもしれない。

・入賞記録表のスクロールバー化

冗長になり過ぎると思ったため、
<div style=”border: 1px solid #ccc; height: 900px; overflow: auto; width: 96%; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #f0ffff; margin: auto; padding: 1px;” align=”center”></div>
を追記した。（元に戻した）

それに伴い、入賞レポートの追記は、現時点で入賞した日に過去分と現時点分を一つずつ追記する形にしたいと思う。

 

1日から頑張っているブログの修正は目標の達成には意味がないけれど、達成した目標をブログに書き残すことは重視しているので、無駄な作業ではないと考えている。