wataru-webdesign https://blog.hatena.ne.jp/wataru-webdesign/ Web Designer’s Road　Blog https://wataru-webdesign.hatenadiary.org/ 作業時間 240分 思ったよりも時間を食ってしまいました。方針通りにいっていたんですが、コンテンツの左サイドで少し迷いが出てしまい。。。けどまぁ許容範囲内ではないかと思ってます。 工夫した点 コンテンツ左上のボックスは元サイトの出来があまり良くなかった(ボックスの継ぎ目の透明感)ので、自作しました。 ナビゲーションはsmartRollover.jsを採用しました。元サイトではjsでスワップイメージを登録しておき、 htmlの方でonmouseover、onmouseoutを書いて切り替えるという方法がとられていました。 勉強になった点 マウスオーバーでアンダーラインが点線だったので、a:hov… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwataru-webdesign.hatenadiary.org%2Fentry%2F20090306%2Fp1" title="メナード　リコーディング完成 - Web Designer’s Road　Blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/w/wataru-webdesign/20090306/20090306001311.jpg Hatena Blog https://hatena.blog 2009-03-06 00:00:00 rich https://wataru-webdesign.hatenadiary.org/entry/20090306/p1 1.0 100%