今注目のニュース
アニプレックスがノベルゲームを作る理由 ― 仕掛人は『サクラノ詩』で人生を肯定され、社内で“エロゲー大好き”をアピールし続けた元営業マン
吉野家が新商品「肉だく牛丼」を投入 「ねぎだく牛丼」に続き具を増量
「コミケ98」新型コロナウイルス感染症の影響により中止を発表

takhino@雀の人さんのページユーザー

  • 16
  • 0
掲示板をみる(13)
  • twitter
  • facebook
  • はてな
  • LINE
  • ほめる(16)
  •  
  •  
  •  
  •  
  • その他

各種統計値

  • ユーザーID:

    182756
  • 総レス数:

    183(第13750位)
  • 総編集数:

    1542(第157位)
  • 総お絵カキコ数:

    16(第1092位)
  • 総新規記事数:

    214(第157位)
  • 総ピコカキコ数:

    0(第1877位)

初音ミク

takhinoの人ニコニコ大百科編集者の一人。

ニコニコ大百科上ではVOCALOID記事界での撃例が多いが、基本的に節操に編集をしている。HTMLを扱える。CSSそれなりに扱える。

必要なら絵も描く。…が、大百科絵師の供給量以上に編集者の供給量が圧倒的に足りていないので編集者に収まっています。

最近の動向

最近はVOCALOID系楽曲の動画記事の作成にを入れている。歌詞データピアプロなどの楽曲に関する情報集積拠点として機して、動画制作サイクルの一助になればいいな、と思っている。

誤字脱字定評がある。(修正してくださる方ありがとうございます。)

Template:動画記事ナビゲーションテンプレート

動画記事を結ぶ企画。略して「動画記事ナビ」。

一人でやっていたけど、プロジェクトとして立ち上げてみました。いろんな人が参加して、連作記事を結ぶことで記事間の移動が楽になると良いなあとこっそり思っています。

Template:動画記事ナビゲーションテンプレート

<div>タグによる2カラム作成テンプレート

ページをちょうど左右半分にするデザインテンプレートです。「関連項目」と「関連リンク」を左右に並べたい場合などに使えます。

従来は<Table>タグが使われてきましたが、その方法だとソースが雑然として編集がしにくくなりがちです。ここでは代わりに<div>タグCSSを使うことで同じデザイン再現します。

サンプル

このような感じで表示されます。(分かりやすいように背景色をつけています。)

また、このユーザー記事の一番下、「関連項目」と「関連リンク」の項はこの<div>タグによる2カラムを使用しています。

カラムA

  • このような感じで
  • 関連項目
  • リンク集を2列でまとめると
  • 見やすくていい感じ

カラムB


ソースコード

「float:left;」を解除するために、カラムの次に来るブロック要素に「clear:both;」を設定する必要があります。そこで今回はコピペするだけででも簡単に使えるように、デザイン上は見えない形で<hr>タグをあらかじめ付属させました。赤字部分を書き換えることで文章を変えることができます。

<div style="width: 50%; float: left;">
  <p>カラムA</p>
</div>

<div style="width: 50%; float: left;">
  <p>カラムB</p>
</div>

<hr style="clear: both; border: none;" />

編集方針

レイアウト

記事内容


ユーザーボックス
利用しているOSとディストリビュージョン このユーザーWindowsを利用しています。
ウェブブラウザ このユーザーGoogle Chromeを利用しています。
デバイス このユーザーペンタブレットお絵カキコしています。
記事編集傾向 このユーザーは記事編集をゆっくりしていく傾向があります。
アビリティ <p>このユーザーはある程度のHTMLを理解しています。</p>
CSS /* このユーザーはある程度のCSSを理解しています。 */

掲示板

急上昇ワード

最終更新:2020/03/30(月) 12:00

ほめられた記事

最終更新:2020/03/30(月) 12:00

ウォッチリストに追加しました!

すでにウォッチリストに
入っています。

OK

追加に失敗しました。

OK

追加にはログインが必要です。

           

ほめた!

すでにほめています。

すでにほめています。

ほめるを取消しました。

OK

ほめるに失敗しました。

OK

ほめるの取消しに失敗しました。

OK

ほめるにはログインが必要です。

タグ編集にはログインが必要です。

タグ編集には利用規約の同意が必要です。

TOP