プレーンヨーグルトのヘッダー右上に表示されている、トップ階層ページの表示は、
#page #header #headerNav
で指定されていました。
position:absoluteだったので、
#page #header{ position:relative; }
がrelative指定されていて、それに対しての配置ということで。
2010年2月18日木曜日
ul,liのmargin,paddingを0にすると、サイトマップ(オートナビ)の表示が崩れた。
デフォルトテーマのmain.css最初の
/* HTML Tag Redefinition */内で
ul,li{margin:0px;padding:0px;}を指定したら、
オートナビの階層表示が崩れたので止めに。
各idやclass内での指定に変更しました。
/* 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;}
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で
やはり、スタイルを根本的な要素にかぶせるのはいろいろ問題を引き起こしそうですね。
(元情報は以下から。
http://www.concrete5.org/community/bugs/page-icon-scroller-bug/)
新規ページを作る際、ページタイプのアイコンがスクロールできない領域に隠れてしまうバグが報告されていましたが、
原因は
li {
margin-left: 1.5em;
line-height: 1.5em;
}
といったように指定してしまっていたことだそうです。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
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
登録:
投稿 (Atom)

