ミカヅキモさんのページ

ミカヅキモユーザー

5.9千文字の記事
  • 14
  • 0pt
掲示板へ

ただの微生物です。

主な新規作成記事

一般記事

動画記事

受賞

おすすめ

漫画

リンク

動画

書籍

フリーゲーム

編集用備忘録

二段組み

幅を均等に

<table style="width: 100%; border-style: none; table-layout: fixed;">
  <tbody>
    <tr>
      <td style="border-style: none;">
        ■■■</ul>
      </td>
      <td style="border-style: none;">
        <ul>■■
      </td>
    </tr>
  </tbody>
</table>

幅をカスタムで設定

<table style="width: 100%; border-style: none;">
  <tbody>
    <tr>
      <td style="border-style: none; width: 60%;">
        ■■■</ul>
      </td>
      <td style="border-style: none; width: 40%;">
        <ul>■■
      </td>
    </tr>
  </tbody>
</table>

フロートさせた画像や表が文章を圧迫するのを回避

<p><img style="float: right; width: 317px;" title="ゴンさん3" alt="ゴンさん3" src="https://dic.nicovideo.jp/oekaki/194809.png" /></p>
<div style="width: 150px; height: 0; float: left;"></div>
<p style="clear: left;">回り込む(または回り込まない)文章</p>

参考:スマートフォン版ニコニコ大百科の「フロートさせた画像や表が文章を圧迫する」節

画像の回り込みをリセットする

奇跡のアホ面

<p><img src="https://dic.nicovideo.jp/oekaki/824351.png" alt="奇跡のアホ面" style="float: right; width: 25%;" /> みんみー</p>
<p style="clear: both;">みんみー</p>

みんみー

みんみー

twitter貼りテスト

<div style="width: 80%; max-width: 250px; margin-bottom: 1em;">
  <blockquote class="twitter-tweet tweetblock"> https://twitter.com/prichan_PR/status/484940950817341440</blockquote>
</div>

デフォルトではでかすぎる…横長に配置できるといいんだけどね

widthとmax-width検証

tableタグ(4番)のみPCスマホのプレビューmax-widthが無視される。投稿後記事での実際の表示は全部同じになる。2018年12月現在PC版投稿後記事でも無視されるように。2019年3月現在

<div style="max-width: 600px; width: 80%; height: 100%; border: solid 1px; margin: 1em;">〜</div>
<div style="width: 600px; max-width: 80%; height: 100%; border: solid 1px; margin: 1em;">〜</div>
<table style="max-width: 600px; width: 80%; margin: 1em;">〜</table>
<table style="width: 600px; max-width: 80%; margin: 1em;">〜</table>

無理やり縦マージン

<blockquote style="margin-bottom: 1pc;">blockquoteやtableの下マージン少なすぎじゃないですか?</blockquote>

blockquoteやtableの下マージン少なすぎじゃないですか?

長さを指定してむりやりペース(非推奨)

<span style="margin-right: 90px;">■</span>

スクロール

<div style="margin: 1em; padding: 0.5em; overflow: auto; width: 90%; height: 250px; border: 1px solid #ccc;">
HOGE
</div>

落ち着いて素数5000未満まで数えるんだ

2 3 5 7 11 13 17 19 23 29 31 37 41 43 47 53 59 61 67 71 73 79 83 89 97 101 103 107 109 113 127 131 137 139 149 151 157 163 167 173 179 181 191 193 197 199 211 223 227 229 233 239 241 251 257 263 269 271 277 281 283 293 307 311 313 317 331 337 347 349 353 359 367 373 379 383 389 397 401 409 419 421 431 433 439 443 449 457 461 463 467 479 487 491 499 503 509 521 523 541 547 557 563 569 571 577 587 593 599 601 607 613 617 619 631 641 643 647 653 659 661 673 677 683 691 701 709 719 727 733 739 743 751 757 761 769 773 787 797 809 811 821 823 827 829 839 853 857 859 863 877 881 883 887 907 911 919 929 937 941 947 953 967 971 977 983 991 997 1009 1013 1019 1021 1031 1033 1039 1049 1051 1061 1063 1069 1087 1091 1093 1097 1103 1109 1117 1123 1129 1151 1153 1163 1171 1181 1187 1193 1201 1213 1217 1223 1229 1231 1237 1249 1259 1277 1279 1283 1289 1291 1297 1301 1303 1307 1319 1321 1327 1361 1367 1373 1381 1399 1409 1423 1427 1429 1433 1439 1447 1451 1453 1459 1471 1481 1483 1487 1489 1493 1499 1511 1523 1531 1543 1549 1553 1559 1567 1571 1579 1583 1597 1601 1607 1609 1613 1619 1621 1627 1637 1657 1663 1667 1669 1693 1697 1699 1709 1721 1723 1733 1741 1747 1753 1759 1777 1783 1787 1789 1801 1811 1823 1831 1847 1861 1867 1871 1873 1877 1879 1889 1901 1907 1913 1931 1933 1949 1951 1973 1979 1987 1993 1997 1999 2003 2011 2017 2027 2029 2039 2053 2063 2069 2081 2083 2087 2089 2099 2111 2113 2129 2131 2137 2141 2143 2153 2161 2179 2203 2207 2213 2221 2237 2239 2243 2251 2267 2269 2273 2281 2287 2293 2297 2309 2311 2333 2339 2341 2347 2351 2357 2371 2377 2381 2383 2389 2393 2399 2411 2417 2423 2437 2441 2447 2459 2467 2473 2477 2503 2521 2531 2539 2543 2549 2551 2557 2579 2591 2593 2609 2617 2621 2633 2647 2657 2659 2663 2671 2677 2683 2687 2689 2693 2699 2707 2711 2713 2719 2729 2731 2741 2749 2753 2767 2777 2789 2791 2797 2801 2803 2819 2833 2837 2843 2851 2857 2861 2879 2887 2897 2903 2909 2917 2927 2939 2953 2957 2963 2969 2971 2999 3001 3011 3019 3023 3037 3041 3049 3061 3067 3079 3083 3089 3109 3119 3121 3137 3163 3167 3169 3181 3187 3191 3203 3209 3217 3221 3229 3251 3253 3257 3259 3271 3299 3301 3307 3313 3319 3323 3329 3331 3343 3347 3359 3361 3371 3373 3389 3391 3407 3413 3433 3449 3457 3461 3463 3467 3469 3491 3499 3511 3517 3527 3529 3533 3539 3541 3547 3557 3559 3571 3581 3583 3593 3607 3613 3617 3623 3631 3637 3643 3659 3671 3673 3677 3691 3697 3701 3709 3719 3727 3733 3739 3761 3767 3769 3779 3793 3797 3803 3821 3823 3833 3847 3851 3853 3863 3877 3881 3889 3907 3911 3917 3919 3923 3929 3931 3943 3947 3967 3989 4001 4003 4007 4013 4019 4021 4027 4049 4051 4057 4073 4079 4091 4093 4099 4111 4127 4129 4133 4139 4153 4157 4159 4177 4201 4211 4217 4219 4229 4231 4241 4243 4253 4259 4261 4271 4273 4283 4289 4297 4327 4337 4339 4349 4357 4363 4373 4391 4397 4409 4421 4423 4441 4447 4451 4457 4463 4481 4483 4493 4507 4513 4517 4519 4523 4547 4549 4561 4567 4583 4591 4597 4603 4621 4637 4639 4643 4649 4651 4657 4663 4673 4679 4691 4703 4721 4723 4729 4733 4751 4759 4783 4787 4789 4793 4799 4801 4813 4817 4831 4861 4871 4877 4889 4903 4909 4919 4931 4933 4937 4943 4951 4957 4967 4969 4973 4987 4993 4999

margin/paddingの上下左右

  • margin: [上下左右];
  • margin: [上下][左右];
  • margin: [上][右][下][左]; ←覚えにくい!

脚注

本文の文章<cite>脚注の文章</cite>[1]

htmlエディタ上で脚注を挿入する方法を知らないので知ってる方いたら教えて下さい…。

人物紹介(dl, dt, dd)

<dl>
  <dt>ボッスン</dt>
  <dd>
    <img width="100" src="/oekaki/48103.png" alt="ボッスン"
  height="100" style="margin-right: 10px; float: left;" />
    ボッスンとは、~~
    <br clear="all" />
  </dd>
  <dt>スイッチ</dt>
  <dd>
    スイッチとは、〜〜
  </dd>
</dl>

リンクマークを表示させない

<a style="padding-right: 0; background-image: none;" target="_blank" rel="nofollow" href="http://www3.nns.ne.jp/pri/tk-mto/">ききやま氏ホームページ</a>

table内に画像があるとレンダリングの関係で表示が崩れる問題

tdにwidth定をすると解決する。ぎみっくさんのツイートexitを参照。

回転

X, Y, Z軸を中心とした回転。rotateZはrotateと同じ。

<p>ただの微生物です。</p>
<p style="transform: rotateX(180deg);">ただの微生物です。(rotateX(180deg))</p>
<p style="transform: rotateY(180deg);">ただの微生物です。(rotateY(180deg))</p>
<p style="transform: rotateZ(180deg);">ただの微生物です。(rotateZ(180deg))</p>


ただの微生物です。

ただの微生物です。(rotateX(180deg))

ただの微生物です。(rotateY(180deg))

ただの微生物です。(rotateZ(180deg))

脚注

  1. *エディタ上の見え方がプレビューのそれとは異なるので非常に見づらい。

【スポンサーリンク】

  • 14
  • 0pt
記事編集 編集履歴を閲覧

この記事の掲示板に最近描かれたお絵カキコ

お絵カキコがありません

この記事の掲示板に最近投稿されたピコカキコ

1

ミカヅキモ

17 ななしのよっしん
2016/07/16(土) 06:59:48 ID: eDz+Dfojkt
>>16 どうもありがとうございます。もともと日本のネットカフェ一覧の各店舗の記事がわりと軽いノリで作られていたのを見て、その流れでアプレシオ記事も作ってしまったんですね…
それから、全に約80店舗強あるメディアカフェポパイの記事がないのも不自然なので作りたいのですが、こちらは書くことが思いつかないので 自分で書けない人のための記事作成依頼 に投げようと思います。
👍
高評価
0
👎
低評価
0
18 ななしのよっしん
2017/04/06(木) 08:02:51 ID: A5yPsnmOd8
アライグマ(けものフレンズ)の記事から来ました
関連商品が「amazonにはあるのに市場ブログパーツが対応してなかった」ということで削られていましたが、
>>azB06X93DY5Texit_nicoichiba

>>azB06XX8M2Q2exit_nicoichiba

>>azB06X6L7GDXexit_nicoichiba

現在は以上のようにきちんと表示されます。

これはどうしてかというと、ニコニコ市場というのはamazonに商品が配置されてから、それを反映するまでのタイムラグがあるからです。
また、そのタイムラグを埋めるためにニコニコ市場ではトップ画面に新商品反映のための機を備えています。
http://ichiba.nicovideo.jp/exit_nicoichiba
ページ最下部、「新発売商品をお探しですか?」の検索に商品コードを入れればニコニコ市場に商品が反映され、ブログパーツでも使えるようになるので是非ご活用ください。
👍
高評価
0
👎
低評価
0
19 ななしのよっしん
2017/04/06(木) 19:23:37 ID: eDz+Dfojkt
>>18 なるほど、記事に貼ってから情報クロールするような仕様なんですね… 市場最下部についても初めて知りました、重な情報ありがとうございます!
アライさん関連商品、また貼り直しときますね
👍
高評価
0
👎
低評価
0
20 ななしのよっしん
2017/04/06(木) 19:35:17 ID: eDz+Dfojkt
…それにしても、編集中にブログパーツ真っ白になるのは何とかならないのだろうか…もう何年にもなるけど…みんな手探りで編集してるのかしら
👍
高評価
0
👎
低評価
0
21 ななしのよっしん
2017/09/05(火) 22:29:43 ID: 1wpXrLWYas
レス失礼します。
ぶっぽるぎゃるぴるぎゃっぽっぱぁーっ!」の記事でミカヅキモさんが編集された箇所について
リンクが間違っているので修正よろしくお願いいたします。
👍
高評価
0
👎
低評価
0
22 ななしのよっしん
2017/09/06(水) 02:21:52 ID: eDz+Dfojkt
>>21 全に見落としていました、7年以上放置して本当に申し訳ないです…。現在プレミアムを退会し一般会員になっていますので、とりあえず一般会員記事編集依頼スレ掲示板に編集を依頼しました。ただ、当該記事も現在してるか怪しいので、もし一週間ぐらい編集がないようでしたらネカフェの1日限定プレミアムとかを使って自分で編集しようと思います。
👍
高評価
0
👎
低評価
0
23 ななしのよっしん
2017/09/07(木) 02:43:31 ID: eDz+Dfojkt
>>22 編集しておきました
👍
高評価
0
👎
低評価
0
24 ななしのよっしん
2017/09/07(木) 05:50:08 ID: 1wpXrLWYas
一般会員になっていたんですね。すみません、お手数おかけしました。
速に対応していただきありがとうございます
👍
高評価
0
👎
低評価
0
25 ななしのよっしん
2021/07/24(土) 14:51:42 ID: iadRYCT2Mx
タツキ」は「藤本タツキ先生がいるので特定人物の記事へリダイレクトするのが適切かどうか投稿前に判断した方が良かったのではと思います。
👍
高評価
0
👎
低評価
0
26 ななしのよっしん
2021/07/24(土) 18:05:13 ID: eDz+Dfojkt
>>25タツキ」を「たつき」(曖昧さ回避記事)にリダイレクトさせました。この記事とは別に「たつき(アニメーション監督)」の個別記事があります。もしかしたら「たつき」記事がたつき監督専用の記事だととちりされておられるのではないでしょうか?認識違いだったらごめんなさい。
名前記事を特定人物の記事にリダイレクトさせるべきではない、というのは私も強くそう思っております。
👍
高評価
0
👎
低評価
0