みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

topをフルスクリーン、スクロールで下に他の機能を

超ド素人です。
わからないなりにもFullscreen Background Image Slideshow with CSS3(https://tympanus.net/codrops/2012/01/02/fullscreen-background-image-slideshow-with-css3/)というものをいじってみています。
写真を変更したり、デモボタンの削除、上部のバーの削除、写真にかかっているドットを外してみたり・・・はできるようになりました。
そこで、わからない人でも作れるかどうかはわかりませんが、ご存知の人がいらっしゃれば教えて下さい。MODIのフォーマットを使用しようとしましたが、フォーマットを使えるようにするまでの設定が難しかったので、基本に戻ってビルダーでHTML+CSSなどでシンプルに、後々も変更がしやすくしたいと思っています。

<質問1>
このフルスクリーン素材上にはタイトルが左側に2行入っていますが、このfontの種類やサイズ、位置を変更したいと考えています。どこでどのように設定すればいいでしょうか。

<質問2>
このスクリーンの写真が表示されている部分に、メニューを入れたいと考えていますが、どのようにしたらできますか?(例えば、Home、About、Blogなど。画面だとタイトルがある行辺りの右寄せで)

<質問3>
写真と一緒にフェードアウトしている文字ですが、表示される文字そのものは変更できるものの、文字位置の変更や文字の種類やサイズ変更をどこでどのようにしたら出来るでしょうか。

<質問3>
ビルダーを使って、このスクリーンを設置し、スクリーン下にスクロールできるようにしたいと考えていますが、どのように下にページを入れれば良いのかがわかりません。
目標は、MODI(https://www.templatemonster.com/demo/53309.html)のようなサイトです。
フルスクリーンの下にいろんな情報を盛り込みたいと考えています。今の時点ではその内容はさておき、盛り込めるような状態まで作りたいです。

初心者で、しかも要領が得ませんが、手取り足取り教えて頂けるととても助かります。
どうぞよろしくお願いします。

投稿日時 - 2017-01-27 14:44:55

QNo.9286497

困ってます

質問者が選んだベストアンサー

【質問1への回答】
Fullscreen Background Image Slideshow with CSS3はご希望の様なページを作ることを想定していないと思います。あくまでも最初のウインドウにフルサイズでスライドショーを表示するためのスクリプトで、さらに下にコンテンツをつけ足すことはできません。

他のスライドショーを使うべきだと思いますよ。例えば▼
■jQueryでページの最上部に位置固定したフルスクリーンスライドショー(クロスフェード)を設置する方法
http://black-flag.net/jquery/20141028-5428.html
【デモ】
http://black-flag.net/devel/jQueryHeaderFixedFullScreenSlideShow/

【質問2への回答】
スライドショーの上にタイトルやナビを置くのは、cssの絶対配置などでできます。
このあたりを参考にどうぞ。
■position:relativeとposition:absoluteで画像や文字を重ねてみよう
https://naifix.com/relative-absolute/

【質問3への回答】
文字位置の変更や文字の種類やサイズ変更
↑これはcssで行われています。
http://homutuku.com/beginner/510.html
全くの初心者でしたらこのあたりから始めるといいでしょう。

【質問4への回答】
1でお伝えしたスクリプトなら悩まれることもないでしょう。


全く基礎知識のない方に手取り足取り教えるのは勘弁してください。
上記の回答で十分なヒントは書きましたので、それをもとに調べてみてください。

質問者さんに悪気がないのはわかるのですが、あなたのご要望に添える技術は、私たちにしてもお金も時間もつぎ込んで努力して身に着けたものです。
厳しいことを言うようですが、そのような希望はあまりに図々しいというものです。
私が最初の回答者であること、何日も誰も回答していないことがその答えだと思いますよ。

投稿日時 - 2017-01-31 19:33:35

お礼

ありがとうございました。
確かに知人にもこの業界にいるのですが、費用かかるよと言われていました。ただ、無料配布されているデータもあったので、どの程度のことをどの程度までできるか否かについては本当に素人なので無知だったと理解して頂けると助かります。ここで質問をすることで甘えていい範囲なども正直なところ良くわからないというところが正確なところでした。
自分なりに色々と調べてみたり、自分で試してみたりしているところでした。ご案内頂いた内容で事足りそうです。本当にありがとうございました。
後は自分で調べて試してみて頑張って作ってみようと思います。

投稿日時 - 2017-02-01 12:01:37

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問