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

2.3千文字の記事
  • twitter
  • facebook
  • はてな
  • LINE

各種統計値

  • ユーザーID:

    182756
  • 総レス数:

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

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

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

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

    0(第2052位)

初音ミク

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を理解しています。 */
この記事を編集する

掲示板

おすすめトレンド

ニコニ広告で宣伝された記事

記事と一緒に動画もおすすめ!
もっと見る

急上昇ワード改

最終更新:2024/04/20(土) 14:00

ほめられた記事

最終更新:2024/04/20(土) 14:00

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

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

OK

追加に失敗しました。

OK

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

           

ほめた!

すでにほめています。

すでにほめています。

ほめるを取消しました。

OK

ほめるに失敗しました。

OK

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

OK

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

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

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

TOP