ブログ

今日はIE6でPNG画像をロールオーバー時に表示させるのに苦労しました。
色々な方法で試してみたのですが、なかなかうまくいかず・・・。
その中で
season.dtiblog.com/blog-entry-41.html
に書かれている方法でやってみると、ちゃんと表示されました！

こんなの自分では絶対考えつきそうにもありません

drupalのモジュール「 image menu」。
このモジュールを使うと、メニュー項目に画像を表示することができるそうです。 　
image menuを使いもう一度、メニューを作り直してみました。
drupal.org/project/imagemenu

からファイルをダウンロード、解凍し、modulesに置きます。

管理セクション→モジュールからimage menuにチェックを入れ保存。

メニューにImagemenusが表示されているのでクリック。

メニューの追加から新しいメニューを作成し、メニュー項目を追加していきます。

この項目を追加していくときに、最初のImage Pathに表示させたい画像のパスを入力。

二番目のImage Pathにはマウスオーバー時に表示させたい画像のパスを入力します。

その他必要な項目を入力し保存。

これを使えばとても簡単にメニューに画像を表示させることができました。

ただ一つ問題が。

pngfixを使った場合にちゃんと表示されない。

何とか一通り作り終えることができました。

データをサーバーにアップし、もう一度Drupalの設定を一から復習の意味も込め行いました。
色々やった中で、Viewsの設定がやはり一番複雑で難しいです。
早く使いこなせるよう勉強しなくては！

一通り終えてみて、時間が掛かってしまったと反省です。
確かに今回は色々難しい部分があったけど、毎回こんなに時間が掛かっていてはダメですもんね。
作業のスピードを上げるため、日頃から出来る事を心がけていきたいです。

昨日の復習も込めDrupalのViewsの設定をしました。

ひとつ問題が。
Viewsを作成するときはDefaultを基本とし、必要に応じ新しいものを作っていくのですが、overrideという機能を知らなかったため、一つ変更したら他のも全部変わってしまうという現象に悩まされてしまいました。

個別に変更したい場合は overrideをクリック！
忘れないようにしたいです。

だいたい感覚は掴めてきたような気がします。
まだまだ使いこなせるようになるには、時間が掛かるかもしれませんがしっかりと頭に叩き込んでおきたいです。

今日はDrupalのモジュールViewsに挑戦しました。

フィールドという項目で表示したいフィールドを選択し、やってはみたものの、必要ないものまで表示されてしまします。

例えばコンテンツタイプがABCと3つあったとして、必要なフィールドは共通なのでフィールド1というフィールドを1つだけ作ります。

コンテンツAでフィールド1を表示させようと思ったらBやCまで表示されてしまう。

なのでフィールドを細かく分類して

Aフィールド1
Bフィールド1
Cフィールド1

としてみたもののこれじゃなんか変だし・・・。

考えたのですが結局自分では解決出来ませんでした。

こういう場合はフィルタという項目を設定しなくてはいけないんですね。
このフィルタでABCのどのコンテンツか選択すると、そのコンテンツのフィールドがちゃんと表示されました。

明日、今日の復習も込めてもう一度Viewsに挑戦です。

昨日もdrupalのモジュールについて書きましたが、今日もいくつかモジュールを追加したので忘れないように書いておきたいと思います。

ImageField

コンテンツタイプに画像のアップローフィールドを追加できるようにするモジュール。 ImageFieldを使うために
FileField
ImageAPI
Flexi Field
など必要なモジュールもインストールしました。

その他に
flexfild（複数の項目をまとめて管理することができるモジュール。）
ContentTemplate
Panels

などなど。

まだまだ勉強不足なので、もっと調べて、今度は詳しくブログに書きたいと思います。

今日はdrupalのCCK(Content Construction Kit)モジュールに挑戦です。

CCKとは、独自のコンテンツタイプを作り、さまざまな項目を追加することができる機能です。

drupal.org/project/cck

ここからダウンロードしました。

参考にしたのはwww.webgogo.jp/drupal/modules/cckのサイト。

手順通りに進めていくと、ちゃんと新しいコンテンツが出来上がりました。

ですがこれで終わりというわけではありません。

もっと調べて研究が必要です。

今日はHTMLのタグ付けをもう一度見返してみました。

よくよく見てみると無駄が多い！
分かりやすくするため必要以上に、divで囲んでしまい、それがかえってスタイルシートに書くときに面倒になっていました。

タグ付をもう一度整理し直すと、スタイルシートがかなりスッキリしました。

昨日ブログに書いた

「background-positionでrepeat-yがうまくできない」

今日もう一度チャレンジしてみたのですが、いい解決方法が見つからず・・・。
でも表現のしかたは他にもあるので、違うやり方を考え上手くいきました！
でもなんでダメだったんだろう？
調べてもよくわからなかったので気になります

そして次の問題

「png画像をIE6で表示するには。」

iffalse.com/log/2008/08/ie_png_fix_2.html

ここを参考にしてやってみました。

以前もpngfixを使った事があるので、できるだろうと思っていたのですが、そうはいきませんでした。

画像を指定した位置からリピートさせたい時、
background-positionで位置を、background-repeatでリピート方向をそれぞれ指定します。

そこで今日はつまずきました。
リピートさせたいのはy(縦方向)なのですが、background-repeatでrepeat-yとすると上手くリピートされません。
試しにrepeat-xとするとちゃんとリピートされます。

なんでだろう？

この問題を今日は解決出来なかったので、また明日考えないと！！