質問 > フロント機能 > 3カラムを一部跨ぐブロックの作り方 |
フロント機能
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
maoo |
投稿日時: 2009/9/26 16:05
対応状況: −−−
|
半人前 登録日: 2009/9/10 居住地: 投稿: 12 |
3カラムを一部跨ぐブロックの作り方 タイトル通りなのですが、通常3カラムデザインの一部(たとえばブロックで)のみ2カラムに・・・などは、cssで制御出来ますでしょうか?
EC CUBEの事例などで時々見かけるのですが(サイト名など出すのは拙いと思われるので文章でしか説明できないのですが・・・)、構成としては基本3カラムで、ヘッダの下部のみ2カラム分画像が跨ぎ、その横にカートのブロック、それ以降は、通常の3カラムとしてカテゴリ、メインページ、検索・・・などと並んでいました ┏━━━━━━━━━━┓ ┃┌────────┐┃ ┃└────────┘┃ ┃┌─┐┌─────┐┃ ┃│★││2カラム分│┃ ┃└─┘└─────┘┃ ┃┌──┐┌─┐┌─┐┃ ┃│★★││☆││★│┃ ┃└──┘└─┘└─┘┃ ┃┌────────┐┃ ┃└────────┘┃ ┗━━━━━━━━━━┛ デザインとしてはこういう感じです 自分なりにちょっと触ってみたのですが、どうしても次のブロックと重なってしまったりして上手くいきません ちなみにcssにこだわっているわけではないので、別の部位を書き換えれば上手くいく、などもお教えいただければ幸いです よろしくお願いいたします |
seasoft |
投稿日時: 2009/9/26 16:13
対応状況: −−−
|
神 登録日: 2008/6/4 居住地: 投稿: 7367 |
Re: 3カラムを一部跨ぐブロックの作り方 EC-CUBEコミュニティ(eccube-comu) なら、ブロックとして定義して、ヘッダー部下に配置すれば済みそうです。
|
maoo |
投稿日時: 2009/9/27 3:24
対応状況: −−−
|
半人前 登録日: 2009/9/10 居住地: 投稿: 12 |
Re: 3カラムを一部跨ぐブロックの作り方 お返事ありがとうございます
ちょっと試してみたいと思います |
DDR |
投稿日時: 2009/9/27 4:28
対応状況: −−−
|
仙人 登録日: 2008/6/21 居住地: 大阪 投稿: 307 |
Re: 3カラムを一部跨ぐブロックの作り方 私もトップページのみ
3カラム構成で2カラム分横幅のflashを配置したくcssで調整してみました 配置だけでしたらCSSのみでヘッダー下には可能でしたよ
|
maoo |
投稿日時: 2009/9/28 22:41
対応状況: −−−
|
半人前 登録日: 2009/9/10 居住地: 投稿: 12 |
Re: 3カラムを一部跨ぐブロックの作り方 ナイトリーバージョンを試してみましたが、ちょっと自分のやりたかったのとは違ったようです>でもカラム数が増えてるのは魅力でした・・・
>DDR様 もしよろしければそのやり方をお教えいただくことは可能でしょうか? よろしくお願いいたします |
seasoft |
投稿日時: 2009/9/29 2:27
対応状況: −−−
|
神 登録日: 2008/6/4 居住地: 投稿: 7367 |
Re: 3カラムを一部跨ぐブロックの作り方 ぶち抜きをする用途のものなので、目的には合っていそうですよ。
http://xoops.ec-cube.net/modules/newbb/viewtopic.php?topic_id=4310&forum=12&post_id=19177#forumpost19177 新規ブロックを作る必要があると思いますが、既存ブロックの埋め込みを行なう場合、下記のスレッドも参考になると思います。 http://xoops.ec-cube.net/modules/newbb/viewtopic.php?topic_id=4687&forum=10
|
seasoft |
投稿日時: 2009/9/29 3:09
対応状況: −−−
|
神 登録日: 2008/6/4 居住地: 投稿: 7367 |
Re: 3カラムを一部跨ぐブロックの作り方 非常にざっくりとですが、まとめてみました。
http://seasoft.jp1.cx/ec/tips/bloc
|
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |