Reply お返事
メールフォーム、テンプレート依頼フォームからメッセージをくださった方で、メールアドレスの記載のなかった方宛に、お返事がある場合はこちらに載せています。
common.cssの826行目に、/* クリックで表示 */ というところがあると思います。
それ以下の部分を842行目まで（/* スマホ、タブレット */の前まで）を削除してしまってください。
一応仕組みを説明しておくと、
もともとは高さをゼロにして見えなくしているのを、JavaScriptによってクリックでactiveというクラスを追加して、heightなどを見える状態にする、という方法をとっています。
これで、最初から表示されるようにはなるのですが、クリックすると背景色が変わる設定はそれぞれ別の場所でしているので、/* 親項目のスタイル *//* 子項目のスタイル */の中の、a:hoverや.activeを探して、背景色をお好みで変えてみてください。
ご連絡ありがとうございました。ご迷惑をおかけして申し訳ございません。
この画像については、素材として配布することはできません。
理由としては、まず「Bing Image Creator」を使って作成したものは、商用利用が不可であること。
当サイトでフリーで配布することはできるかもしれませんが、著作権等もややこしい問題がありますし、どこでどのように使用されるかわからないものを配布することは、やはりリスクがあると思っています。
また、私個人としてはAIはうまく利用していくと良いと思っていますが、やはり創作者様たちの中には、少なからずAIに抵抗を持つ方がいらっしゃるだろうということ。
当サイトは創作をする方が集まる場所なので、大々的にAIで生成したものを、配布することは、やめておこうと思っています。
使ってる時点でどうなのと思われるかもしれませんが、せめてテンプレートのイメージをつかむために自分用の素材として使う程度にとどめておこうかと思います。
もし、AIでの生成に抵抗がないのであれば、Microsoft Edgeやスマホのアプリで、「Bing Image Creator」は無料で使用できるので、ご自身で生成されてみるのも良いかもしれません。
せっかくお問い合わせいただいたのに申し訳ありませんが、ご理解いただけますと幸いです
メールフォームは、HTML（とCSS）だけでは動かず、送信等の動作にはCGIやPHPといったプログラムが必要になります。
当サイトでは、HTML、CSSのテンプレートを配布しているだけなので、申し訳ないですが、メールフォームの動作についてはサポート対象外です。
「メールフォーム PHP」などで検索すると、作り方なども出てくるので、ご自身にあった方法で作成いただくと良いと思います。
ご参考↓
そうすると、横に伸びず、改行してもラインがきれいに引かれると思います。
また、positionとwidthの記述は削除していただいて大丈夫だと思います。
（今見ると、なぜ記載しているんだろうと思ったので・・・😓）
お手数おかけして申し訳ありませんが、よろしくお願いいたします。
全体的にどのようなレイアウトになるように変更されたいのか、ちゃんと理解できていない気がするのですが、一応、私なりの解釈でアドバイスしてみますね😅
アイフレーム状態の解除、が白背景の部分をページのコンテンツに合わせた高さに伸ばすということであれば、
①common.cssの、.whitebgのheightを削除
②メニューが変な位置で固定されるので、.globalnavのtop、rightの位置を調整
③角丸が変であれば、.globalnav__item a{}のborder-radiusを削除
これで一応メニューを上に固定できます。
もし、headerタグに対してcssでいろいろ表示を変えていて、headerが文字等の下に回り込んでしまう、ということであれば、headerのz-indexを998にしてみてください。
その場合、headerにはposition:fixedなど、static以外で設定してください。
どうにもよくわからない、という場合は、作成中のページのアドレスを送っていただいた方が、的確なアドバイスはできるかもしれません。
上記で参考になれば良いのですが・・・
スマホについては、iPhoneで確認しているのですが、当方ではdo様のデモ画面と同様に拡大した時に画像を動かすことができておりまして、西村様のおっしゃる不具合を再現できないのです。
端末によって挙動が変わってしまうことはよくあるので、何か干渉する部分があるのだと思うのですが、申し訳ないのですが、わかりかねます・・・
私はJavaScriptにはくわしくないので、fuwaimgもcssで少しサイズを変えた部分はあるのですが、jsファイルについては何も変更しておりません。
一度、テンプレートのfuwaimgのフォルダを削除していただいて、do様のサイトからダウンロードしたフォルダを代わりに入れていただいたら、もしかすると動くかもしれません。
お役に立てず申し訳ないですが、一度お試しください。
文面からおそらく
<link href=”https://use.fontawesome.com/releases/v5.9.0/css/all.css” rel=”stylesheet”>
この部分のことで良いでしょうか？
これはおっしゃる通り、アイコンを借りてくるための記述なので、削除していただいて大丈夫です。
なんとなく、使うなら使ってもらえばいいか～くらいの気持ちで残していたのですが、確かに不要な記載はない方が良いですね・・・
お手数おかけして申し訳ありません。
ただし、一つのページ内でテンプレートを組み合わせるなど、どのテンプレートがどのサイトのものなのか、わからなくなるような形でのご使用はご遠慮ください。
Lightcaseはスマホでのスワイプには対応しておらず、スワイプできるように改造することは、私にはできないです。
Lightcaseの代わりに、Tiles Columns Unite Galleryというプラグインを導入されるのは、もちろんＯＫです。
ただ私はこのプラグインを使ったことがありませんし、添付いただいたページでかなり丁寧に導入の仕方が書かれていたので、導入に関して私がお手伝いできることはないと思います。
index.html、archive.htmlで、
・<head>内でのLightcase.cssの読み込み
・<body>内の下の方での<!–lightcase 読込–>以下１１行
・<section id=”illust”>～</section>または<section class=”illust”>～</section>
これらをがっさり削除していただいて、Tiles Columns Unite Galleryのページを参考に、導入していただくのが良いかと思います。
お力になれず申し訳ありませんが、よろしくお願いいたします。
サイトURLについてはお気になさらず💦
私も別名で持ってるサイト、夢だったり同人乙女ゲーだったりで、ここからつなぐ気になれませんから、わかります😅
レスポンシブの小説メニュー、私もわりと気に入っていて、あまりしないと思いますが、普通のメニューを開いた上に小説メニューを開いた絵面が気に入っています😅
区分けが多い分、HTMLがややこしくなってしまったので・・・リンクの張り方とか、また不明点あればご連絡ください。
不具合や編集でわからないところがあれば、ご連絡ください。
理想通りのサイトができますよう応援しております☺
著作権表示の移動の可否について ですが、
・TOPに当サイト（空蝉）の表示がある
・他のサイトのテンプレートと混在していない
ということですので、TOPに使用されているテンプレートの著作権表示のみで大丈夫です。
ご連絡くださりありがとうございます。
写真素材から始まったサイトですので、写真について触れていただけてとてもうれしいです。
ご期待にそえるデザインができるよう、引き続きがんばります。
よければトップページのメールフォームからお知らせください🙇♀️
お嫌なら、送っていただいた内容から考えてみますのでスルーしてください💦