web-dev-qa-db-ja.com

Drupalで複雑なCSSフッターレイアウトを再作成する

大学のWebデザイナーからHTMLとCSSファイルを受け取ったので、Drupalで作成しているライブラリのWebサイトに基本的に同じレイアウトを複製する必要があります。フッター(添付のリンクを参照してください)は、これまでのところ最大のハードルでした。 (メニューとしてまだ作成していない)メニューで構成されるこのタイプの列ベースのインラインレイアウトでは、各メニューを処理するために.infoファイルに新しい領域を作成する必要がありますか?大学の住所情報もあります。とアイコン、これは別のリージョンにする必要がありますか、それともメインのフッターリージョンの一部にすぎないようにカスタム変数とHTMLを追加する必要がありますか?または、ブロック、パネル、または別のモジュールを使用してこのレイアウトをより効率的に作成する方法はありますか?

最後にもう1つ、列には3つの見出し(Who Are You?、Quicklinks、およびAdmissions)があるため、各名前をタイトルとしてメニューを作成する予定です。レイアウト目的で6つの個別のインライン領域を作成する必要なく、複数の列にわたるメニュー項目のオーバーフローに対処するための最良の戦略は何ですか?

支援、ガイダンス、または提案をお寄せいただきありがとうございます。このサイトは、過去数か月にわたってDrupalを学ぶ上で非常に貴重なリソースでした。私はあなたのすべての投稿、回答、コメントからお互いに多くを学びました。

フッターのデザイン:footer http://dl.dropbox.com/u/664958/footer.png

3
jkneip

これらのメニュー用に1つのリージョンを設定します。そのリージョンには、3つのメニューブロックがあります( http://drupal.org/project/menu_block )、1)あなたは誰ですか、2)クイックリンク3 )入学。

CSSは、必要なレイアウトを取得するための友達になります。

「あなたは誰ですか」メニューは簡単で、メニューブロックを左に浮かせ、幅を固定する必要があります。 「入学」メニューも同様です。

中央のメニューも同様ですが、必要なのは、より広い固定幅のメニューブロックを用意し、メニュー項目の幅を固定して、左にフロートさせることだけです。次に、メニュー項目を注文して、正しい列に表示されるようにする必要があります。

メニューの下のテキストは、単に適切にスタイル設定された2〜3の標準テキストブロックである必要があります。

これが理にかなっているといいのですが。他の開発者がこれを攻撃する方法を見てみたいと思います。

乾杯。

4
thatboyjim

Skinrモジュールはこの種のことを助けることができます: http://fusiondrupalthemes.com/support/documentation/layout/adding-menu-your-sites-footer

Drupal 6を使用している場合は、試してみます。7の準備はまだ十分ではありませんが、とにかく一見の価値があります。他にも多くのことができるでしょう。より簡単で、多くの基本テーマには組み込みのサポートが組み込まれています。

0
sarahjean