今日:1 hit、昨日:0 hit、合計:209 hit
CSS
占いツクールで画像を使用するには、画像をアップロードする・画像申請する。
この二つの方法があります。
しかし、アップロードは一定期間経過すると画像が表示されなくなる恐れがあり、画像申請は申請が通るまでに時間がかかる／画像申請をするとURLが公開されるため、申請者以外の人も簡単に画像が利用できてしまう（再配布になる可能性がある）／一度公開された画像URLは消去できないといったデメリットがあります。
再配布が禁止されている画像を画像申請すると再配布になる可能性があり、かといってアップロードすると、画像が表示されなくなった時に面倒……ということで、Dropboxに画像をアップロードして使用する方法を紹介します。
やり方を覚えるまでは多少手間がかかりますが、画像が勝手に消える心配がない、他の人に画像URLが公開されない、自分の意思で画像を削除できるなどの利点があります。
※先にDropboxのアカウントを取得する必要があります。Dropboxには無料プラン・有料プランがあり、無料プランでは2GBの容量が使用できます。CSSに使用する画像は大きくても1MBくらいかと思うので、プランは無料でも十分です。(1GB=1024MBです)
ただし、「カメラアップロード」をオンにすると、端末に保存している画像がすべてDropboxに保存され、容量を大幅に食うので、カメラアップロードはオフにすることを推奨します。
�＿菫�をDropboxにアップロードする
「作成」をタップ
↓
「写真をアップロード」をタップ。アップロードしたい写真を選ぶ。
↓
アップロードした画像が追加される
（今回はこちらの画像を使ってます）
�▲螢鵐�を取得
アップロードした画像の右端に表示されている「…」のボタンをタップ
↓
「共有」→「リンクをコピー」をタップ
��リンクの書き換え
� ↓△亮蟒腓鯑Г爐函◆�https://www.dropbox.com/s/〜〜?dl=0』（〜〜の間には適当な英数字の羅列が入ります）といったリンクがコピーできます。
このままリンクを貼っても画像は表示されないので、リンクを一部書き換える必要があります。
・“www.dropbox.com”を“dl.dropboxusercontent.com”に書き換える。
・最後の“?dl=0”を削除する。
（この書き換えがわかりづらい場合は「Dropbox 直リンク」で検索してください）
初めに取得した
『https://www.dropbox.com/s/〜〜?dl=0』
が
『https://dl.dropboxusercontent.com/s/〜〜』
という形になりました。
これで占いツクール内でも画像が表示されるようになります。
ページ内に画像を表示させたい時は（image:https://dl.dropboxusercontent.com/s/〜〜）、
CSSに組み込む場合は、background-image:url(https://dl.dropboxusercontent.com/s/〜〜)でコードを書き換えてください。
ここまでアプリからの手順で説明しましたが、画像の取り込み→リンク取得→リンクの書き換えをすればパソコンからでも同様のことができます。
手順に沿ったのに画像が表示されない、という場合はリンクの書き換えにミスがないかよくお確かめください。
この二つの方法があります。
しかし、アップロードは一定期間経過すると画像が表示されなくなる恐れがあり、画像申請は申請が通るまでに時間がかかる／画像申請をするとURLが公開されるため、申請者以外の人も簡単に画像が利用できてしまう（再配布になる可能性がある）／一度公開された画像URLは消去できないといったデメリットがあります。
再配布が禁止されている画像を画像申請すると再配布になる可能性があり、かといってアップロードすると、画像が表示されなくなった時に面倒……ということで、Dropboxに画像をアップロードして使用する方法を紹介します。
やり方を覚えるまでは多少手間がかかりますが、画像が勝手に消える心配がない、他の人に画像URLが公開されない、自分の意思で画像を削除できるなどの利点があります。
※先にDropboxのアカウントを取得する必要があります。Dropboxには無料プラン・有料プランがあり、無料プランでは2GBの容量が使用できます。CSSに使用する画像は大きくても1MBくらいかと思うので、プランは無料でも十分です。(1GB=1024MBです)
ただし、「カメラアップロード」をオンにすると、端末に保存している画像がすべてDropboxに保存され、容量を大幅に食うので、カメラアップロードはオフにすることを推奨します。
�＿菫�をDropboxにアップロードする
「作成」をタップ
↓
「写真をアップロード」をタップ。アップロードしたい写真を選ぶ。
↓
アップロードした画像が追加される
（今回はこちらの画像を使ってます）
�▲螢鵐�を取得
アップロードした画像の右端に表示されている「…」のボタンをタップ
↓
「共有」→「リンクをコピー」をタップ
��リンクの書き換え
� ↓△亮蟒腓鯑Г爐函◆�https://www.dropbox.com/s/〜〜?dl=0』（〜〜の間には適当な英数字の羅列が入ります）といったリンクがコピーできます。
このままリンクを貼っても画像は表示されないので、リンクを一部書き換える必要があります。
・“www.dropbox.com”を“dl.dropboxusercontent.com”に書き換える。
・最後の“?dl=0”を削除する。
（この書き換えがわかりづらい場合は「Dropbox 直リンク」で検索してください）
初めに取得した
『https://www.dropbox.com/s/〜〜?dl=0』
が
『https://dl.dropboxusercontent.com/s/〜〜』
という形になりました。
これで占いツクール内でも画像が表示されるようになります。
ページ内に画像を表示させたい時は（image:https://dl.dropboxusercontent.com/s/〜〜）、
CSSに組み込む場合は、background-image:url(https://dl.dropboxusercontent.com/s/〜〜)でコードを書き換えてください。
ここまでアプリからの手順で説明しましたが、画像の取り込み→リンク取得→リンクの書き換えをすればパソコンからでも同様のことができます。
手順に沿ったのに画像が表示されない、という場合はリンクの書き換えにミスがないかよくお確かめください。
このホムペをお気に入り追加
登録すれば後で更新された順に見れます 6人がお気に入り
お気に入り作者に追加
違反報告 - ルール違反の作品はココから報告
作品は全て携帯でも見れます
同じような占いを簡単に作れます → 作成
作者名：CSS配布用 | 作成日時：2021年5月21日 20時
