お問い合わせ返信

24/01/19

今年もどうぞよろしくお願いいたします。

再びお問い合わせありがとうございます。毎度お返事が遅くなり申し訳ありません。
「サマースプラッシュ」のブログ記事のサイズについてです。こちらですが、横のサイズに関しては、CSSをartice {margin: 2em auto; widtth:300px;}などに変更すれば固定されるかと思います。(縦のサイズもheight: 100px;などで固定はできますが、文字数によってはボックスから本文がはみ出してしまうのでご注意ください)
実際のページを見ていない&有料サイトで検証ができていないので、ずれた回答だったらすみません。

はじめまして、ご連絡ありがとうございます。お返事が遅くなり申し訳ありません。お問い合わせのバナーサイズについてです。
バナーはすべてサーチ登録用に作ったものなので、申し訳ないですが現時点でサイズ違いを作成する予定はありません……。一覧の中で浮いてしまうとのことでしたので、そういった場合はリンクなしでご使用いただければと思います。大変恐れ入りますが、一から作成することはご遠慮くださいませ。

はじめまして、ご連絡ありがとうございます。お返事が遅くなり申し訳ありません。お問い合わせいただいた、画像のみの使用についてです。
テンプレートの配布元で禁止されていないようでしたらまったく問題ありません。どうぞご自由にお使いくださいませ。

お問い合わせ返信

23/11/21

ご無沙汰してます。長らくほったらかしていて申し訳ないです!

お返事が大変遅くなり申し訳ありません。ご返信ありがとうございました。

MENUボタン自体が表示されないということですと、jQueryが動作していない可能性があります。
・<script>のタグが記述されているか
・自動改行がオフになっているか
・ブラウザでjavascriptが無効になっていないか
などをご確認いただければと思います。

また、ボックスの上下ラインが消えてしまうことについてですが、こちらは仕様となっております。他にもPCとモバイルで装飾を変更している箇所があるので、よかったらスマホから閲覧のうえご確認くださいませ。

はじめまして。ご連絡ありがとうございます。お返事が大変遅くなり申し訳ありません。「ユートピア」のフォームデザインについてです。
こちらですが、デザインを適用するには<form>以外に<input><textarea>などの要素にもクラス名を追加する必要があります。(言葉足らずのFAQですみません!)

件のデザインですと、名前欄とメッセージ欄にclass="enter"、送信ボタンと削除ボタンにclass="button"を追加すれば解決できるかと思いますので、どうぞお試しくださいませ。

はじめまして。ご連絡ありがとうございます。お返事が大変遅くなり申し訳ありません。
お問い合わせいただいた「オールドフラワー」のzipファイルですが、リンクするファイルを間違えて掲載しておりました。修正したファイルをアップロードしておりますので配布ページより再度ダウンロードいただけますと幸いです。ご迷惑をおかけいたしました。

はじめまして、ご連絡ありがとうございます。お返事が大変遅くなり申し訳ありません。
お問い合わせいただいた、フォレストプラスでの使用についてです。使用自体は不可能ではないと思いますが、フォレストプラスではHEADが5000字までしか入力できないため、おそらく大幅な改変が必要になります。
かなり手間のかかる作業になると思うので、初めてサイト作成される方には個人的にあまりおすすめできません……お力になれず申し訳ないです。

はじめまして。ご連絡ありがとうございます。
お問い合わせの「monodrama」の余白ですが、こちらはCSSのpaddingとmarginの値で調整が可能です。
PC:/* 余白、基本リンク色設定 */真下にある、.wrapのpaddingの値
モバイル:CSSの最後の方の/* モバイル用CSS */以下の.wrapのmarginの値
↑の10vhの部分を5vhにしたり20pxにしたり、お好みで調整してみてくださいませ。

お問い合わせ返信

23/06/24

はじめまして。ご連絡ありがとうございます。ご感想も添えていただきありがとうございました!
realizeのモバイル版メニューについてですが、こちらは上部固定ではなく左上のMENUをタップすると開く仕様になっております。(配布コードのモバイル版メニュー用トリガーは、この「MENU」部分を表示するのに必要なHTMLタグです)

まずは、MENUボタンの表示がされているかどうかご確認いただき、もし上手く表示されていないようでしたら、お手数ですが再度ご連絡くださいませ。

はじめまして、ご連絡ありがとうございます。
お問い合わせのmonodramaのアイコンについてです。
ご利用サービスについて記載がなかったため詳しい状況が分かりかねますが、クロスドメインの関係でCSSのmask-imageが表示されていない可能性があります。ヘッダーの疑似要素まわりのコードを以下に書き換えてお試しいただけますでしょうか?

こちらのコードでも上手く表示されない場合は、お使いの端末・OS・ブラウザ・サービスなどお書き添えのうえ再度ご連絡いただけますと幸いです。

テンプレート+1

23/06/21

「daybreak」

ファビコンはもうちょっと日が昇ってます。

コード訂正と返信

23/06/18

先日アップした「緩衝溶液」のコードにミスがありましたので訂正しております。→「緩衝溶液」配布ページ

感想メールもありがとうございました!以下、お問い合わせへの返信です。

はじめまして。ご連絡ありがとうございます。お問い合わせいただいた、realizeのメニュートリガーについてです。
CSSを変更されていないとのことでしたので、jQueryの記述に原因があるかもしれません。こちらのデザインはモバイル用メニューリンクの表示をjQueryで操作しているため、
・headの<script src="~">で始まる行
・bodyの<!-- jQuery -->内のif(window.matchMedia~)で始まる行
以上のコードが記述されているかどうか再度ご確認いただけますでしょうか?
作成時の意図としては、jQueryが無効の場合に押せないボタンだけが表示されるのを防止しようとした……のですが、かえって面倒な仕様になってしまい申し訳ないです。

jQueryを読み込んでも表示されない場合はお手数ですが、お使いのサービス・ブラウザなどを添えて再度ご連絡くださいませ。

テンプレート+1

23/05/31

「終夜」

久しぶりの黒背景でした。

リメイク+1

23/05/26

「緩衝溶液」

以前作成したものを作り直しました。ファイル名(URL)を同じにしてしまったので、上手く表示されない場合はキャッシュ消去をお願いいたします。

感想メールや解決メールも受信しております。あたたかいメッセージをありがとうございました!


【追記】閉鎖されたお題サイトからお借りしていたタイトルを差し替えています。長い間ありがとうございました。

テンプレート+1

23/04/15

「ONE ROOM」

ログを見たらほぼ一年ぶりでした。

お問い合わせ返信

22/03/29

大変お待たせしました。お褒めの言葉を添えてくださった方もありがとうございました!

はじめまして。ご連絡ありがとうございます。お返事が大変遅くなり申し訳ありません。ご質問いただいた一次創作サイトでのご利用についてです。

・有償依頼サイトへの誘導について
別サイトへの誘導は問題ありませんのでご自由にどうぞ!有償作品のサンプルなどがある場合は、それを含めて別サイトに掲載していただけると幸いです。

・一次創作の同人誌の自家通販について
こちらに関しては部数や価格設定によるかな、と考えております。ちょっと難しい部分ではあるのですが、印刷費などを差し引いて大幅な黒字が見込まれるようでしたら、有償依頼と同様に他サイトへの誘導などでご対応いただければと思います。

はじめまして。ご連絡ありがとうございます。お返事が大変遅くなり申し訳ありません。お問い合わせいただいた「ボーダーライン」のヘッダー画像についてです。
CSSの値をbackground:url('URL') center / contain no-repeat #0000にすれば、画像全体を表示かつ繰り返しなしで表示させることが可能です。
no-repeatさえあれば繰り返し表示が解除されますので、あとはスラッシュ前後の値を変更してサイズや位置などをお好みで調整してくださいませ。

はじめまして。ご連絡ありがとうございます。お問い合わせいただいた「realize」のWordPressでの表示についてです。
仕様上はスマホからも見られるようになっているはずなので、もしかすると配布コード以外のCSSが影響しているかもしれません。開発者ツールなどを使って、該当要素を非表示にするCSSがないかどうかご確認くださいませ。

はじめまして。ご連絡ありがとうございます。
お問い合わせいただいた画像設定の方法ですが、配布コードのurl('○○画像URL')と書かれた箇所に画像URLの独自タグを貼り付けると画像が表示されるようになります。
たいていのサイトでは画像の独自タグと画像URLの独自タグがあると思うので、設定したい画像のURLの方のタグをコピペしてお試しくださいませ。

お問い合わせ返信

22/02/04

再びのご連絡ありがとうございます。前回お問い合わせの空白については解決されたようで何よりです。こちらですが、もし差し支えなければ原因についてお教えいただくことはできますでしょうか?他にも同じ状況の方がいらっしゃった際に共有させていただきたいと考えております。(お手数だったらスルーしていただいて大丈夫です)

さて、今回のお問い合わせのフォント指定についてです。headを丸々コピペでも反映されないということですと、htmlの方に原因があるかもしれません。いずれのページでも、配布コードをそのまま使う場合は、ナビゲーションのタグが<header>~</header>で囲まれている必要があるので、そのあたりのタグの構造を再度ご確認くださいませ。
もう一点のYahooブラウザーでのコピペ時に文字化けが発生する件ですが、こちらはおっしゃる通りブラウザの仕様のようで、原因・対処法ともに分からない状態です。配布コードをコピーされる際は別のブラウザをご利用いただくなどしてご対応いただければと思います。

追記

(前回追記せず更新しておりました……申し訳ありません)ご丁寧なお返事をありがとうございました!また何かお分かりになりましたら是非教えていただけると助かります。

お問い合わせ返信

23/01/06

毎度お持たせしてしまってすみません!今年もよろしくお願いいたします。

再びのご連絡ありがとうございます。お返事が大変遅くなり申し訳ないです。メールフォームについては無事に実装できたようで何よりです。
画面下の余白についてですが、①CSSで.contentsWrapのmarginの値を調整するか、②.box:last-of-type{margin-bottom: 0;}を追加して最後の下余白を削除するか、③bodyのmin-height:100vh;を削除するかで改善できるかもしれません。いずれかの方法をお試しくださいませ。
XRIAのリンクに関しては、「通常ページ」として作成したページでは表示されないと思うのですが、何か別の機能ページにメールフォームを設置されているということでしょうか?(いずれにせよ、無料サービスを使用する以上は削除できないものかと思います……)

以上です。推測込みのふわっとした回答で恐縮ですが、解決に近づけば幸いです。

はじめまして。ご連絡ありがとうございます。
ユートピアの画像についてですが、私の方で確認したところ問題なく表示されたため、申し訳ありませんが原因が分かりかねます。
・画像URLの記述に漏れがないか
(戻るリンクとモバイル版の四角はそれぞれ#backと.headerContents::beforeで別に設定しています)
・独自タグが画像URLのタグ(#imgurl~で始まるタグ)になっているか
などを再度ご確認くださいませ。

はじめまして。ご連絡ありがとうございます。
お問い合わせいただいた、ユートピアの長編画像についてです。こちらは.longList li::beforeのwidthとheightに同じ数値を指定することで真四角に固定することが可能です。(min-height:10vh;は削除してしまって大丈夫です)
PCとスマホで大きさを変えたい場合はスマホ用のCSSも合わせて編集してみていただければと思います。

はじめまして。ご連絡ありがとうございます。
お問い合わせいただいた、spaceの長編バナーの消し方についてです。こちらですが、お送りいただいた方法(長編バナーのimg要素を削除)には特に問題はありませんでした。もしかすると閉じタグに過不足があるかもしれませんので、そのあたりを再度ご確認いただければと思います。
検証に使用したコードを掲載しますので、以下のコードでも上手く表示されない場合は、お手数ですが再度ご連絡くださいませ。

はじめまして。ご連絡ありがとうございます。
お問い合わせいただいた、ムーンライトのコンテンツ間が広くなる件についてです。
こちらですが、私の環境では同様の状況を再現することができませんでした。同じコードを記載されているとのことですが、まったく同じHTMLでも広くなったり狭くなったりするということでしょうか?
実際のコードが分からないので確実な原因が思いつかないのですが、もしかすると配布コード以外のCSSが影響しているかもしれません。デフォルトCSSを無効にしたり、共通headにCSSがあればそちらを削除したりといった方法をお試しいただき、再度ご確認いただければと思います。

お問い合わせ返信

22/11/25

(追記)FAQページができました!

はじめまして、ご連絡ありがとうございます。
お問い合わせいただいた、noiseのメニュー間の余白についてです。メニューの縦間隔は.mainNav liのmargin-bottom: 1em;の値で調整できますので、こちらの数値を変更してみていただければと思います。
※モバイル版表示での余白が狭くなりすぎる場合は、モバイル用CSSの.mainNav liにmargin-right: 1em;を書き加えてください。
【28日追記】正しくはmargin-rightではなくmargin-bottomでした。蛇足で誤った情報をお伝えしてすみません!

はじめまして。ご連絡ありがとうございます。
お問い合わせのユートピアのモバイル版の画像についてです。モバイル版のトップ画像はコードの下部にある/* ↓トップの四角 */真下の.headerContents::beforeの部分で設定しているので、こちらのbackground-imageに背景が設定されているかどうかを再度ご確認いただけますでしょうか?
上記の設定+キャッシュ消去などをお試しいただいても上手く表示されない場合は、CSSの変更点などを添えて再度ご連絡くださいませ。

はじめまして。ご連絡ありがとうございます。
お問い合わせいただいたrealizeの五角形画像についてです。私の方でもwin10のchromeで確認しましたが問題なく表示されたため、詳しい原因が分かりかねます……。(画像のURLやパスの誤りがないかは一応ご確認ください)
また画像について「Chromeだと表示されないことがあるとなっていた」とのことですが、どういう場合についての記述なのか見当がつかないので、直し方についてもパッとは思いつかないです。お力になれず申し訳ありません。

お問い合わせ返信

22/11/06

はじめまして、ご連絡ありがとうございます。お返事が大変遅くなり申し訳ありません。
お問い合わせのメールフォームですが、以下の手順で実装することができます。(長いので箇条書きにて失礼いたします)
※(任意)の項目は見た目の調整なので飛ばしても大丈夫です。
※XRIAで検証したコードです。

①メールフォーム機能の編集
・名前と本文以外の項目を「入力任意」に設定する
※配布コードには名前と本文の入力欄しか設けていないので、その他の項目を入力必須にしてしまうとエラーが発生します。
・(任意)メールフォーム機能に配布のCSSを適用させる
・(任意)送信完了画面のレイアウトを編集する


②インフォページの編集
・配布コードのbody(info)内<!-- メールフォーム(ダミー) -->の中身を以下に書き換える。

以上になります。恐らくXRIAと同じコードで動くと思うのですが、もし上手く動かない場合は再度ご連絡くださいませ。

お問い合わせ返信

22/09/24

はじめまして、ご連絡ありがとうございます。
お問い合わせいただいたスパンコールの背景画像についてですが、私の環境では同様の現象が再現できませんでした。キャッシュ消去で表示されなければ、PC用とモバイル用のCSSの両方に画像が設定されているかどうかご確認いただけますでしょうか?(面倒な仕様で大変申し訳ないのですが、初期に作ったデザインはPC用とモバイル用でCSSが完全に分かれており、それぞれで画像を設定する必要があります)
すべての画像URLが指定されていても反映されない場合は、お使いの端末やブラウザなどを添えて再度ご連絡いただけますと幸いです。

はじめまして。ご連絡ありがとうございます。
お問い合わせの件ですが、恐らくメール機能の送信項目設定でタイトルが入力必須になっているのが原因だと思います。「名前」「メッセージ入力欄」以外の項目を入力自由に設定すれば送信できると思いますので、再度お試しくださいませ。

お問い合わせ返信

22/08/30

感想メールや解決メールもありがとうございました!

はじめまして、ご連絡ありがとうございます。配布デザインを複数お使いいただけたとのことで嬉しいです!
「Blurred Sky」でfc2のフッターが隠れてしまう件についてです。サイトを拝見して確認したところ、高さ100%で固定表示しているヘッダーが、フッターの上に重なっていることが原因のようです。
解決方法としては、ヘッダーの高さを縮めて下部に余白を作ることで、フッターを隠さずに表示できるようになります。この方法ではヘッダー全体が若干上寄りになるので、気になる場合はヘッダーに余白を設けるなど微調整してください。(CSSで#fc2_footerにposition: absolute;とz-index:3;を指定すればもっと簡単に解決するのですが、編集不可との規約に抵触しそうなのであまりおすすめはできません)


CSSの編集箇所はこんな感じです。※変更部分のみ記載しています。

body {
    background: #ffffff;
    ↓
    background: linear-gradient(#fff calc(100vh - 60px) ,#bdcedd calc(100vh - 60px)) fixed;
}

.mainHeader {
    height: 100vh;
    background: #ffffff;
    ↓
    height: calc(100vh - 60px);
    background: url('ビル画像URL') left 50% top 100% / 2000px 35% no-repeat #fff;
}

.mainHeader::before {~} →全削除

以上になります。PCサイトをお持ちでしたのでサクッとお答えさせていただきましたが、分かりにくい点や不具合などがありましたら再度ご連絡くださいませ。

08/30追記

ご返信ありがとうございます。画像表示につきまして確認不足で失礼いたしました……。
.mainHeaderのbackbground部分をtop 100%→bottom -120pxに変更できちんと表示されました。たびたびお手数ですが、どうぞお試しくださいませ。

はじめまして、ご連絡ありがとうございます。配布テンプレートのWordPressでの使用についてです。
規約的にはもちろんOKで、技術的にも可能だとは思うのですが、詳しい使い方についてはちょっと分かりません……お力になれず申し訳ないです。

はじめまして、ご連絡ありがとうございます。お問い合わせいただいた、テンプレートの文字化けについてです。
こちらですが、お送りいただいたコード自体には特に問題がないように見えました。文字化けの詳細が分からないので推測が入りますが、もしかするとhtmlファイルのテキストエンコードが原因かもしれません。
PCのテキストエディタで編集されている場合は、最初に保存する際に文字コードがUTF-8になっているかご確認ください。また、モバイル用サービスをお使いの場合は、各ファイルのcharset="UTF-8"が含まれる行を削除して、文字コードの指定を解除すればきちんと表示される可能性もあります。いずれかの方法をお試しいただければと思います。
解決しないようでしたらお手数ですが、文字化けの様子やお使いのテキストエディタなどをお書き添えのうえ、再度ご連絡くださいませ。

お問い合わせ返信

22/07/03

はじめまして、ご連絡ありがとうございます。お返事が大変遅くなり申し訳ありません。ご感想も添えていただきありがとうございました!
【メニューボタンの表示について】
編集なしでのコピペでも表示されないということですと、自動改行(改行を<br>にして表示)が有効になっているなどの理由でjQueryが作動していない可能性があります。
①自動改行をオフにするまたは②jQuery内の改行を削除することで解決できるかもしれませんので、いずれかの方法をお試しくださいませ。(検証に使用した②のコードを以下に記載しますので、よかったらコピペでお使いください↓)


【メールフォームのコードについて】
長くなってしまったので箇条書きで失礼します。(必須)以外の箇所は見た目の調整なので、飛ばしても動作的には問題ありません。

①インフォページの編集
・配布コードのbody(info)内<!-- メールフォーム(ダミー) -->の中身を以下に書き換える。(必須)

・CSSに以下のコードを追加する
※場所は/* フォーム関連 */の近くだと分かりやすいです。


②メールフォーム機能の編集
・入力項目が3つ以上ある場合は、3つ目以降の必須入力を「任意」に設定する。(必須)
※配布コードには入力欄が2つしかないので、3つ以上の項目が入力必須になっているとエラーになります。
※正確には「作成した順に2つ」なので、順番の並び替えなどを行っていて作成順が不明な場合は新しく機能を作成された方がいいかもしれません。
・メールフォーム機能にrealizeのCSSを適用させる。
・送信完了画面のレイアウトを編集する。

長くなりましたが以上になります。ご不明な点がありましたら、お手数ですが再度ご連絡くださいませ。

配布コード修正のお知らせ

22/05/23

先日アップした「space」のコードにミスがありましたので訂正いたします。
このテンプレートではログページの追記の開閉リンクにidを指定していましたが、こちらはclassの誤りでした。(idを使用してしまうと、同ページに複数の追記記事がある際に、一つ目の記事しか開閉しなくなります)
配布ページのコードはすべて正しいものに変更しております。本日以前にお持ち帰りの方は、大変お手数ですが以下の二か所を修正してご利用くださいませ。ご迷惑をお掛けして申し訳ありません。


【jQuery(head)】
$('#click').on(~

$('.click').on(~


【html(body(log))】
<a id="click">more</a>

<a class="click">more</a>

テンプレート+1

22/04/29

「space」

シンプルすぎてタイトルに悩みました。

テンプレート+1

22/02/13

「realize」

うっかりしててフッターをつけ忘れました。