HTML/CSS のどんな質問にも優しく答えるスレ 52 (902レス)
1-

254: 2023/11/13(月)19:45 ID:??? AAS
Shopify は?
月5千円〜1万円

Shopifyのカスタマイズ用言語は、Ruby 製のLiquid だけど、
これもRuby on Rails のirb で、HTML を作っていれば、何となく分かる

命令文は、{% 〜 %}
表示部分はヒゲ、{{ 〜 }}

<h1>{{ collection.title }}</h1>

{% for product in collection.products %}
<p>{{ product.title }}</p>
{% endfor %}
255: 2023/11/13(月)20:08 ID:??? AAS
ルビキチ死ね
256: 2023/11/13(月)20:27 ID:??? AAS
>>250
これはやるべきだな
257: 2023/11/13(月)21:21 ID:??? AAS
ありがとうございます。カラーミーが月3,000円でカート機能的に十二分なので、「どこでもカラーミー」って奴を用いて新規サイトにカートを貼り付けて対応しようかなと今思ってます。カートから従来のカラーミートップへ飛ばないようにする&新規TOPに飛ばしてみたいな…愚策ですかね…(T . T)
258
(5): 2023/11/14(火)16:21 ID:gKDaMAaV(1) AAS
すみません!CSSでどうも上手くいかないので質問させてください

同じ位置に、複数のテキストを順番にフェードイン・フェードアウトさせて、
最後に画像をフェードインさせて固定させたいのですが、どうすれば良いでしょうか?
259
(1): 2023/11/14(火)16:26 ID:??? AAS
jQueryやな
260
(1): 2023/11/14(火)16:45 ID:??? AAS
同じ位置に重ねてテキスト(複数)と画像を設定
一番最初
animation-duration:1s;
animation-delay: 0s;
二番目
animation-duration:1s;
animation-delay: 1s;
三番目
animation-duration:1s;
animation-delay: 2s;
省1
261
(1): 2023/11/14(火)17:09 ID:??? AAS
>>259
CSSだけじゃ厳しいですか?

>>260
ありがとうございます!
よろしければですが、同位置に表示させる方法を教えていただけないでしょうか‥‥
なおレスポンシブなページなので相対的に指定しなければいけません
262: 258 2023/11/14(火)17:14 ID:??? AAS
あ、ID出ないのですねこの板
私は>>258,261です。
テキストと図形を表示させる位置はdivのセンターです
263
(1): 2023/11/14(火)17:17 ID:??? AAS
Gridで重ねてもいいし、position:absoluteで重ねてもいいよ
264: 258 2023/11/14(火)17:27 ID:??? AAS
>>263
ヒントありがとうございます!やってみます
265: 258 2023/11/14(火)17:57 ID:??? AAS
動きと表示位置については、何とか出来ました!
ただ、#ffffffの文字なのに真っ白にならないんです
#ffffffになるのはほんの一瞬だからでしょうか?
アニメーションのopacity: 1になる間の秒数って設定出来ないでしょうか?
266: 258 2023/11/14(火)18:02 ID:??? AAS
何度も申し訳ありません。
ease-in-outやらcubic-bazie()やら色々試してみましたが、ダメでした
アニメのタイミングの問題ではないのかもしれません
画像はちゃんと真っ白になるんだけどなあ
難しいですね‥‥
267
(1): 2023/11/14(火)18:07 ID:??? AAS
@keyframes fade {
0% {
opacity:0;
}
70% {
opacity:1.0;
}
80% {
opacity:1.0;
}
省8
268: 258 2023/11/14(火)18:23 ID:??? AAS
>>267
なんとこんな技が!!
本当にありがとうございます😭
自分もいつか他の人に恩返し出来るよう頑張ります!
269: 2023/11/15(水)09:52 ID:??? AAS
他人に恩返しすんな
270: 2023/11/16(木)02:02 ID:??? AAS
最後まで頭が残念な子だったな
271: 2023/11/29(水)23:10 ID:??? AAS
:local-linkって知ってた?
これ使えばメニューなどでcurrentの効果をCSSだけで簡単に作れるよね?
272: 2023/11/30(木)02:26 ID:??? AAS
ブラウザが対応すれば
273: 2023/12/02(土)03:30 ID:??? AAS
他人に恩返し、良いじゃん
中国では大金持ちに助けてもらって自分が成功した場合、また他の貧しい者を救えって考えがある

受けた恩を本人へ返せるならごもっともだけど、世界規模で見たらとても良い考えだと思うよ

共産思想だのマルクス主義自体は好きじゃないけどね
1-
あと 629 レスあります
スレ情報 赤レス抽出 画像レス抽出 歴の未読スレ AAサムネイル

ぬこの手 ぬこTOP 0.011s