ニコニコ大百科

亀レス続き失礼します。
>>32
> 基本的にインラインスタイルシート(直接記述 style="***"形式で記述)なので直接記述自体不可能なものもあり
> CSS2のプロパティの値ですら全面開放とかしてしまうと右カラム部分などを含めて大百科の記事ページ全体を好き放題できてしまいますし。

styleタグが使えるアンサイクロペディアに慣れてたせいで右カラムは好き勝手にできて当然だろと思ってたのですが、正気に戻ると普通にヤバい箇所ですね……
https://ja.uncyclopedia.info/wiki/%E3%81%82%E3%81%82%E3%81%82%E3%81%82%E3%81%82%E3%81%82%E3%81%82%E3%81%82%E3%81%82!

styleタグが開放されていないがstyle属性はほぼ全開放されているWikipediaの練習用ページだとどこまでいけるのか試したところ、position:fixed; top:0; left:0; z-index:1000; みたいなインライン記述もそのまま通ってしまって怖いなぁ
と思って調べてたら過去にWikipediaでクリックジャッキング荒らしが本当に発生していたようです、こわい
https://twitter.com/senseoff/status/1086572139023556608

ちなみに>>30のposition:absoluteを使いたい発言はChakuwikiメインページに鎮座する日本地図と世界地図（https://chakuwiki.miraheze.org）を念頭に置いていたのですが、あちらではul>liを使ってセマンティクスを守ってるのに対してこっちのは内容を持たない空divなので、比較対象として成り立ってなかった旨を訂正しておきます

あと、>>72のおまけはCSSプロパティをあれこれ使いたかったというよりも、今後縦横のサイズが変わった際にコピペで背景追加をせずともdivタグ一個で賄えないかというのが主目的でした。
>>42>>47にも言及があるようにHTMLってこういう用途じゃないけど見つけちゃったらやるしかない論と、あと大百科で横幅変更のような仕様変更があったら既存記事への影響で大混乱に陥るのは目に見えているので万が一でもそんなことはしないだろうという楽観論……

長きに渡りご迷惑お掛けして申し訳ありません。ご協力ありがとうございました。
特に初版編集者の無気力P氏、deadbull氏、様々な検証してくださったID: Q6z7rc3UXK氏には多大なるご協力をいただき感謝いたします。


>>120
オススメ記事の紹介文は、その通りかもしれません。deadbull氏を一方的に責めたてるような言及してしまっていたのでお詫びしないといけないですね…。ごめんなさい。

>>121
あのChakuwikiの地図すごいですよね。ちゃんとリストとしての意味も並びも守ってる中でposition: absolute;使って配置することで地図としての形も形成してるし。

スタイルシートの仕様としてユーザースタイルシートの次に優先されるのがstyle属性での直接記述ですので、外部CSSとかで指定しているのを書き換えたりもできるし、positionとかz-indexとか重ね合わせコンテキストとかの性質を理解していると隅から隅までなんでもできてしまうので、制限あるのは仕方ないですね……

>>122
背景について当方が受け入れた以上のレベルまで修正頂いたことに感謝の念を表します。
また、当方が気づかなかった点など様々な技術的ご指導を頂きありがとうございました。

>>123
長期に渡りお疲れさまです。そして嫌な思いさせちゃってごめんなさい。

全画像排除とかテストだけしてやらなかったけど、どうなんでしょうね？

>>124
当方の側も、最後に編集していた手前、極力迅速に回答するようにしておりましたが、それゆえに思慮が至らなかったり誤解を招いた点もあったかと思っております。釈明する機会がありませんでしたので、この場を借りてお詫び申し上げます。

当方が言う画像の不使用とは、オススメ記事になった初版の段階ではユーザーが編集画面で書くHTMLソースに画像が用いられていないという意味ですので、>>117の判断は適正だと考えます。

それよりも、お知らせ表示に使われている花丸の画像に透過性がないので、その部分の背景が矢絣模様でなく白地になっているのが、当方が編集する段階から気になっていました。これについて後回しの課題としていたのが>>14で述べた絵文字の採用でした。

>>125
なるほど。絵文字の採用とはそういう意図だったのですね………。
Unicode絵文字といえば先日のChromeの白黒表示だったりもありますし、フォントによって全く違う花丸だったりしますしちょっと躊躇しますよね…

height 1pxずつの背景色で…ってやると、また環境での差を埋めるの大変そうだし…。
二重丸とかに花びら付けるくらいなら少ない手数のborder-radiusとtransform rotateとhiddenの枠で
できそうですがどうでしょう？

>>126
その方法は、絵文字の前に検討しましたが、作業時間の関係で断念していたので当方からの提案には含めませんでした。
背景よりも高度な技術が用いられていて主役の座を奪う、みたいなことにならないのであれば、絵文字よりも良い方法だと個人的には思っています。
花丸の内部まで矢絣模様を透過した方がよいかどうかは未検討です。

>>127
表示してある場所は違いますが、表示はこんな感じです。
https://www.dropbox.com/s/yelvt77yy6pxy9s/hanamaru.PNG

>>21で言及している通りrotateで半円表示に隠したboxを傾けているので普通にmargin使って移動させると
表示倍率で………ってなりますが、細工しておけば問題ない範囲にはなります。

＞背景よりも
高度なことはしてないですが、この記事では背景の柄を半透過させたりとか複雑な小細工しすぎてて、正直なにがなんだかよくわかんないです。

個人的には、画像そのままでも絵文字でもこんなのでも、どれでもいいんじゃないかと思います。

>>128
円弧をつないで渦巻き模様を、みたいなことを考えていたのですが、それで十分だと思います。
> 個人的には、画像そのままでも絵文字でもこんなのでも、どれでもいいんじゃないかと思います。
現状でも画竜点睛を欠いて気になるという程度なので、当方もどれでも異論はありません。