ナビゲーションへスキップ コンテンツへスキップ

WebTecNote

気ままに綴る独学メモ帳

  • About
  • Contact
  • Downloads
メインナビゲーション

タグ: 2column

2Col 6box Fixed WideHeader&Footer

メインビジュアルをヘッダー直下に置き、その下にナビゲーション、さらにその下を2カラムに分割して、左側にメニュー、右側にコンテンツを配置したレイアウト。メニューが多くなりがちな商業サイトでよく採用されている。

2008/12/11By Tenderfeel 6BOX 2column、Download、Fixed、LeftMenu、Templateコメントする

SiteTemplate06: PhantomWhite

ちょっとテクニカルなレイアウトのWebサイトテンプレート。コンテンツ少なめの個人サイトやブログ向け。フォントサイズは10px前後で固定、表示エリアもかなりコンパクトです。White x Gray。

2008/11/11By Tenderfeel Web Site 2BOX、2column、Download、Fixed、Templateコメントする

SiteTemplate05: PhantomBlack

ちょっとテクニカルなレイアウトのWebサイトテンプレート。コンテンツ少なめの個人サイトやブログ向け。フォントサイズは10px前後で固定、表示エリアもかなりコンパクトです。Black x Aqua。

2008/11/11By Tenderfeel Web Site 2BOX、2column、Download、Fixed、Templateコメントする

SiteTemplate03:2Column 5box CenterVisual&TabMenu

ちょっとテクニカルなレイアウトのWebサイトテンプレートその3。 中身は基本的なXHTMLとCSSだけで、メニューとレイアウト要素以外は入っていません。 このテンプレートは上にタブメニュー、中央にメインビジュアル用のwi […]

2008/06/03By Tenderfeel Web Site 2column、Download、Fixed、Tab Menu、Template1件のコメント

SiteTemplate02: 2-3Columun 4-5BOX BlogStyle

ちょっとテクニカルなレイアウトのWebサイトテンプレート。このテンプレートはブログによくあるトップのみ3カラム、中が2カラムの構成で、ヘッダとフッタが横100%に見えるように作ってあります。

2008/05/30By Tenderfeel Web Site 2column、3column、Download、liquid、Templateコメントする

2Column 6box Elastic LeftExtra

メニューエリアが広いのでアフィも並べやすそう。

2008/03/08By Tenderfeel 6BOX 2column、Elastic、Halvesコメントする

2Column 4box Fixed L-hlv

positionとfloatの合わせ技。IEでのバグ対策が最大のポイントか・・。

2008/03/07By Tenderfeel 4BOX 2column、2Helvs、Fixed、JavaScriptコメントする

2Column 5box Elastic TMLE

上と下がそれぞれ2カラム。オーソドックスです。

2008/03/07By Tenderfeel 5BOX 2column、5BOX、Elasticコメントする

2Column 4box Floating LeftMenu

position:absoluteでメニューを浮かせてあります。実用性は低いかも。

2008/03/07By Tenderfeel 4BOX 2column、Fixed、Floating、LeftMenuコメントする

2Column 4box Fixed RightMenu

position:absoluteを使ったレイアウト。#contentの高さが出ないレイアウトには不向き。

2008/03/07By Tenderfeel 4BOX 2column、Fixed、RightMenuコメントする

2Column 4box Fixed LeftMenu

Float使用、横幅固定で中央寄せ。コンテンツの量が少ないサイト向き。

2008/03/06By Tenderfeel 4BOX 2column、Fixed、LeftMenuコメントする

2Column 4box Elastic RightMenu

position:absoluteを使ったレイアウト。#contentの高さが出ないレイアウトには不向き

2008/03/05By Tenderfeel 4BOX 2column、Elastic、RightMenuコメントする

2Column 4box Elastic LeftMenu

Floatを使ったレイアウト。#menuよりも#contentsの高さが低くなっても崩れない。

2008/03/04By Tenderfeel 4BOX 2column、Elastic、LeftMenuコメントする
フォローする
  • Twitter
カテゴリー
  • CSS (63)
    • Compass (3)
    • Sass (1)
  • Custom (8)
  • Dojo (1)
  • GoogleMap (23)
  • HTML&XHTML (14)
    • HTML5 (3)
  • Information (19)
  • Javascript (90)
    • Firebase (8)
    • Vue&Nuxt (15)
  • jQuery (10)
  • Material (9)
  • Memo (84)
  • MooTools (62)
    • Tutorial (6)
  • Perl (1)
  • PHP (37)
    • CakePHP (2)
    • OOPでBBS (7)
    • Zend Framework (4)
  • Template (29)
    • 4BOX (8)
    • 5BOX (5)
    • 6BOX (4)
    • Form (5)
    • Menu (1)
    • Web Site (6)
  • wordpress (69)
    • plugin (9)
    • Reference (7)
    • Themes Making (3)
最近の投稿
  • [Vue] vue-test-utils の Deprecation warning への対応
  • Vercel+Nuxt.jsで爆速Webアプリ作成
  • [JS] Firebaseの覚書 ⑧ 匿名認証の利用
  • Nuxt.jsでTestCafeを使用してみたメモ
  • [Nuxt.js] core-jsエラーへの対処
最近のコメント
  • [Chart.js] レーダーチャートの値が表示されないバグをTooltipカスタムでなんとかする に chart.js2.9.4でlabelsをテンプレート指定すると表示されない | ダーシャのブログ より
  • [HTML] Aタグにおけるrel属性の意味と効果について に aタグでリンクを繋げる際に気をつけたい事 | デザインスタジオドアーズ名古屋 より
  • レスポンシブWebデザインを実装するためのTips に 1行で、画像をレスポンシブにする – たつブロ より
  • [WordPress] カスタムヘッダーをカルーセル表示に変更する に Tenderfeel より
  • [WordPress] カスタムヘッダーをカルーセル表示に変更する に nirdosh_yaqin より
Tags
1Column 2column Ajax Android Aptana Class CodeSandbox CSS CSS3 Demo Download Dreamweaver Elastic Firebase FirebaseAuthentication Fixed Form free script Fx.Tween Google GoogleMap HTML5 HTML5API IE infowindow iphone JavaScript jQuery MooTools Nuxt OOP PHP Regular Expression rollover Sass Template Vue Web Browser wordpress wp-custom wp-function wp-plugin wp-themes XHTML zeromail
  • RSS - 投稿
  • RSS - コメント
© WebTecNote 2021 • ThemeCountry Powered by WordPress