お問い合わせ返信

22/01/29

はじめまして、ご連絡ありがとうございます。winter songのリンク色についてです。
色の変更については、以下のコードをPC用のCSSに追加してヘッダーのリンク色を設定すれば白色にすることができます。(場所はどこでも大丈夫ですが、/* ページトップ設定(含ナビゲーション) */の近くだと分かりやすいと思います)
モバイル版表示でも色変更が必要な場合はカラーコードを#000にしたものをモバイル用CSSの同じ場所に書き加えてください。

02/02追記

ご返信ありがとうございました。他の方法ですと、リンクのタグに直接クラス指定することもできます。↓のコードをお試しください。

お問い合わせ返信

21/12/23

まとめてお返事です。長らくお待たせした方本当にすみません……。

はじめまして、ご連絡いただきありがとうございます。お返事が大変遅くなり申し訳ありません。お問い合わせいただいたHow to flyのかぎ括弧についてです。
崩れ方の詳細が分からなかったので直接的な解決方法ではないかもしれませんが、boxの疑似要素周りを変更して上下二つのかぎ括弧に変更すればきちんと表示される可能性があります。

【変更箇所①(:root直下の.box::before,.box::after周辺)】

【変更箇所②(CSS最後の@media (max-width:850px) {~}内)】


↓配布中のコードに上記の変更を加えたものも記載しますので、よかったら丸々コピペでお持ち帰りください。ご不便をお掛けして申し訳ないです。

はじめまして、ご連絡ありがとうございます。ご感想も添えていただき嬉しいです!
お問い合わせいただいた、HEADの10000字制限についてです。入力する場所は合っていますので、文字数を減らすことができれば解決できると思います。正攻法でスペース削除ツールなどでタブを削除+各ページで不要なCSSを削除したりするほかに、(又聞きの情報で恐縮ですが)ナノの定型文機能を使って解決することもできるそうです。私の方で試したところ、配布コードのheadを定型文に登録→表示させたいページのhead欄に定型文の独自タグを入力という方法できちんと表示されました。どうぞお試しくださいませ。

再びのお問い合わせありがとうございます。XRIAのパスワード入力ページについてです。
こちらですが、レイアウト編集をする箇所が間違っているのではないかと推測します。
小説のページごとに設定する「記事パスワード」の入力画面は小説の「パス制限ページ設定」で、編集トップページから「パス認証設定」で設定したパスワードの入力画面は「同ページのリンク先」で編集できると思うので、そのあたりを再度ご確認ください。

formのactionの値(メールの「分からない」の部分)については私も詳しくないので、何を入力したらどのページに飛ぶのかなどはちょっと分かりません……お力になれずすみません。

お問い合わせ返信

21/10/30

はじめまして、ご連絡ありがとうございます。お返事が遅くなり申し訳ありません。
お問い合わせの件について色々試してみたのですが、私の環境からはハンバーガーメニューが動かないという状況が再現できませんでした。

メニュー開閉についてはbody(Alice+でいう「デザイン編集」、「〇〇画面デザイン」)に、<!-- モバイル用メニュートリガー -->、<!-- ナビゲーション -->、<!-- jQuery -->にあたるコードが記述がされていれば正常に作動すると思うので、これらの入力に過不足がないか再度ご確認ください。
その他に、自動改行がオンになっている場合などはjQuery自体が動作しなくなるので、そちらの設定も合わせてご確認いただければと思います。

またこちらは仕様なのですが、タップの反応範囲(画像の水色部分)がかなり狭くなっているので、タップ位置によっては押しているのに反応していないように見える場合があります。
image image

以上、何かしらお役に立てれば幸いです。

テンプレート+1

21/10/08

「シックスセンス」

久しぶりに本文ページを作りました。

お問い合わせ返信

21/10/02

はじめまして、ご連絡ありがとうございます。お問い合わせいただいた「オールドフラワー」の動作についてです。

一つ目の「名前変換ページを別途用意すると分割の値がおかしくなる」というのは、レイアウトが崩れてしまうということでお間違いないでしょうか?
ダミーフォームを以下のように差し替えることで、表紙ページでも名前変換機能を使うことが可能です。※【】の中はご自身のサイトの仕様に変更してください。

上記の他に名前変換ページのレイアウトを編集するという方法もあるのですが、ホームページ作成が初心者でいらっしゃるとのことでしたので、こちらはちょっとハードルが高いかもしれません。(body(novel)の必要箇所を抜き出し+名前変換フォームを設置すれば実装できますので、よければまたお試しください)


もう一つの「名前変換するためのドラッグ」に関してですが、これについてはどの操作のことか分からなかったので、お手数ですがもう少し詳しい説明をいただけると幸いです。

10/05追記

お返事ありがとうございました。お送りいただいたコードを拝見したところ、mainタグの<main class="text">の部分が余分な記述ですので、そちらを消去すればきちんと右寄せで表示されると思います。
続いてドラッグ関連ですが、「ドラッグに関する禁止タグ」というのは具体的にどの文字列になりますでしょうか?(説明が難しいようでしたらご提案の通りURLをお送りいただく形でも大丈夫です)ただ、件のデザインではドラッグ禁止の記述はしておらず、配布コードに含まれない部分についてはサポートの対象外ですのでその点はご了承ください。

はじめまして、ご連絡ありがとうございます。
お問い合わせの件ですが、配布コードの入力場所が違うのが原因だと思います。
「デザイン編集→子ページ編集枠」にbody(info)
「HEAD編集」にhead(全頁共通です)の内容を入力すればエラーは出なくなると思いますのでお試しくださいませ。

テンプレート+1

21/09/03

「How to fly」

高所恐怖症の方は画像を変更してください。

お問い合わせ返信

21/08/19

はじめまして、ご連絡ありがとうございます。XRIAでの機能関連についてです。(とっても長くなってしまったので箇条書きで失礼します)

【メールフォーム】
①トップページ側の編集
・body(index)のメールフォーム部分を以下に差し替える
②メールフォーム機能の編集
・「送信項目設定」で名前、メッセージ以外の項目を「入力自由」に変更する(↑のフォームに入力欄がない項目を入力必須にしてしまうとエラーが発生します)
・メール機能にユートピアの配布CSS適用させる


【名前変換】
※XRIAでは名前変換機能をトップページに設置することができないため、別に小説機能を作成する必要があります。
・body(index)から小説部分以外を削除する(インフォメーションやブクマリストなど)
・名前変換フォームを以下に差し替える


基本的には以上で実装できると思います。(難しいことになるとお答えできないかもしれませんが)もし動かない場合は再度ご連絡くださいませ。


以下は蛇足かもしれませんが、入力する場所ごとにコードを分けたものです。短編URLを一つ一つ貼り付けなくてもよくなるのでよろしければお使いください。
一覧ページ編集→ページ上部編集ボックス

一覧ページ編集→ページ下部編集ボックス

一覧ページ編集→スレッド部編集ボックス

お問い合わせ返信

21/08/07

はじめまして、ご連絡ありがとうございます。お問い合わせいただいた「Blurred Sky」のビル画像についてです。
backgroundのURLを書き換えても変更が反映されない場合は、キャッシュが影響している可能性が高いです。ブラウザのキャッシュクリアやシークレットモードでの閲覧など、まっさらな状態での閲覧をお試しください。

また、こちらの検証中にCSSの削除漏れを発見したのでお知らせします。.mainHeader::beforeのbackgroundが二行あるうちcenter bottom~で始まる行は不要な記述なので、削除してご利用ください。※表示に問題はないので面倒だったら放っておいてもOKです。

以上、用件のみで失礼いたします。もし解決しなかった場合はお手数ですが、ブラウザや、スマホの場合は使用サービス(ナノ、XRIAなど)を添えて再度ご連絡くださいませ。

テンプレート+1

21/07/24

「ボーダーライン」

やっぱり水色が好きです。

お問い合わせ返信

21/06/19

はじめまして、ご連絡ありがとうございます。
お問い合わせいただいた「a back lane」のヘッダー画像についてです。大変申し訳ないのですが、私の環境では状況が再現できなかったため詳しい原因が分かりかねます……。

ブラウザのキャッシュが影響している可能性があるので、まずはキャッシュ消去やシークレットモードでの閲覧などをお試しください。

また、本件との関係ははっきりしないのですが、配布ファイルのヘッダーの背景設定部分にタイプミスがありました。(モバイル用CSSのheader{background:~}の指定で、center/の間のスペースが二つになっていました)このスペースを一つに修正すればもしかすると上手く表示されるかもしれません。

以上、かもしれないばかりの回答で恐縮ですが、解決に近づけば幸いです。

お問い合わせ返信

21/06/08

はじめまして、ご連絡ありがとうございます。お返事が遅くなり申し訳ありません。

お問い合わせいただいたユートピアのスクロールについてですが、
httpのページ→スマホ版safari〇、PC版Chrome〇
httpsのページ→スマホ版safari×、PC版Chrome×
という状況でお間違いないでしょうか?

サーバーによって動作が変わることは考えにくいので、アップロードファイルやパスの指定など、何かが上手く設定できていないのかもしれません。

もし配布コードに改変を加えている場合は、jQueryの読み込みURLがhttpsから始まるものになっているかご確認ください。(<script src="https://~)
※httpsのページでは、httpから始まるURLの読み込みがブロックされてしまうようです。
また、iPhoneではメモリが重くなるとアニメーションが動かなくなる場合もあるそうなので、他のアプリを終了してからの読み込みもお試しください。

解決しない場合はお手数ですが、「当サイトの配布ページでの動作の様子」「iOS、Safariのバージョン」などの詳細を添えて再度ご連絡いただければと思います。

Twitterでもお知らせしましたが、改めましてご連絡ありがとうございました。

リンクを修正して現在はダウンロードできるようになっていますので、お手数ですが再度お試しくださいませ。ご迷惑をお掛けして申し訳ありません。

テンプレート+1

21/06/01

「Blurred Sky」

水彩っぽく塗るのが楽しかったです。トップページの動作は今のサイトデザインを流用しました。

お問い合わせ返信

21/04/06

はじめまして、ご連絡ありがとうございます。お返事が遅くなり申し訳ありません。

お問い合わせの件ですが、どちらもナノの設定でhtmlの改行を<br>にして表示する設定が有効になっているのが原因だと思います。
①ホムペ設定→その他表示設定→改行を<br>にして表示「しない」に変更するか、②bodyの<!-- リスト -->~<!-- /リスト -->と<!-- jQuery -->以下の改行を消去して一行で記載すれば正しく表示されます。※表示的には①がおすすめですが、他のページのレイアウトに障る可能性もあるのでご注意ください。

検証に使ったコード(②を適用したもの)を以下に記載しますので、よろしければ該当箇所を差し替えてお使いください。

お問い合わせ返信

21/03/07

じゅんな様

はじめまして。ご連絡ありがとうございます。温かいご感想までいただき恐縮です。
お問い合わせいただいた件についてですが、画像のような状態でお間違いありませんでしょうか?
image
これはナノのサイトをスマホで閲覧した際に自動で読み込まれるCSSが原因だと思います。

方法①
シンプルな解決策としては、モバイル用(画面幅599px以下用)のCSSを以下のように書き換えて、ナノ側のCSSを上書きすれば配布ページと同じような表示になります。

方法②
他のサイトの受け売りですが、ナノ側のCSSファイルを読み込ませないという方法でも解決できるようです。(こちらについてsikaku様が「ナノのスマホ向け自動出力CSSの消去」という記事を掲載されているのでそっとご紹介します)


私の方で試したところ、①②ともにAndroid10のスマホから問題なく表示されました。もしうまく表示されないなどの不具合がありましたら、お手数ですが再度ご連絡ください。

お問い合わせ返信

21/02/15

はじめまして。ご連絡ありがとうございます。
チョコミントの小説ページで、背景色が上手く表示されない件についてです。
背景の白い部分は、/* 全体の余白、リンク色など */直下の.pageWrapの中のbackground:#fff;で指定しているので、後からの記述でこの値が上書きされてしまっていないかご確認ください。
同じCSSファイルを読み込んでいても一方のページだけしか表示されない場合は、htmlの方に原因がある可能性もあります。ページ全体が<div class="pageWrap">~</div>で囲まれているか(不要な</div>でpageWrapが閉じてしまっていないか)なども再度ご確認ください。

テンプレート+1

21/01/09

「noise」

明けましておめでとうございました。

「オールドフラワー」でタイトルをお借りしていたサイトさんが閉鎖されていたのでこちらも上げ直してます。

お問い合わせ返信

20/12/16

はじめまして。ご連絡いただきありがとうございます。
お問い合わせいただいた件ですが、私の環境では以下のコードで問題なく追加できました。

html

<li id="box6">
    <a href="">
        <div class="longInfo">タイトル</div>
        <span class="longTitle">あらすじ</span>
    </a>
</li>

CSS

#box6 {
    background: url('URL') center / cover #bbbbbb;
}

ボックスの数に上限はないので、何かが上手く指定できていないことが考えられます。
まずは上記をそのままコピペ→開発者ツールなどをご利用の上、box6の要素にどんなCSSが適用されているかご覧ください。


→上記のCSSが適用されていない場合
htmlやCSSの記述に過不足がないかをご確認ください。

→上記のCSSが適用されている場合
画像の拡張子や、相対パスがcssファイルから見たものになっているかなど、画像に関する部分を再度ご確認ください。


※可能性は低いですが、お使いのアコーディオンメニューで「box6」というidを使用している場合は、他の文字列を使用するという対応でも解決できると思います。

お問い合わせ返信

20/12/08

ご感想などをお送りくださった皆様もありがとうございました。

はじめまして。ご連絡ありがとうございます。お褒めの言葉もいただけて嬉しいです!

ヘッダーの高さに関してですが、親要素のbodyにheightが指定されている場合にheaderのheight:150%が作用しているのが原因かもしれません。
すでにお試しいただいた方法(headerの高さを20remに指定)の他に、モバイル版CSS/* ヘッダー設定 */のheight: 150%;を削除でも解決すると思うので、よろしければお試しください。ご迷惑をおかけして申し訳ありません。
※ヘッダーのheight:150%があまり意味のない指定であることを知ったので配布CSSからも削除しました。

はじめまして。ご連絡ありがとうございます。
お問い合わせいただいた件ですが、キャッシュの関係で上手く表示されないのかもしれません。お手数ですが、Webサイトデータの削除やシークレットモードでの閲覧をお試しいただけますでしょうか?ご迷惑をお掛けして申し訳ありません。
またご連絡についてはどの件についてもサイトのフォームからお送りいただいて大丈夫です。お気遣いありがとうございます。

サイト改装

20/12/05

サイトを改装しました。

(12/08追記)トップページの更新日表示はWeb屋の芝生DIY様の記事を参考にして作成しました。

テンプレート+1

20/11/22

「memories」

リクエストありがとうございました!

シングルページというと私の中ではこのイメージなんですが、もし読み取り間違えていたら教えてください。(12/08追記)合ってたようで良かったです!

そして今回のリクエスト募集はこの辺りで締め切りたいと思います。約半年間お付き合いいただきありがとうございました!