2011-10-20 6 views
0

モニタの解像度が上がるにつれて、水平方向のスペース(幅)と垂直方向のスペースがますます増えています(今日のほとんどのモニュレートは16:9または16:10、さらには21:9) 。そのため、より長い幅に適した長いテキストを作成する能力が必要です。新聞のような列はますます増加傾向です。CMSシステムへのカラムの挿入

CMSのサポート方法私は現在、テキストがsの中に置かれている実装を持っていて、それらのdivはBlueprint CSSシステムのもの(スパン5、スパン8など)で装飾されています

これは動作しますが、素晴らしいユーザーエクスペリエンスを提供します。ほとんどのRTEはそれらを表示することができず、サイトCSSがリンクされている必要があります。これは最適ではない他のすべてのクラスとCSS設定をもたらします。

私はまた、一般に1つのテキスト(例えば1つの列)を保持するTEXTコンテンツ項目を作成するオプションを実装しました。ユーザーは、それらをページの動的に追加/削除するウィジェット)。このソリューションの問題点は、ほとんどすべての段落が独自のテキストコンテンツ項目になり、その結果テキストの数が増えて管理不能になることです。

オプションを回答として投稿してください。私は実際にこれを行うための包括的で革新的な方法を探しています。どちらのCMSもこれを解決していないからです(DotNetNuke、BlogEngine.net、Ruby's Refinery CMS ...)

答えて

1

いくつかのオプションがありますサーバー側の実装に頼らずに実現できます。一部のブラウザでは、複数の列を提供するCSS3命令がサポートされています。 CSSを介して利用可能

#div { 
    column-count: 2; 
} 

プロパティは以下のとおりです。

  • 「列カウント」、要素の内容が流動するに列の数を決定します。
  • 'column-width'は、各列の最適な幅を表します。
  • 'column-gap':列間のパディングを設定します。
  • '列ルール'。列間の境界を定義します。

これは最も簡単なアプローチですが、どこでも同じような体験を保証するものではありません。テキストに基づいて列を作成できるJavaScriptソリューションもあります。 1の例として、ここでは

:だからhttp://www.csscripting.com/css-multi-column/

、私の推薦はプログレッシブ・エンハンスメントのアプローチのためになります。使用可能な場合はCSS3オプションを使用し、そうでない場合はJavaScriptを使用し、それ以外の場合は単一のワイド列にフォールバックします。

詳細情報:http://www.alistapart.com/articles/css3multicolumn

+0

提案していただきありがとうございます、私はこの仕様に注目しますが、今は適切ではありません。 IE9はそれをサポートしていません.FirefoxとChromeはベンダー固有のプロパティを介してのみサポートしますが、レンダリングは奇妙です(列は垂直に配置されていません)。 – mare

0

これは間違いなくDotNetNukeのは、特に変更はDNN 6.1で来て、扱うことができるものです。この変更はモバイルデバイスを対象としていますが、その機能を使用して画面の幅に基づいて異なるコンテンツビューを提供するだけでは意味がありません。

+0

は6となります。01 Betaまたはどのバージョンをダウンロードすればよいですか?それは実際にどこで見ることができますか? – mare

+0

はい、6.1.0ベータ版がダウンロードされますが、数週間前ですが、リリースに近いと思います –