[
menu
][
解除
]
[
更新
][
help
]
[
次頁
]
Accept or Deny
DeclineAccept
検索:
.searchwp-modal-form { display: none; } .searchwp-modal-form.is-open { display: block; } /* ************************************ * * 1) Overlay and container positioning * ************************************ */ .searchwp-modal-form-default .searchwp-modal-form__overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; z-index: 9999990; } .searchwp-modal-form-default .searchwp-modal-form__container { width: 100%; max-width: 500px; max-height: 100vh; } .searchwp-modal-form-default .searchwp-modal-form__content { overflow-y: auto; box-sizing: border-box; position: relative; z-index: 9999998; } .searchwp-modal-form-default .searchwp-modal-form__close { display: block; } .searchwp-modal-form-default .searchwp-modal-form__close:before { content: "\00d7"; } /* ************************************** * * 2) WordPress search form customization * ************************************** */ .searchwp-modal-form-default .searchwp-modal-form__overlay { background: rgba(45, 45, 45 ,0.6); } .searchwp-modal-form-default .searchwp-modal-form__content { background-color: #fff; padding: 2em; border-radius: 2px; } .searchwp-modal-form-default .searchwp-modal-form__content .search-form { display: flex; align-items: center; justify-content: center; } .searchwp-modal-form-default .searchwp-modal-form__content .search-form label { flex: 1; padding-right: 0.75em; /* This may cause issues depending on your theme styles. */ /* Some common resets */ float: none; margin: 0; width: auto; } .searchwp-modal-form-default .searchwp-modal-form__content .search-form label input { display: block; width: 100%; margin-left: 0.75em; /* Some common resets */ float: none; margin: 0; } .searchwp-modal-form-default .searchwp-modal-form__footer { padding-top: 1em; } .searchwp-modal-form-default .searchwp-modal-form__close { line-height: 1em; background: transparent; padding: 0.4em 0.5em; border: 0; margin: 0 auto; } .searchwp-modal-form-default .searchwp-modal-form__close:before { font-size: 2em; } /* ****************************************** * * 3) Animation and display interaction setup * ***************************************** */ @keyframes searchwpModalFadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes searchwpMod
[
次頁
](30 p)
参考
↓Nogateでパラメータ化されたURL
[
http://freeside.skr.jp/cgi/nogate/n.cgi?MoN=g&UoN=freeside%2Eskr%2Ejp%2Fwordpress%2F
]
[
imode型ポップアップ表示
]
コピーアンドペーストして上記のようにHTMLのA linkパラメータに使用すればimode用ページアドレスとして使えます.
（化けているわけではありません:ｐ）
また、imode型ポップアップ表示の際、
川原 千種
さんのiModeSSを使用させて頂いております。