ニコニコ大百科

background-image: url

で使える画像はお絵カキコと動画のサムネイルだけなのでしょうか。
静画の画像を使いたいのですが、何か方法があればよろしくお願いいたします。

>>31
静画はムリだと思う
お絵カキコ以外で画像ファイルとして使えるURLは、ニコニ・コモンズに登録された画像、コミュニティのサムネ画像と、
あと↓この記事ページのトップ絵の例みたいに、ニコニコチャンネルのブログパーツ向けアイコン画像くらいか
http://dic.nicovideo.jp/a/%E3%83%A2%E3%83%BC%E3%83%AC%E3%83%84%E5%AE%87%E5%AE%99%E6%B5%B7%E8%B3%8A

>>31
あと東方projectの各作品の記事みたいに、原作者の提示した条件に従った画像とかもおｋと思われ

ありがとうございました。

FALLOUT3というページは背景が秀逸。背景のテンプレートはないだろうか。

文字だと端っこまでいくのに<div>のボックスだと勝手に改行される・・・
そういう仕様なのかな。それなら<table>で代用するしかないけど・・・
それとも自分では気づかないミスがあるのか・・・

文字
http://dic.nicovideo.jp/p/u/16563136/1301889
ボックス
http://dic.nicovideo.jp/p/u/16563136/1644468

>>36
ちょっと自分のページで実験してみたんだけど（ブラウザはFireFox）

記事の先頭から最後尾を完全に<div style="overflow: auto;">と</div>で囲ってやって（記事の途中じゃダメっぽい）、
記事の一部に、ダミーデータとして<pre>タグの中身にものすごく横長のテキスト（これは何でもよい）を混ぜてやったら、一応は横長画面＋横スクロールバーの付いたページが出力できた・・・あんまりきれいなやり方じゃないけど・・・

>>36>>37
<div>とか<table>で囲むとかしないで、そもそも<pre>タグ自体にoverflow: auto;をつけてやれば問題ないよ

<pre style="margin: 1em; overflow: auto; font-size: 16px; line-height: 18px; font-family: Mona,IPAMonaPGothic,'IPA モナー Pゴシック','MS PGothic AA','MS PGothic','ＭＳ Ｐゴシック',sans-serif;">

↑こんな感じで

誤）MS P Gothic
正）MS PGothic

文字自体を傾け(≒回転)させたり、縦や横に引き延ばすことはできない？

>>40
そういうのはスタイルシート指定に無いので無理。出来るのは斜体(イタリック)くらい。
どうしてもやりたいのなら回転したり引き伸ばした状態の文字をお絵カキコで描いて
それを並べるとか。

>>41
ぐぬぬ…やはり無理か。回答有難うございます

麻雀牌を1個1個お絵カキコにして記事に使ってる人を見つけたときはほめるボタン連打しましたね・・・

ちょっと分からない所があるのだが…
見出しタイトルの黄色い点を小さなお絵カキコに変えてる編集者がいるのだがあれってどうやるんです？

>>44
見出しを変えればできるよ。
<h2 style="background: url('/oekaki/754345.png') no-repeat 5px 0px; text-indent: 10px;">←相生市旗の場合</h2>
お絵カキコの記事内参照用URL（上の754345のところ）が分かればできるはず。

>>背景画像
M+FONTSの記事は背景画像が変更されて、ぱっと見真っ白（背景画像は指定されてるが色調がすごく薄い）なので、例としては適当じゃないかも

背景画像として動画のサムネを使いたいんだが、上下にある黒い部分を消せなくて悩んでる
どうしたらいい？

>>47
動画サムネURLの末尾に.Mをつけると上下の黒帯が消えるので（例：http://tn-skr.smilevideo.jp/smile?i=1234567.M）これを背景のURLに入れれば消えます
しかし通常サムネより拡大されますし画像が粗いです

>>48
ありがとうございます！！

文字を枠線で囲むことはできる？

>>50
行全体を囲うなら…
<p style="border: 1px solid #000000;">あいうえお</p>

一文字ずつ囲うなら…
<p><span style="border: 1px solid #ff0000;">あ</span><span style="border: 1px solid #00ff00;">い</span><span style="border: 1px solid #0000ff;">う</span></p>

一例ですがこれでどうでしょうか

>>51 やりたかったことが再現できました！ありがとうございます！

「ニコニコ大百科の横幅は720pxほどで固定されている」とありますが、スマホ版だと仕様が違うとかってありますか？スマホ版だと幅700pxぐらいのテーブルが横に突き抜けてしまうのですが…。

お世話になっております

スタイルシートを記事のソースとは別に編集させてほしいなあ

今の大百科で使えるCSSで画像を縦中央に配置する方法ってないのかなあ
marginとかで数値で調節する方法はPCだけならいいけどもスマホ版だと意図した表現にならない、display:flexが使えたら楽なのに…

>>55
難しいとは思うけど、この件、運営に依頼を出してみた。採用されると良いなあ。