2010年2月18日木曜日

header右上のトップ階層表示は、#headerNav(デフォテーマ)

プレーンヨーグルトのヘッダー右上に表示されている、トップ階層ページの表示は、
#page #header #headerNav
で指定されていました。

position:absoluteだったので、
#page #header{ position:relative; }
がrelative指定されていて、それに対しての配置ということで。

ul,liのmargin,paddingを0にすると、サイトマップ(オートナビ)の表示が崩れた。

デフォルトテーマのmain.css最初の
/* HTML Tag Redefinition */内で
ul,li{margin:0px;padding:0px;}を指定したら、

オートナビの階層表示が崩れたので止めに。
各idやclass内での指定に変更しました。

defaultテーマのカスタマイズメモ開始。

concrete5のdefaultテーマ「プレーンヨーグルト」のカスタマイズメモを書いていきます。
いろいろいじっていて、いろいろ躓いたりしたので備忘録も兼ねて。

2010年2月16日火曜日

concrete5ページリストブロックの文字サイズ等変更メモ

ページリストブロックのタイトルとdescriptionに関しては、
typography.cssで例えば以下の用に設定すると文字サイズやline-heightなどを設定できました。

h3.ccm-page-list-title{font-size:12px;line-height:12px;}
.ccm-page-list-description{font-size:10px;line-height:10px;}

同一ページタイプの一括編集メモ。

concrete5で同じページタイプを一括でデザイン変更する場合には、
管理画面から「ページとテーマ」を選択し、
「ページタイプ」のタブを選択して、
各ページタイプの「デフォルト」というボタンを押して編集します。

そうすると、各ページタイプのデフォルト(初期)デザインが変更されます。

そうして、変更を加えたブロックの上でクリックし「子ページの設定」を選択すると、
その変更を適用したい同一ページタイプの子ページが全て表示されるので、
そこで選択します。
すると、一括で同一ページタイプのページデザインが変更できて便利です。

2010年1月13日水曜日

素のHTML要素にスタイルを指定することは避けた方が無難ですね。

本家バグフォーラムよりの情報です。

新規ページを作る際、ページタイプのアイコンがスクロールできない領域に隠れてしまうバグが報告されていましたが、
原因は
  • 要素にCSSで
    li {
    margin-left: 1.5em;
    line-height: 1.5em;
    }
    といったように指定してしまっていたことだそうです。

    やはり、スタイルを根本的な要素にかぶせるのはいろいろ問題を引き起こしそうですね。

    (元情報は以下から。
    http://www.concrete5.org/community/bugs/page-icon-scroller-bug/
  • 2010年1月9日土曜日

    concrete5テーマ変換の神サイト

    http://c5.tktools.jp/
    c5.tktools.jpというサイトがありますが、このサイト、concrete5のテーマ変換の神サイトです。
    フリーのCSSテンプレートから変換しておられますが、数が半端ない。

    126のテーマを一括でインストールできるパッケージも配布されています。。

     http://c5.tktools.jp/index.php/themegallery/leavesdew/
    今日は拝見していて、上記テーマが気に入りました。(自分用のメモも兼ねて。。)
    それにしても、色々あって選び難いぐらいです。


    ちなみに、concrete5用にHTML+CSSを変換する方法は以下に詳しく説明されています。
    concrete5を日本で公式にローカライズしているUsagi Projectに自分も参加させていただいていますが、英語がある程度できるので骨子を訳させていただきました。
    http://concrete5-japan.org/help/design/step_by_step