夢乃ふわり＊CSS職人のボード
すみません こ… 2016年3月7日 22時 /突然失礼します… 2016年3月2日 2時 /突然失礼します… 2016年2月26日 23時 /背景作成の質問… 2016年2月26日 18時 /今ふと思ったん… 2016年2月24日 17時 /友達になってく… 2016年2月18日 16時 /たびたびすいま… 2016年2月17日 22時 /初めまして、こ… 2016年2月16日 19時 /ＣＯＭＭＵの背… 2016年2月14日 18時 /cssのフォント… 2016年2月6日 18時
メッセージ一覧
すみません こんにちは！失礼します
LIＮＥ風のｃｓｓを使用したく、試みたもののhttp://uranai.nosv.org/u.php/novel/Hiro09196/
お手数ですが、自分文章力がないものでそちらを拝見していただいたほうが早いのですが、なんかこう…line風にならないんです
何か原因があるんでしょうか…？
こちらでも再度確認してみますが、何かこうなってしまっている原因に思い当たる箇所があれば直すので教えていただけると幸いです！
Ａ．Ｉ (プロフ) [2016年3月7日 22時]
[固定リンク]
[違反報告・ブロック]
返事が遅くなりすみません。
現在、新機能でもっと簡単にトーク風にできるようになったので、そちらの方が使いやすいと思います。
私の作品のやり方の場合、CSSの記述はデザイン設定のCSS欄に、HTMLは本文に記述し、HTMLはセリフ一つ一つにHTMLを書き込んでいきます。
夢乃ふわり＊CSS職人 (プロフ) [2016年3月19日 22時] 1番目の返信
[違反報告・ブロック]
突然失礼します。
いつもふわり様のデザインをお借りしております。可愛らしいものからシンプルなものまでいつもありがとうございます。
ふわり様のCSS辞典を見て自分でもと思いデザインしてみたのですが、背景画像をどう変えるのかがわからず、ボードまで来た次第です。
私の言う背景画像とは、CSSを使わずとも占いツクールのサイト様がいくつか用意してくださっている場所のことです。
外部のサイトを見て試してみてもうまく行かないので教えていただけると助かります
泪 (プロフ) [2016年3月2日 2時]
[固定リンク]
[違反報告・ブロック]
背景画像を使う場合、基本はデザイン設定の一番下のURLで変わります。
画像をアップロードし、URLを入力（或いはこの画像を使う、というリンクのクリック）で変えられます。
コピペなどを使う場合は、一番下のURLを消さないと、そこのURLの画像になってしまいます。
夢乃ふわり＊CSS職人 (プロフ) [2016年3月19日 22時] 1番目の返信
[違反報告・ブロック]
突然失礼します、質問いいですか？LINEのCSSの事なのですが…私、馬鹿な者なので説明を見て少しは理解出来たのですがやはりシステムと右側、左側等がよく分からないのです…。右側等のソースコピーはどこに貼るのか、だとか…３０分ぐらい悩みましたが分かりませんでしたので御本人様に聞けばいい、そういう流れとなり今現在に至るのですが…ご返信お待ちしております。
うー！(＾ω＾) (プロフ) [2016年2月26日 23時]
[固定リンク]
[違反報告・ブロック]
返事が遅くなりすみません。
現在、新機能でもっと簡単にトーク風にできるようになったので、そちらの方が使いやすいと思います。
私の作品のやり方の場合、CSSの記述はデザイン設定のCSS欄に、HTMLは本文に記述し、HTMLはセリフ一つ一つにHTMLを書き込んでいきます。
夢乃ふわり＊CSS職人 (プロフ) [2016年3月19日 22時] 1番目の返信
[違反報告・ブロック]
背景作成の質問なのですが、「紅色をベースに、波紋を右下と左上に途切れてるように。右上と左下に鎖を同じく途切れてるようになってるのを作って」というリクをいただきました。
でも、イラログやpixivでは波紋と鎖が上手く表現できなくて……なんせマウスなもので………（そして画力が皆無）
なので、波紋や鎖を上手く表現できるお絵かきアプリなど知っていたら教えてください！ちなみにPCです。
それと、波紋や鎖のフリー素材などありましたら教えていただけませんか？
CSSと直接関係のない変な質問でごめんなさい！
零ーﾚｲー (プロフ) [2016年2月26日 18時]
[固定リンク]
[違反報告・ブロック]
すみません、遅くなりました！
私はPixabayというサイトを活用しています！
そちらに投稿されている画像は著作権フリーに近く、配布もOKなので重宝しています。
素材を探すとき、パブリックドメインやCC0というワードとスペースで区切って一緒に検索すると、著作権フリーの素材が見つかるかもしれません。
これからしばらく日本にいないので、メッセージの返信は遅れてしまうと思います。
夢乃ふわり＊CSS職人 (プロフ) [2016年3月9日 8時] 1番目の返信
[違反報告・ブロック]
今ふと思ったんですが、
fontって、画面を大きくしても問題なく、くっきり映るものが多いじゃないですか。
で、本来フォントは文字を表すためだけのものですが、一応絵を文字に対応させたフォントは作れますよね？
ってことは、自作した絵のwebフォントをcssで呼び出して、同じくcssでもじを大きくしてやれば、裏技的ではありますが今までより格段に少ない文字数で画像を表示できるのでは？
まあモノクロ限定ですが、どう思いますか？
占いのイカ (プロフ) [2016年2月24日 17時]
[固定リンク]
[違反報告・ブロック]
なるほど、その発想はありませんでした！
ただ、webフォントの設定は結構手間がかかる上に、環境によって使えないので、確実に表示することはできません。
＊デメリット1【クロスドメイン】
IEやFireFoxなどのブラウザでは、別のドメインから読み込むファイルを表示できません。
占ツクはフォントのアップロードができないので、別の場所でアップロードします。
そうすると、必然的にファイルのURLが別のドメインになり、一部のブラウザでは使えません。
＊デメリット2【ファイル拡張子】
webフォントのファイル拡張子によって、表示できる環境が変わります。
PC、iPhoneではwoffという軽くて使いやすいタイプのファイルが使えますが、Androidではttfという少し重いファイルを使います。
古いブラウザでは、さらに別のタイプのファイルが必要になるので、これだけでCSSの記述が長くなってしまうと思います。
画像を使えば大抵の場合で表示できますが、webフォントは環境に大きく左右されるのであまりお勧めはしませんね。
けれどその発想は面白いです！
夢乃ふわり＊CSS職人 (プロフ) [2016年2月26日 8時] 1番目の返信
[違反報告・ブロック]
たびたびすいません！
背景の質問なのですが、背景を一枚にすることはできませんか？
説明がへたで申し訳ありません。
今の作品は、小さな画像を敷き詰めている感じなので、継ぎ目が目立ってしまうのです。
そうではなく、背景にどーんと継ぎ目なく一枚で設定することはできますか？
零ーﾚｲー (プロフ) [2016年2月17日 22時]
[固定リンク]
[違反報告・ブロック]
可能ですよ！
例えば
http://uranai.nosv.org/u.php/novel/html_list/
の背景は繰り返さず左上に【http://uranai.nosv.org/uploader/common/0/3/c/03c4e238191b6dfaedbe587ef6b601ca.jpg】という画像を指定しています。
body{
background-color:#FFFFFF;
background-image:url(http://uranai.nosv.org/uploader/common/0/3/c/03c4e238191b6dfaedbe587ef6b601ca.jpg);
background-repeat:no-repeat;
background-position:top left;
}
でこのようになっています。
＊詳しい方法
・画像を繰り返さない
background-repeat:no-repeat;
・画像の大きさを画面に合わせる
background-size:cover;
・画面の位置調整
backround-position:画像の位置;
top bottom left right center が使いやすい
詳しくは↓へ
http://www.tagindex.com/stylesheet/page/background_position.html
＊注意点
・小さい画像を画面に合わせると画質が荒くなる
・逆に大きい画像は読み込みが遅くなることがある
(環境によっては表示に何十秒もかかることも…？)
夢乃ふわり＊CSS職人 (プロフ) [2016年2月18日 15時] 1番目の返信
[違反報告・ブロック]
初めまして、こんにちは！(*´∀｀*)
占いツクールで検定などを作っている、エリんと申します。
ふわり様の作品を見てCSSをなんとか踏ん張りながら勉強しております。
デザインも作品の一部なので、よりよい作品を作ろうと参考にさせて頂いております。
本題なのですが、検定のCSSを上手く使えこなせません。
ふわり様の丁寧な説明のもと頑張ってみましたが、私の知識では選択肢欄や結果欄を上手く改造できません。
よければ検定のCSSについて教えてください。お願いします。m(_ _)m
エリん (プロフ) [2016年2月16日 19時]
[固定リンク]
[違反報告・ブロック]
ご丁寧にありがとうございます。
小説と検定はほとんど変わりませんが、ざっと見た感じの違いをお話しますね。
まだ検定はあまり深く調べていないので、わかり次第報告できたらなと思います。
＊選択肢の文字色
リンクになっていないので、「●お名前」と同じ色になってしまいます。まだ試していませんが、「.q{color:文字色;}」変わらなければ「.q{color:文字色 !important;}」が使えるかもしれません。
＊結果の背景、文字色
小説では「#u_result{(略)}」が使えますが、検定では使えなさそうです。
なので「.result{(略)}」を使うとき良いでしょう。
パッと見た感じの違いはこれくらいでした。
具体的にどこの何が変わらない、などがありましたら個別に調べます。
その際には変えようとしたCSSも一緒に載せていただけると助かります。
夢乃ふわり＊CSS職人 (プロフ) [2016年2月17日 10時] 1番目の返信
[違反報告・ブロック]
ＣＯＭＭＵの背景をデザインするにはどうしたらいいのでしょうか？
この、ボードみたいな感じにしたくて・・・(*^▽^*)
(きっとやり方を言われてもわからないのですが・・・ｗ)
ケンタッキー州 (プロフ) [2016年2月14日 18時]
[固定リンク]
[違反報告・ブロック]
カラーコードを自分で入力すれば違う色にもできますよ！
http://html-color-codes.info/japanese/
こことか便利です
夢乃ふわり＊CSS職人 (プロフ) [2016年2月14日 22時] 3番目の返信
[違反報告・ブロック]
cssのフォントについてなのですが
夢乃さんはフォントをどこから引用していすか？私も夢乃さんのcssについての説明を読んで自作しようとしたのですが、よく分からなくて…
つつじ (プロフ) [2016年2月6日 18時]
[固定リンク]
[違反報告・ブロック]
私はdropboxにアップロードするか、leafscapeというサイトから使わせていただいています。
ただ、webフォントは読み込みに時間がかかり、ページが重くなってしまうので、あまり推奨していません。
なのでこれ以上はご自分で調べて使う、という形をとろうと考えております。
夢乃ふわり＊CSS職人 (プロフ) [2016年2月12日 9時] 1番目の返信
[違反報告・ブロック]