このサイトは1ヶ月 (30日) 以上ログインされていません。 サイト管理者の方は
こちら
からログインすると、この広告を消すことができます。
×
マイページ
プロフィール
更新履歴
本棚
なりきりトーク
コメント返信
ダイレクトメッセージ
お問い合わせ
スキのコメント返信
>名前変換のデザインについてご返信いただいたユーザー様
2019
01
15
11:58
ご返信ありがとうございます。
今回ご相談いただいたデザインですが、
「名前変換ボタンを押してフォームが出るのではなく、本棚にフォームを貼り付けたい」
というのは、タップで開くのではなく、最初から開いた状態で表示するという意味で宜しいでしょうか?
下記に、そちらのイメージでCSSをご用意いたしましたので、必要箇所(赤文字で表示している色指定部分)を編集の上、ご利用ください。
なお、こちらは
本棚の自由入力設定
に直接記載されることをお勧めしております。
「<style>」と「</style>」を削除して、マイテーマのCSS編集に記載していただくことも可能ですが、
同じマイテーマを小説にも着せてしまった場合、小説内の名前変換設定にも影響が出ますので、
マイテーマのCSS編集で設定する場合は、本棚用に一つマイテーマをご作成いただきますようお願い致します。
※なお、クリアボタンを非表示にした場合、読み手の方が設定をデフォルトに戻したいと思った際、
全ての名前を空欄にしなければいけなくなりますので、読み手目線では使い勝手が悪くなってしまいますことを予めご了承くださいませ。
<style>
/*最初から開いて夢小説設定を表示*/
.toggle_child {
display: inline;
}
/*夢小説設定の見出し非表示*/
.dream_settings h3 {
display: none;
}
/*夢小説設定の見出し非表示による表示崩れ調整*/
.dream_settings .accordion {
padding: 0 0px 20px;
}
/*クリアボタンの削除*/
button.btn.btn_small.js__dream_clear {
display: none;
}
/*ボタンのデザイン*/
button.btn, .btn {
/*文字色カラーコード*/
color:
#000000
;
/*枠の色のカラーコード(1px solidは消さないでください)*/
border: 1px solid
#000000
;
/*背景色のカラーコード*/
background:
#ffffff
;
}
</style>
また何かございましたら、お気軽にお問い合わせください!
2019/01/14 19:39
コメント返信TOP
読者登録
このサイトの読者登録を行います。
読者登録すると、このユーザーの更新履歴に新しい投稿があったとき、登録したアドレスにメールで通知が送られます。
ログインして読者登録
非会員で読者登録
>名前変換のデザインについてご返信いただいたユーザー様2019011511:58
今回ご相談いただいたデザインですが、
「名前変換ボタンを押してフォームが出るのではなく、本棚にフォームを貼り付けたい」
というのは、タップで開くのではなく、最初から開いた状態で表示するという意味で宜しいでしょうか?
下記に、そちらのイメージでCSSをご用意いたしましたので、必要箇所(赤文字で表示している色指定部分)を編集の上、ご利用ください。
なお、こちらは本棚の自由入力設定に直接記載されることをお勧めしております。
「<style>」と「</style>」を削除して、マイテーマのCSS編集に記載していただくことも可能ですが、
同じマイテーマを小説にも着せてしまった場合、小説内の名前変換設定にも影響が出ますので、
マイテーマのCSS編集で設定する場合は、本棚用に一つマイテーマをご作成いただきますようお願い致します。
※なお、クリアボタンを非表示にした場合、読み手の方が設定をデフォルトに戻したいと思った際、
全ての名前を空欄にしなければいけなくなりますので、読み手目線では使い勝手が悪くなってしまいますことを予めご了承くださいませ。
/*最初から開いて夢小説設定を表示*/
.toggle_child {
display: inline;
}
/*夢小説設定の見出し非表示*/
.dream_settings h3 {
display: none;
}
/*夢小説設定の見出し非表示による表示崩れ調整*/
.dream_settings .accordion {
padding: 0 0px 20px;
}
/*クリアボタンの削除*/
button.btn.btn_small.js__dream_clear {
display: none;
}
/*ボタンのデザイン*/
button.btn, .btn {
/*文字色カラーコード*/
color: #000000;
/*枠の色のカラーコード(1px solidは消さないでください)*/
border: 1px solid #000000;
/*背景色のカラーコード*/
background: #ffffff;
}
</style>
また何かございましたら、お気軽にお問い合わせください!
2019/01/14 19:39