2011-12-21 8 views
0

私は独特なレイアウトを持っていますが、ビルドするのは難しいですが、私自身はそれを達成するのに十分な経験がありません。多分誰かが私を助けることができますか?1つの要素がコンテンツに揃ったスタイル付きナビゲーションバー

コンテンツを中央に縦のボックスで約700ピクセル幅で表示するページが必要です。コンテンツは縦にリストされた個々の投稿になります(Tumblrと思う)。それは汗ではありませんが、難しい部分はナビゲーションバーです。

バーには年のリンクが表示され、現在の年が中央、前の年が左、次が年になります。シバン全体がページの幅の100%を占めます。現在選択されている年はコンテンツの列と同じ幅になりたいユーザーが別の年をクリックすると、その年が表示され、それに応じて他の年が変更されます(その部分を処理できます)。

ここでは、私が話していることのより良いアイデアを提供するためのイラストがあります。

enter image description here

これは可能でしょう何かか?どのようにこれを達成するための任意のアイデア? は(右の毎年であるという事実を無視し、2010年には2012年、2013年、2014年でなければなりません)あなたは、CSS http://divitodesign.com/css/how-to-dropdown-css-menu/

と、ドロップダウンメニューのようにそれを構築したりするPHPのswitchステートメントを使用することができ

答えて

2

私はjQueryのタブは、トリックを行いますと思う:http://jqueryui.com/demos/tabs/

+0

それはつもり私が望む外観を得るために修正がかかるですが、これは間違いなく動作します。 – Jimmy

+0

あなたが選択されたときにタブをどのように循環させるのか分からないでしょうか?例えば。 2009タブをクリックした場合は、そのタブを中央に置き、最後の2つのタブを削除して2つを先頭に追加します。 – Jimmy

0

変数をクリックすると変数を設定します。ページがリロードされて変数がURLに渡されると、それを使用して、現在のクラスを必要な年に設定します。

関連する問題