ニコニコ動画のPSP変換方法、アニメ銀河英雄伝説の壁紙、CSSリファレンスなど、趣味に偏った情報を公開中

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

画像を使わずにWeb2.0風グラデーションスタイルを作る-主要ブラウザ対応

keywords:CSSのみ,Web2.0,グラデーション,Firefox,Opera


 主要ブラウザに対応した、「画像を使わないWeb2.0風グラデーションスタイル」を考えてみました。

 IE7,Firefox3.5,Opera10の3ブラウザで動作確認済み。

 基本的にDIVでブロックに分け、z-indexを使って重ねています。

 サイトの色合いを変更したいときなど、画像の作り直しは大変面倒です。また、大きい画像はサイズも重くなります。

 なにより画像を使っていないので、色やサイズの変更が簡単です。


こんなの↓が作れます。他にもバリエーションあり。
Web2.0風スタイルサンプル画像

詳しくはコチラのサンプルページへ
背景透過部分が見やすいように、背景を暗くしてあります。見づらいですが、ご了承ください。

サンプルページのCSSはこちら



↓ 構造を図解してみる ↓
<div> id="header_04"
height: 60px
<div> class="header_body"
height: 60px;
position: relative;
z-index: 2;

<div> class="header_back"
height: 60px;
margin-top:-60px;
position: relative;
z-index: 1;
<div>
height: 50%
<div>
height: 50%
  ←  ボックス全体


  ←  class="header_body"
文字を入れるなどコンテンツ部分
サンプルではテキストリンク



  ←  class="header_back"
ボックスの中に上下2つのボックスをつくり、それぞれに背景適用することで、グラデーションスタイルを表現
margin-topをマイナスで適用し、かつpositionとz-indexの数値を低く指定することで上のボックスの下に置いた







このページの関連記事
スポンサーサイト

テーマ : ホームページ・ブログ制作
ジャンル : コンピュータ

木製折りたたみスノコベッドを買ったのでレビュー

 広島県府中市にあります「中居木工」さんの"木製折りたたみベッド"を買いました。

 ベッド周囲が床に均等に接するため傷が付きにくい構造なので畳部屋にも安心。
 マットレス、敷布団、毛布、掛け布団(冬用)をすべて載せたままでも折りたためました。
 冬の寝具というのは重いものですが、無事折りたためました。

 写真はマットレス、敷布団、毛布、掛け布団(冬用)をすべて載せたまま折りたたんだ状態
木製折りたたみひのきベッド

 組み立ては箱から出して、キャスターとヘッドボード?をつけるだけなので簡単。

 毎日布団をたたむのが面倒だが、たたまないと畳が傷む。
 だから折りたたみベッドが欲しいが、畳部屋ではキャスター部分がへこむ。
 しかし、このベッドはこれらの問題をすべて解決してくれました!!
 これで、万年床からおさらばだ。


作ってくださった技術者様↓通販もしてます↓
 中居木工 http://www.fuchu.or.jp/~nakai/index.html

こちらでも通販してます。↓
 府中家具工業協同組合 http://www.fuchukagu.com/





このページの関連記事

テーマ : 家具・電気製品
ジャンル : 趣味・実用

他の機器でも再生できるように、デジタル放送をDVDにダビング(録画)する方法-東芝VARDIA

keywords:VARDIA,DVD,ダビング,録画,デジタル放送,DVD-VR,ファイナライズ

 東芝VARDIAで、他のプレーヤーでも再生できるように、デジタル放送をDVDにダビングする方法を紹介するページ

 一応、説明書は読んだという人向けに分かりやすくDVD作成の流れを説明してみる。
 VARDIAは"RD-S304K"の場合で解説


1)空のDVDを入れて、VRフォーマットにする

 ディスクを入れて"スタートメニュー"→"DVD管理"→"DVD初期化"
 記録フォーマットを"VRフォーマット"に変更して、開始を押す
 確認メッセージが出るのでもう一度開始を押す。
 
 フォーマットとは"初期化"の意味。
 市販の録画用DVDメディアは「VIDEOフォーマット」になっているため、変更が必要です。  
 !デジタル放送は「VRモード」でなければ録画できない。
 「VRモード」ってなに?と詳しく知りたい人はWikiで

2)複数タイトルをまとめたプレイリストを作成する

 "編集ナビ" もしくは "スタートメニュー"→"編集・ダビングする"
  ↓
 "プレイリスト編集"を選択

 編集ナビ画面になるので、まとめたい番組を追加していく。
 詳しくは説明書p144~146参照。
 !各タイトルで"モード"を押すとそのタイトルのチャプター画面に切り替わるので、チャプターごとにプレイリストに追加することも可能。もう一度"モード"を押すとタイトル選択画面に戻る。

 

2-1)CMを自動的に削除したプレイリストを作成する

 "見るナビ" もしくは "スタートメニュー"→"録画番組を見る" を選択

 2)で合体させたプレイリストを選択して、クイックメニューボタンを押す
 クリックメニュー→編集機能→おまかせプレイリストを作成
 すると、CM部分をカットしたプレイリストが新しく作成される

 

2-2)いらない部分をカットしたプレイリストを作成する

 "編集ナビ" もしくは "スタートメニュー"→"編集・ダビングする"
  ↓
 "チャプター編集"を選択

 詳しくは説明書p141~143参照。

3)チャプター編集をする

 必要に応じて、チャプターをつける。
 編集のために分割してしまったチャプターを結合したり、チャプターが欲しい部分を分割すると、見やすいDVDになる。
 !あらかじめ各タイトルでチャプターを編集しておいても、プレイリスト作成時に反映されないため、編集はプレイリストで行うことをオススメします。

4)ダビングする

 "編集ナビ" もしくは "スタートメニュー"→"編集・ダビングする"
 ↓
 ダビングしたいプレイリストを選んで決定
 ↓
 "ダビング"を選び"DVD"に決定
 ↓
 通常は"高速そのままダビング"を選択
 DVD1枚に収まらない容量の場合は"ぴったりダビング"を選択すると一枚分に圧縮してくれます。
 ↓
 あとは気長に待ちましょう
 "ぴったりダビング""画質指定ダビング"を選ぶと結構時間かかります。

5)出来上がったDVDをファイナライズする

 !より多くの種類のDVDプレーヤーで再生するために必要な操作。
 VARDIAでのみ再生する場合は必要なし。

 "ファイナライズ"とは、「閉じる」こと。
 ファイナライズすると、追記(追加での書き込み)ができなくなります。
 ファイナライズしなければVARDIAでのみ追記可能ですが、VARDIA以外では再生できません。

6)注意点や説明書の参照ページ

【注意点】
 ・使用するディスクはもちろんCPRM対応で
 ・再生できるDVDプレーヤーは、CPRM対応で、かつ、VRモード対応となっている機種のみ。
 ・DVDにメニューをつけることはできない。(できるのはVIDEOフォーマットのみ。)
 ・チャプター情報は継承される。

 ↑
 日本の放送業界は著作権問題に対して口うるさくて仕方ないですね。頭の固いジジイ共の集まりに違いない;
 それに翻弄される家電メーカーも大変だな


【RD-S304Kの説明書(操作編)の参照ページ】
 ダビング全般 …p40~43、60、61、150~153
 ディスクの初期化 …p44
 ダビング方法 …p46~51、154、155
 プレイリストやチャプターなどの編集 …p138~146  チャプター  ファイナライズ …p168、169


このページの関連記事

テーマ : テレビ録画
ジャンル : テレビ・ラジオ

文字の周りを白く縁取る方法-オープンオフィスとInkscapeで

keywords:縁取り文字,白抜き文字,オープンオフィス,Inkscape,open office

 フリーのオフィスソフト"オープンオフィス"と
 フリーのドローソフト"Inkscape"
 での、縁取り文字(白抜き文字)の作り方をご紹介。

#1 "オープンオフィス"での方法(ImpressとDrawのみ)
#2 "Inkscape"での方法


#1 "オープンオフィス"での方法(ImpressとDrawのみ)

この方法はImpressとDrawでのみ使えます。
)字を書く

)オブジェクトをパスに変換
 字を書いたオブジェクトを右クリック。
 下図のように、'変換'→'曲線に変換''多角に変換形''輪郭に変換'のいずれかをクリックする。
オブジェクトを右クリックしたときの画像

  すると、文字がパスになるので、「線スタイル」や「塗りつぶしスタイル」が変更できるようになります。

)「線スタイル」「塗りつぶしスタイル」を調整
 縁取るには「線」を黒にして、「塗りつぶし」を白などにする。
 白抜きにするには「線」を白にして、「塗りつぶし」を黒にする。
 ※多くフォントでは、「線」が細いと②のように見栄えが悪く、「線」を太くすると「塗りつぶし」が隠れて③のようになってしまう。
そのため、"通常の文字オブジェクト①"と"線を太くしたオブジェクト③"を重ねて④のようにすると、ポスターなどで見かけるような、読みやすい縁取り文字になる。
縁取り文字-オープンオフィスの場合

  「線スタイル」「塗りつぶしスタイル」を変更すればグラデーションやハッチングも使えるのでデザインの幅が広がるだろう。

#2 "Inkscape"での方法

)字を書く

)オブジェクトをパスに変換
 字を書いたオブジェクトを右クリックして、
 下図のように、'パス'→'オブジェクトをパスへ'をクリックする。
 すると、文字がパスになるので、「フィル」や「ストローク」が変更できるようになります。

)'リンクオフセット'を行い、「フィル」の調整
 'パス'→'リンクオフセット'をクリックする。
 表示されたアンカーをドラグして、縁取りの厚さを調整。
 
 すると、「元の文字」の後ろに、「太くした文字」が表示されます。
 オブジェクトを自動的にコピーして、背面に配置してくれるわけです。便利!!
 
 後は太くした文字のフィルを縁取りたい色に変更する。
 「フィル」や「ストローク」にグラデーションやパターンを使用すればデザインの幅が広がると思います。



このページの関連記事

テーマ : フリーソフト
ジャンル : コンピュータ

メニュー

以下はクリックすると、下位メニューに飛びます。

↑TOP ↑TOP ↑TOP ↑TOP ↑TOP ↑TOP ↑TOP ↑TOP ----------------------------
メニューにない記事はサイトマップへ
カテゴリー
プロフィール

みやま

Author:みやま

地域ブランド力 45位の茨城県在住
20代/女
  • ガンダムと攻殻機動隊と銀河英雄伝説が大好きだ
  • 士郎正宗の描く尻は素晴らしいと思う
--------------------
近況報告、更新情報などツイートしていく予定です。
ツイッターへのリンク@miyama_tweet

リンク
↓バナーとHTMLタグ↓

<a href="http://gogosanzi.blog46.fc2.com/" target="_blank" title="AGPP~趣味に偏った情報を公開"><img src="http://blog-imgs-37.fc2.com/g/o/g/gogosanzi/agpp-bunner.jpg" alt="agpp-bunner" border="0" width="200" height="40"></a>
    ↓登録させていただきました↓
  • loghsearch
銀河英雄伝説名言録


present by 田中芳樹:徳間書店「銀河英雄伝説」
 
  
AGPP TOP > 月別アーカイブ [ 2010年04月 ]
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。