KIMUSON BLOG

きむそんの雑記ブログ

【開発日記】デモサイトを作って自分の作品を公開するまでの道のり#5「ページ上部を本格的に作り込んでいく」

この記事をシェアする

やること

サイトの本格的な作り込みを行っていく

ちなみに今回の作り込みでは主にヘッダー部分を実装しました。

Before

f:id:samuraikid520:20180211110337p:plain

After

f:id:samuraikid520:20180211105400p:plain

メニュー部品を「タイトル」の右側に持って行きたいんですがなぜかうまくいかない。。。

displayの指定も間違っていないとは思うのですが、ちゃんと見てみないとダメかもしれません。。。

やったこと

メニュー部品を追加

f:id:samuraikid520:20180208231832g:plain
まず以前の記事でも紹介していたメニュー部品を組み込みました。


ちなみにこのメニュー部品は以下のサイトから参考にさせていただきました。
Flat jQuery Responsive Menu | CSS MenuMaker

スライドショーを追加

f:id:samuraikid520:20180211105428g:plain
スライドショーも追加しています。

こちらのスライドショーは、以下のサイトのものを使っています。
Responsive Touch Slider/Slideshow/Gallery/Carousel/Banner html5 ad

困っていること

メニュー部品とタイトル部品の位置関係が崩れている。

Afterの画像見てもらうとわかるんですが、表示崩れしているんですよね。

こいつを次回は直していこうと思います。