661 ななしのよっしん
2019/06/07(金) 17:53:50 ID: t8iAHHP7AI
76×25

同じく仕様変更により
uohsiatuuyas
タイトル:uohsiatuuyas
この絵を基にしています!
Xで紹介する

662 ななしのよっしん
2020/03/13(金) 02:12:27 ID: t8iAHHP7AI
3段 2番
36×30
マイリスト
タイトル:マイリスト
この絵を基にしています!
Xで紹介する

663 ななしのよっしん
2020/03/13(金) 03:05:24 ID: t8iAHHP7AI
3段 3番
36×30
NEW
シリーズ
タイトル:シリーズ
この絵を基にしています!
Xで紹介する

664 ななしのよっしん
2020/03/13(金) 03:13:32 ID: t8iAHHP7AI
3段 4番
36×30
RENEWAL
ニコニコ市場
タイトル:ニコニコ市場
この絵を基にしています!
Xで紹介する

665 ななしのよっしん
2020/03/13(金) 05:23:45 ID: t8iAHHP7AI
3段 6番
36×30
RENEWAL
ニコニコ生放送
タイトル:ニコニコ生放送
この絵を基にしています!
Xで紹介する

666 ななしのよっしん
2020/03/13(金) 05:26:12 ID: t8iAHHP7AI
■訂正■
>>664
37×30
>>665
38×30
👍
高評価
0
👎
低評価
0
667 ななしのよっしん
2020/03/20(金) 00:30:07 ID: t8iAHHP7AI
透過率5%刻みしかないから面倒
いちほ
タイトル:いちほ
Xで紹介する

668 ななしのよっしん
2020/04/23(木) 13:04:02 ID: P3JL5XFaMp
👍
高評価
0
👎
低評価
0
669 ななしのよっしん
2020/04/23(木) 14:14:30 ID: t8iAHHP7AI
>>668

<div style="border: 18px solid #000000; overflow: hidden;">
<div style="border-top: 18px solid #000000; border-right: 18px solid white; width: 0px;"></div>
<div>
<p>[内容]</p>
</div>

<div style="border-bottom: 18px solid #000000; border-left: 18px solid white; width: 0px; float: right;"></div>
</div>

ほい。#000000;のところを好きな色に変えればええで。これで画像使わなくても済む。
👍
高評価
0
👎
低評価
0
670 ななしのよっしん
2020/04/23(木) 14:31:55 ID: t8iAHHP7AI
>>668 ちなみにテンプレ集のその2のほうだとこんな感じ

<div style="border-bottom: 18px solid #000000; border-left: 18px solid white; background-color: #000000;"></div>
<div style="border: 18px solid #000000; border-top-width: 0; border-bottom-width: 0; overflow: hidden;">
<div style="border-top: 18px solid #000000; border-right: 18px solid white; width: 0px;"></div>
<div>
<p>[内容]</p>
</div>
<div style="border-bottom: 18px solid #000000; border-left: 18px solid white; width: 0px; float: right;"></div>
</div>
<div style="border-top: 18px solid #000000; border-right: 18px solid white;"></div>
👍
高評価
0
👎
低評価
0
671 ななしのよっしん
2020/04/23(木) 14:53:57 ID: t8iAHHP7AI
なんでユーザー記事レスで書いてるのか知らんけど、ついでだから丸のも組んどいてあげる。

<div style="background: #000000; border-radius: 1em; padding: 1em;">
<div style="background: #ffffff; border-radius: 1em; padding: 1px 0;">
<p>[本文]</p>
</div>
</div>
👍
高評価
0
👎
低評価
0
672 ななしのよっしん
2020/05/24(日) 23:03:13 ID: t8iAHHP7AI
(790400.png+790571.png)/2
第二世代アイテムボール 2倍サイズの1/2
タイトル:第二世代アイテムボール 2倍サイズの1/2
Xで紹介する

673 ななしのよっしん
2020/05/24(日) 23:07:35 ID: t8iAHHP7AI
(https://dic.nicovideo.jp/oekaki_id/790400.png+https://dic.nicovideo.jp/oekaki_id/790571.png)/2
第二世代アイテムボール 2倍サイズの2/2
タイトル:第二世代アイテムボール 2倍サイズの2/2
この絵を基にしています!
Xで紹介する

674 ななしのよっしん
2020/06/01(月) 12:50:17 ID: t8iAHHP7AI
 透過  8×4px
非透過 8×4px
8×8px
透過と非透過
タイトル:透過と非透過
Xで紹介する

675 ななしのよっしん
2020/07/05(日) 05:14:11 ID: t8iAHHP7AI
スマホ版アレ
50×50

見出し
タイトル:見出し
Xで紹介する

676 ななしのよっしん
2020/07/05(日) 06:48:20 ID: t8iAHHP7AI
スマホ版アレ
同じく50×50
太字
タイトル:太字
この絵を基にしています!
Xで紹介する

677 ななしのよっしん
2020/07/05(日) 09:59:52 ID: t8iAHHP7AI
スマホ版アレ
同じく50×50
横並びにするにはpadding 0 border none table-layout fixed使ってborder-right 1px #d6d6d6 solidにしたtable
集中力切れたからここで一旦終わり
取消線
タイトル:取消線
この絵を基にしています!
Xで紹介する

678 ななしのよっしん
2020/07/07(火) 01:50:08 ID: t8iAHHP7AI
50×50
元に戻す
タイトル:元に戻す
この絵を基にしています!
Xで紹介する

679 ななしのよっしん
2020/07/07(火) 03:04:54 ID: t8iAHHP7AI
スマホ版アレ
50×50
やり直し
タイトル:やり直し
この絵を基にしています!
Xで紹介する

680 ななしのよっしん
2020/07/07(火) 05:06:42 ID: t8iAHHP7AI
50×50
コンテンツ
タイトル:コンテンツ
この絵を基にしています!
Xで紹介する

681 ななしのよっしん
2020/08/11(火) 10:44:33 ID: t8iAHHP7AI
memo
<h2 style="background-image: url('/oekaki/268945.png'); background-position: right bottom; background-repeat:
no-repeat; border: none; color: #ff35cd; letter-spacing: 0em; max-width: 500px; margin: 10px auto; padding-bottom: 10px; padding-left: 0;">
<span style="display: block; margin-left: 2.5em; margin-right: 3.5em;">作者コミュニティユーザーページ</span></h2>
👍
高評価
0
👎
低評価
0
682 ななしのよっしん
2020/10/22(木) 01:27:54 ID: t8iAHHP7AI
透過率100% 30×10 縦横3:1用
透過率100% 30×10 縦横比3:1用
タイトル:透過率100% 30×10 縦横比3:1用
Xで紹介する

683 ななしのよっしん
2020/11/13(金) 23:42:19 ID: t8iAHHP7AI
3段 4番
36×30
NEW
ニコ動プレイヤー
タイトル:ニコ動プレイヤー
この絵を基にしています!
Xで紹介する

684 ななしのよっしん
2021/04/28(水) 07:08:30 ID: t8iAHHP7AI
>>668-671
を四半円に切り抜くのも追加しとく。

<div style="height: 1em; background: radial-gradient(circle at top left, #ffffff 1em, #cccccc 0);">
<div style="height: 1em; margin-left: 1em; background: radial-gradient(circle at top right, #ffffff 1em, #cccccc 0);"></div>
</div>

<div style="background: #cccccc; margin: -1em 0;">
<div style="margin: 1em 0;">
<p>[本文]</p>
</div>
</div>

<div style="height: 1em; background: radial-gradient(circle at bottom left, #ffffff 1em, #cccccc 0);">
<div style="height: 1em; margin-left: 1em; background: radial-gradient(circle at bottom right, #ffffff 1em, #cccccc 0);"></div>
</div>
👍
高評価
0
👎
低評価
0
685 ななしのよっしん
2021/05/14(金) 09:36:41 ID: iwv1OYYfXD
料理の天災」の2列組に関して、スマホ対応を念頭にしているという差し戻しに関しては了解しましたが、
現状Chrome90.0.4430.212Edge90.0.818.56(いずれもWin10x64)で機していないようです。
ブラウザ側のバグ、あるいはニコ百側の仕様変更いずれも考えられますので、検証お願いできませんでしょうか?
👍
高評価
0
👎
低評価
0
686 ななしのよっしん
2021/05/14(金) 11:05:13 ID: t8iAHHP7AI
>>685
Win10 64bit Chrome同最新verにて確認しましたがPCで2列が崩れるといった現象は当方では起きていません。
これは基本的に現在の各ブラウザでのレンリングに差異が出ない範囲であり、フォントサイズの如何などでも変化するものでもありませんので、
特殊な拡張機能ユーザースクリプトといったユーザースタイルシートを変更するような何かをインストールされていないでしょうか?

また「ニコニコ大百科」の記事の関連項目は2列で表示されていますでしょうか?

お教えいただけませんでしょうか…。
👍
高評価
0
👎
低評価
0
687 ななしのよっしん
2021/05/14(金) 12:10:25 ID: iwv1OYYfXD
>>686
特にユーザースクリプトユーザーCSSを組み込んでいるわけでもありませんし、拡張機能広告ブロックなどを外した状態で改めて確認しても変わりません
ニコニコ大百科」の記事の関連項目は2列表示になっています
参考になればと思います
👍
高評価
0
👎
低評価
0
688 ななしのよっしん
2021/05/14(金) 22:01:12 ID: t8iAHHP7AI
>>687
ありがとうございます
ということはdivで組んでいるところは大丈夫でtableで組んでいるところだけが崩れているんですよね、うーん…

<td style="border: 0; padding: 0; width: 99%; max-width: 350px; float: left;">

で編集画面で表示確認してみてもらえないでしょうか?
👍
高評価
0
👎
低評価
0
689 KS60
2021/06/06(日) 18:20:24 ID: /XVJYXckI0
初めまして、KS60と申します。

健康と美容のために、食後に一杯の紅茶」の作成時に、記事変化のテクニックを使用させていただきました
直接参考にさせていただいた記事の当該編集者様に感謝を伝えたところ、お返事でぎみっくさんが発案されたものということを恥ずかしながら初めて知りまして、遅ればせながらお礼に参った次第です。
ありがとうございました
👍
高評価
0
👎
低評価
0
690 ぎみっく
2021/06/07(月) 02:52:38 ID: t8iAHHP7AI
>>689
KS60さん、ありがとうございます
素敵な記事をしっかり拝見させていただきました

表現するためにソースをいじってCSSで出来ることは、がどの記事に使ってもいいですし
遠慮なくどんどん使ってください。

今は不具合でiPhoneなどから正常に表示されなくなっていますが、
不具合が解消された際に表示が変わるような場合には、対策を考えますので、少々お待ちください。
👍
高評価
0
👎
低評価
0