蒼井プレ之進のブログ一覧

仕事中オイラのまわりを飛び回る蚊にムカついて
勢いよく手を振り払ったらメガネに当たって
すっ飛んで言っちゃいました…

で、
←この有様です(ノд｀)


メガネ屋さんなら直るよね？
直らなかったら出費痛いなぁ…orz

こんばんは♪
すっかり夜更かしグセのついたプレ之進です。

最近の仕事といえば、
営業なのにPCの前で売上分析ばかりしてるのに
帰ってきたらスタイルシートいじりで
またPCの前…
今晩も眼をショボショボさせながら
まとめブログ書いてます（笑）




さて、先日のブログにて
背景の固定方法や、ページコンテンツの透過を扱ったんですが
思いのほか反響がありまして、非常にありがたかったです!!

そこでその時にご教授いただきました
png画像を使って、コンテンツの背景を透過させる方法について
独自で研究（ただググりまくっただけですがｗ）し
なんとか成功しましたので、ブログにあげておきます。
もしよろしければ参考にしてみてください♪
（間違いがあればご指摘いただけると助かります…）


まずはおさらいも兼ねてますが下の３つの画像を見てください
（画像をクリックすると別ウィンドウで開きます）


左から何もないブログの背景、
アルファフィルタで70％透過させたもの、透過pngです
よく見れば分かるようにアルファフィルタでは、
ブログなどのコンテンツ自体を透過させるため、
文字や写真なども色が薄くなって見えずらくなってしまいます…。
それとは逆に透過pngを使った画像は、コンテンツ部分の背景のみが
透過して文字や写真に影響はありません。
コレが最大の特徴です!!

透過pngの作り方はこちらの整備手帳に詳しく書いておきました
みんカラブログの検索では、透過pngで作るとは書いてあっても
どのソフトでどうやって作るかまでは書いてなかったので
けっこう苦労しましたｗ
素人が独学でやってみてなんとかできたという方法ですが
もしよかったら使ってみてください
…質問などには答えられないかもしれません（ノд｀）ｺﾞﾒﾝﾖ..

ここで作った画像をもとに
スタイルシートを弄っていきます。

まずは
スタイルシート「詳細編集」→「コンテンツ共通」→「コンテンツ表示」で
margin:0px;
padding:10px 20px 8px 20px;
background:url(画像のURL) repeat-y;
width:580px;
の
上から３番目の「画像のURL」に、透過pngのアドレスを貼ってください。
プレビューでブログページなどが半透明化していれば成功です
灰色や白で塗りつぶされるのは失敗ですので、
画像から作り直してください。

同様に、
コンテンツ上部表示・コンテンツ下部表示でも
background:url(画像のURL) の「画像のURL」に、透過pngのアドレスを貼ってください。

ブログ部分は半透明化できても、コメント部分が不透明のままでしたら
「詳細編集」→「コメント」→「コメントテーブル」
vertical-align:top;
background:url(画像のURL);
に
透過pngのアドレスを貼ってください

余計なプロパティが残っていてアップできないときは
指摘されたものを全部消すといいかもしれません（自己責任で…）

また、コメント欄は意外と複雑な構造をしているので
ほかの場所のbackground～は
消去しておくといいと思います。

私自身もまだ把握してないことが多いのですが
ブログの写真が透けるのが嫌で、
せっかく背景が１枚絵の写真だったり絵画だったりしても
ブログは透過させてない方が多いようなので
急いでアップしてみました！

わかりにくくて申し訳ありません…
ぜひ、皆さんのスタイルシート弄りにお役立てください…（*^o^）ノ

こんばんは～（*^o^）ノ
昨日は超久々のTEAM東京オフ！（前回から約1年ｗ）
たくさんの方にご参加いただきありがとうございました!!

すでに参加車両の紹介はきむひょんさんが
ブログアップされていますので
私は久しぶりにリンク付リストでもあげてみますか♪



★お詫び★
今回のブログは当初、写真付きリンク付ブログを考えて作成しました。
一度はこの構成にてアップもしました…

しかし、残念ながら全員分の写真を貼ると下書きには入れても
本文に反映されないことが多く発生してしまいました…
よって、写真付きにすることを断念しリンク付の参加者リストに変更しました。
（写真にリンクを貼って別ウィンドウで開けるようにしたのがまずかったのかも…）

参加メンバーの写真については
きむひょんさんのブログ、または、私のMy掲示板をご覧ください。
…無念（ノд｀）


・第4回TEAM-TOKYOオフ参加者・
参加者の名前をクリックすると
その方のプロフィールページが別ウィンドウで開きます♪


まずは東京メンバーから…
しゃんうりさん

きむひょんさん

ドライダーさん

おさPさん

まじぇさん

Tahiroさん

ろこーじぃーさん

ヒカプレさん

麻呂さん

次は埼玉メンバー
DAMD20Sさん

でべ＠傷マシーさん

てつひろ～さん

きたねっと＠さん

チャイルドトレーラーさん

白いカラスσ(ﾟ∀ﾟさん


朝型から夜行性へ…　千葉メンバー
にっくすさん


遠征大好き神奈川メンバー
が～さん

monokuroさん

かっちん玉さん

ぐれいと～さん


★大遠征ありがとうございます♪
きんぞーんさん

た つ みさん

最後に我々。
プレ之進＆爆笑

以上、23台!!
いつもの方、久々の方、はじめての方
いろんな方とお会いできて本当に楽しい一日でした！
あの、まったり感が東京オフのいいところですね（*^o^）ノ

第5回がどこでやるかわかりませんが
また近いうちにやりたいですね♪
次回もよろしくです!!

フォトギャラリー

こんばんはプレ之進です。

昨日はナイトオフ楽しかったですね～♪
超久々にバンパーを外しましたが
やり方を根本から全く忘れている自分に驚愕しましたｗ

明日はこれまた久々のTEAM東京オフです
天気も問題なさそうですし、
参加の皆さん大いに楽しみましょうね～（*^o^）ノ




さて、今日のネタですが２つありまして
どちらもSONYのサイトからです。

１個目は、
お友達のまぅまぅさんのブログに紹介されていた
＜おまかせ・まる録＞スクリーンセーバーです

任意のキーワードを打ち込むと、
ネット上からキーワードに引っかかった画像・文章・動画を探してきて
スクリーンセーバーを作ってくれるソフトです。
コレ、文章で読むとふ～ん（　´_ゝ`）ってかんじですが
やってみるとなかなか凄い！
画像を使ったAA（アスキーアート）も作ったりして
なかなか芸が細かいです♪

YouTubeでの説明動画


スクリーンセーバーなのに起動するとPCが唸りをあげますが
面白いのでぜひやってみてください!!
例に出てる「世界遺産」なんかじゃなくて、
プレライフとかストラトブルーとか身近な言葉でやると面白さ倍増です♪



続いて、おススメの２個目は
「実況ジェネレーター 2010」です
本日も23時からテレ朝系でＷ杯の予選がTV中継されるようですが
テレ朝のサッカー中継といえば、
あくの強い解説で有名な例の２人
セルジオ越後氏、松木安太郎氏の
これまた癖のある実況を任意の動画にかぶせられる
「サッカー中継的動画を作ることができる」ジェネレーターです
（ややこしや～ｗ）

実はこのサイト、以前からあったんですがイマイチだったんです
確か動画をSONYのサイトに投稿しなきゃいけなかったはず…
それが、2010年版としてリニューアルされ、
YouTubeの動画を使って実況を入れられるようになったんです！

あらかじめ用意されてる言葉を（実況＆解説で400語ほどとか!!）
動画に合わせて貼りつけていくだけで、
例の調子の実況＆解説が入れられて
簡単だけど、とても面白いです♪

さっそく、自分の動画を使ってひとつつくってみました♪
動画を直接ブログに貼れないので文字をクリック！

いつもは車載動画を作る時、
音楽を使って間延び感を解消してますけど
たまにはこんな面白動画にしてみるのも面白いかもですね～
実況一つでどんな映像でも印象が変えられます（爆）

本家サイトに行くとさらにいろんな画像で実況やってますよ
コチラもとってもおススメです!!

この記事は、この技術はすばらしぃ について書いています。