- カタチグラフィックスのBlog – Katachigfxの日記と制作メモ

「2009 10月」のかたログ

10.31

Halloween

Published 10月 31st, 2009 Posted in カタチのはなし No Comments »　　

今日はハロウィンです。
いつからでしょうか。。。日本でもハロウィン、ハロウィンと言われ始めたのは。。。

今日は、マックのHDDが残り5Gbを切ってしまったので、写真の整理などしてます。

.

asagiri_shot

▲こんな写真出てきました。（朝霧JAM2009）

.

asagiri_nene

▲本人はセミになりきっていました。（朝霧JAM2009）

10.30

WordPress-記事の画像をランダム表示

Published 10月 30th, 2009 Posted in WordPress 1 Comment »　　

記事内の画像をサイドバーなどに表示するRandom Imageというプラグイン。
表示する画像の数やサイズも設定できる。
イメージタグにスタイルもあてられる。

Random Image Plugin for WordPress

インストール方法

  1. ダウンロード先のページからファイルをダウンロード
  2. 解凍してrandomimage.phpをwp-content/pluginsにアップロード
  3. プラグインを有効化

使用方法

画像を表示したい場所のテンプレート（sidebar.phpなど）に以下のコードを挿入

<?php randomimage(); ?>

設定→Random Imageから表示設定を行う。

nclude images from WordPress posts? / Pages?
postsが記事でPagesがページ。記事からだけ画像を表示したいという場合はposts?にのみチェックを入れます。
Sort Images Randomly?
画像をランダムに表示するかどうか。チェックを入れるとランダム、外すと最新記事から表示します。
How many images to display?
サムネイルの表示数。
HTML Template
ここでデザインを整えます。%1が記事タイトル、%2が画像、%3がalt。タグがきくので、liで囲んでもいいしclassふってもいいです。
HTML between images
画像と画像との間に入れるタグ。特に必要ない場合は削除してもかまいません。
Optional attributes for < img> tags
画像の大きさなどを指定。例）画像の横幅を120pxにしたい場合は【style=”width:120px;”】など。テンプレートにてCSSで指定している場合は特に必要なし。
Limit by categories/tags
画像を表示するカテゴリ。全てのチェックを外すと全てのカテゴリが対象になります。
String to match in the < img> class
class指定した画像だけ表示します。例）randomimageと記入した場合、randomimageとclass指定した画像だけが表示されます。
Regex to match against the < img> src
画像のファイル名を指定して表示。例としてJPG形式のみ表示したい場合はjpgと入力しておきます。GIFやPNGを表示させたくない場合に使えます。

Include images from WordPress posts? / Pages?
postsが記事でPagesがページ。記事からだけ画像を表示したいという場合はposts?にのみチェックを入れる。

Sort Images Randomly?
画像をランダムに表示するかどうか。チェックを入れるとランダム、外すと最新記事から表示。

How many images to display?
サムネイルの表示数。

HTML Template
ここでデザインを整える。%1が記事タイトル、%2が画像、%3がalt。タグがきくので、liで囲んでもいいしclassふってもよい。

HTML between images
画像と画像との間に入れるタグ。特に必要ない場合は削除してOK。

Optional attributes for < img> tags
画像の大きさなどを指定。例）画像の横幅を120pxにしたい場合は【style=”width:120px;”】など。テンプレートにてCSSで指定している場合は特に必要なし。

Limit by categories/tags
画像を表示するカテゴリ。全てのチェックを外すと全てのカテゴリが対象になる。

String to match in the < img> class
class指定した画像だけ表示する。例）randomimageと記入した場合、randomimageとclass指定した画像だけが表示される。

Regex to match against the < img> src
画像のファイル名を指定して表示。例としてJPG形式のみ表示したい場合はjpgと入力しておく。GIFやPNGを表示させたくない場合に使える。

.

–制作メモ

10.29

フッターの位置を固定して常に表示 (IE6対応)

Published 10月 29th, 2009 Posted in html・CSS No Comments »　　

最近、このブログにも登場！ウィンドウ下部から離れたくないフッター。
そんな愛嬌いっぱいのフッターを作る方法を紹介します。

CSSはこう

html,body {
height:100%;
}
html {
overflow-y:scroll;
}
div#footer {
position:fixed;
bottom:0;
width:100%;
}

/* IE6 */

* html,
* html body {
overflow-y:hidden;
}
* html div#main {
height:100%;
overflow-y:scroll;
}
* html div#footer {
position:absolute;
bottom: expression(this.parentNode.clientHeight % 2 == 0 ? 0 : -1);
}

IE6対策としてハックを使用。*htmlを頭に付けるとIE6のみにスタイルを当てられる。

htmlはこう

<body>
  <div id="main">
    中身。。。。。
    <div id="footer">
      フッター部分
    </div>
  </div>
</body>

以上

–制作メモ

10.26

ごちそうさま！MUSIC ZERO

Published 10月 26th, 2009 Posted in カタチのはなし 4 Comments »　　

２４，２５日　行ってきました。MUSIC ZERO

２４日は生憎の天気でしたが、沢山の人たちが来場し盛り上がりっぱなしでしたよ。

２４日 MUSIC ZERO

▲SPECIAL OTHERS の時（↑クリックで拡大）

さすがです。盛り上げ方がうまいです。
赤いＧＯＲＥーＴＥＸのジャケットのオラさん！ナイスプレイィィィィです！！

こんな写真になりましたよ★

.

２日目は風が強い一日になりました。

空

▲この旗はCha*2さんの手作り。バティック！（↑クリックで拡大）

ゆーじさんも言ってたけど、Cha*2さんのような職人を目指していこう！

.

norioto

こちらNORIOTOさん。
おいしいワインをご馳走になりました。
ほろ酔いで撮影〜。

.

VarnaGhita

▲VarnaGhita BOBさん

素敵な笑顔ごちそうさまです。楽しく撮影できました。
CD・DVDもみんな買ってね★

それから、VarnaGhittaのBlogができました。そちらもチェック！

.

▲PAPA U-Gee　いつも最高の歌をありがとうございます！

BAGDAD×ユージさんかっこよかった！
OH MAMAはやっぱいい！！！！
蓮華寺での思い出話、面白かったです★

.

ファイナル！

▲ファイナル！（↑クリックで拡大）

最後はみんな出てきてエンディング！
楽しい２日間でした。

BOOM BOOM-BASHありがとう。
他写真は、静岡新聞とBOOMBOOM-BASH  WEBSITEで近日公開します。

.

・オラのきもち〜写真→（渋さの写真かなりいいです！臨場感半端ない！）
・MELTIN’　HOTWAX→（Cha*2さんのWEBです）
・NORIOTOさんのBlog→（ワインごちそうさま！）
・VarnaGhitaのBlog→（最近作りました。CONNECTION OF LIFE）
・VarnaGhita.com→（最近リニューアルしました。）
・PAPA U-GeeさんのBlog→（いつも楽しく読んでます★）
・BOOM BOOM-BASH Groove Porter→（主催　おつかれさまでした。）

10.23

PEACE JOINT・PJ　10/30 release

Published 10月 23rd, 2009 Posted in カタチのはなし No Comments »　　

PEACE JOINT／PJ
10/30リリース決定！

PJってすげ〜人だ。。。と実感した作品です。

PJ

▲ジャケット（ロケ地：福生／ONENESS）

1.太陽
2.でも大丈夫さ
3.Brand New Sunrise
4.Reach It
5.PEACE JOINT
6.太陽 [acoustic version]
7.太陽 [dub mix version]
8.PEACE JOINT [dub mix version]

1.作詞: イクマあきら 　作曲: イクマあきら
2.作詞: KOHEY 　作曲: KOHEY
3.作詞: PJ 　作曲: PJ
4.作詞: PJ 　作曲: PJ／i-Watch
5.作詞: PJ 　作曲: PJ
6.作詞: イクマあきら 　作曲: イクマあきら
7.dub mix by PJ & Raita
8.dub mix by PJ & Raita

太陽
でも大丈夫さ
Brand New Sunrise
Reach It
PEACE JOINT
太陽 [acoustic version]
太陽 [dub mix version]
PEACE JOINT [dub mix version]

1,6: Steel Pan-Takeshi”Tico”Toki [Little Tempo]
3: Pianica-Ras Takashi
1,2: Sax-Naomi Shibai
6: Acoustic Gtr.-Raita [BAGDAD CAFE THE trench town]
1: Thankyou Voice-Ran [BAGDAD CAFE THE trench town]
1,4: Piano&Syn-マイケル☆パンチ [BAGDAD CAFE THE trench town]

produced by PJ
mixed by  Raita

recorded at studio Bunke [Kichijoji], BAGDAD studio
recording engineer: Tahara [studio Bunke], Raita [BAGDAD studio]
mastering engineer: Tohru Kotetsu

director: Akiyoshi Ono [boom boom-bash groove porter]
assist director: Yoshiaki Shibata [boom boom-bash groove porter]
assist director: Keiichi Yamada [boom boom-bash groove porter]

design: Takashi Shiratori [katachigfx]
photography: Hitoshi Shoji

リリースフライヤー

ステッカーも作りました。
ステッカーは幅35mm程度の小さいサイズ。携帯にでも貼ってください。
アートディレクションはいつも忙しい柴田さん！ イエィ！

最近の記事

アーカイブ



HELLO! SANCHES LINKS

リンク