takhino@雀の人さんのページ

takhino@雀の人ユーザー

初音ミク

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を理解しています。 */

【スポンサーリンク】

スマホ版URL:
https://dic.nicovideo.jp/t/u/182756

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

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

ピコカキコがありません

takhino@雀の人

4 ななしのよっしん
2008/12/30(火) 04:39:17 ID: 7Lm1rIqDZG
幻想論シリーズ用の観覧車背景素材
タイトル:
画像をクリックして再生!!
 
Twitterで紹介する

5 ななしのよっしん
2008/12/30(火) 04:45:47 ID: 7Lm1rIqDZG
さめかつ薄めに。うーん…。
タイトル:
画像をクリックして再生!! この絵を基にしています!
 
Twitterで紹介する

6 ななしのよっしん
2008/12/30(火) 14:18:28 ID: 7Lm1rIqDZG
背景を透過
タイトル:
画像をクリックして再生!! この絵を基にしています!
 
Twitterで紹介する

7 natsu
2009/03/04(水) 20:54:07 ID: 9FqgjVrlok
いつもボカロ関係の記事の編集お疲れ様です。
動画同士のリンク良いですね(*--(--*)
凄く便利だなと思ってみてました\(≧≦)丿
8
2009/03/26(木) 22:40:29 ID: 7Lm1rIqDZG
>>7
おおっと!ありがとうございます!
ちょこちょこと前後リンクつけてくれる方も出てきたので、
記事一つ作ってプロジェクト化してみようかなあ…。
9 natsu
2009/03/27(金) 04:27:34 ID: 9FqgjVrlok
>>8
自分も動画記事いじったときなんかに、テンプレとか体裁とか
お借りしてます(`・ω・´)
プロジェクト化するのは良いかもしれないですね。

10 雀の人
2009/05/06(水) 22:13:25 ID: 7Lm1rIqDZG
Template:動画記事ナビゲーションテンプレートとして記事を立ち上げてみました。
よしなにノシ
11 ななしのよっしん
2009/07/04(土) 18:13:12 ID: 7Lm1rIqDZG
あー確かに度調節が便利になってる。
みくらくがき
タイトル:みくらくがき
画像をクリックして再生!!
 
Twitterで紹介する

12 ななしのよっしん
2009/09/23(水) 01:54:33 ID: 7Lm1rIqDZG
一発書きだと微妙に線がよれるなあ。
みくらくがき
タイトル:みくらくがき
画像をクリックして再生!!
 
Twitterで紹介する

13 ななしのよっしん
2010/06/17(木) 22:09:23 ID: 7Lm1rIqDZG
グニャペ、相変わらずマゾいけど、ちょっとだけ扱い方が分かった気がする。
らくがき
タイトル:らくがき
画像をクリックして再生!!
 
Twitterで紹介する

急上昇ワード