-
検索結果
-
.base-image { position: relative; /* 親要素を相対配置にする */ display: block; /* ブロック要素として表示 */ }は、必要ないので削除してください。
Who liked:
こんにちは。
方法はいろいろあると思いますが、画像ブロック5つの場合
まず、5つの画像ブロック全部をグループブロック化します。
その上で、カスタマイザーの追加CSSを以下のように変更してみてください。.overlay-image1, .overlay-image2, .overlay-image3, .overlay-image4 { position: absolute; width: 12%; height: 20%; z-index: 1; margin-top: 0 !important; } .overlay-image1 { top: 100px; left: 100px; } .overlay-image2 { top: 0; right: 0; } .overlay-image3 { bottom: 0; left: 0; } .overlay-image4 { bottom: 0; right: 0; } .overlay-image1 img, .overlay-image2 img, .overlay-image3 img, .overlay-image4 img { width: 100%; /* 画像を要素の幅に合わせる */ height: 100%; /* 画像を要素の高さに合わせる */ object-fit: cover; /* 画像をブロックに合わせて表示 */ }画像の位置やサイズは、お好みで調整してください。
サンプルページ
Who liked:
すみません。
jsに下記コードを追加することで自己解決しました。
document.addEventListener(‘DOMContentLoaded’,function(){
const attachmentEl = document.querySelector(‘input[type=”file”]’);if(attachmentEl){
attachmentEl.setAttribute(‘accept’, ‘image/png, image/jpeg, .pdf, image/jpg’);
}
}Who liked:
URLは、本投稿を鍵付きにしてから送りたいのですが可能でしょうか。（鍵付き機能があるのかは不明ですが・・・）
サブスクリプションのプランがプロプランであるか、プライベートトピックチケットをお持ちであれば、一般には閲覧できないプライベートトピックを立てることができます。
並べ方は画像の通りに配置したいです。
これは PC のときの想定かなと思うのですが、タブレット、スマホのサイズになったときはどういう想定でしょうか？
セクション（背景画像）ブロックや、カバーブロックを使うと、デバイスの大きさが変わると見切れてしまうので、利用しない予定です。（もちろん試しましたがうまくいきませんでした）
セクション（背景画像）ブロック、カバーブロックの背景画像は描画エリア全体を背景画像で覆い尽くすようになっているので、画像をそのまま表示したい場合は不向きかなと思います。
Snow Monkey Blocks であればグリッドブロックを使う方法もありますが、ぴっちり位置合わせしたい場合はやはり CSS を使うしか無いのかなと思います。CSS を使う場合はブロック側で位置合わせの CSS があると干渉してやりにくいので、グループブロックの中に5つの画像ブロックを入れて、それぞれにクラスを追加して、そのクラスに対して CSS を書くのが良いと思います。
あるいは、画像をばらばらにしないで1枚の画像にしてしまって、下記のようなプラグインで PC・タブレット・スマホで画像を出し分けるのもありかもしれません。
Who liked:こんにちは。
FROM（メールアドレス）に、@gmail.com のメールアドレスを指定しているのが原因だと思います。
“From” gmail.com であると主張するメールが全然違うサーバー（takatakapo.com）から送られているので、スパム判定されています。
FROM（メールアドレス）を空にするか、xxxx@takatakapo.com のようなサイトと同じドメインのメールアドレスを指定してください。
まとめると、
FROM（メールアドレス）は、サイトと同じドメインのメールアドレスを指定します。
REPLY-TO（メールアドレス）は、通常は空にしておいてもよいのですが、今回のように“From”（送信元のドメイン）と違うドメイン（gmail.com）のメールアドレスで返信を受け取りたい場合に使用します。Who liked:
僕の環境で、同じコードを追加して試してみたところ、正しく反映されているように見えました。
Autoptimize を使われているようですが、それを無効化してみると変化があったりしますかね？
Who liked: No user
