| 作業記録 - kinyaさんのエントリ |
kinyaさんのエントリ配信 |
2007/04/15
|
XOOPSのデザイン変更
執筆者: kinya (5:10 am)
|
XOOPSのデザイン変更を行っておりますが,CSSファイルと格闘中です。 styles.cssの定義は,次の通りらしいので,ちょこちょこと変更をしてみます。 「 defultテーマのstyles.cssの定義詳細 /* ------------------------------------------------------------- */ /* themes/defult/style.cssの定義詳細 */ /* styleMAC.css、styleNN.cssファイルもありますが、 */ /* 現在はstyle.cssを読み込む設定になっています。 */ /* *Macでの文字化け対策(IE) */ /* font-family: にOsakaを追加する。 */ /* first-letter指定を使わない。 */ /* 管理画面の文字化けは、/modules/system/style.css */ /* のfont-family: にOsakaを追加するか、 */ /* font-family:指定を削除する。 */ /* ------------------------------------------------------------- */ /*全体の定義*/ /* ------------------------------------------------------------- */ /*bodyの定義*/ body {color: black; background: white; margin: 0; padding: 0;} /*テーブルの定義*/ table {width: 100%; margin: 5; padding: 5; font-size: small} /*テーブルデータの定義*/ table td {padding: 0; border-width: 0; vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif;} /*リンクの定義*/ a {color: #666666; text-decoration: none; font-weight: bold; background-color: transparent;} /*リンクにカーソルがのった時*/ a:hover {color: #ff6600;} /*見出しの定義*/ h1 {} h2 {} h3 {} h4 {} h5 {} /*リストの定義*/ ul { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;} li { margin-left: 2px; list-style: square inside; color: #2F5376} /*フォームボタンの定義*/ input.formButton {} /* ------------------------------------------------------------- */ /*ニュースの定義*/ /* ------------------------------------------------------------- */ /* ニュースの枠 */ .item {border: 1px solid #cccccc;} /* ニュースのタイトルバー */ .itemHead {padding: 3px; background-color: #2F5376; color: #FFFFFF;} /* ニュースの投稿情報欄 */ .itemInfo {text-align: right; padding: 3px; background-color: #efefef} /* ニュースのタイトルの設定 */ .itemTitle a {font-size: 130%; font-weight: bold; font-variant: small-caps; color: #ffffff; background-color: transparent;} /* ニュースの投稿者 */ .itemPoster {font-size: 90%; font-style:italic;} /* ニュースの投稿日 */ .itemPostDate {font-size: 90%; font-style:italic;} /* ニュースのステータス */ .itemStats {font-size: 90%; font-style:italic;} /* ニュースの記事 */ .itemBody {padding-left: 5px;} .itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;} /* ニュース記事の1文字目(注:MacのIEでは文字化けします。) */ .itemText:first-letter {font-size: 133%; font-weight: bold;} /* ニュースのフッター */ .itemFoot {text-align: right; padding: 3px; background-color: #efefef} .itemAdminLink {font-size: 90%;} .itemPermaLink {font-size: 90%;} /* ------------------------------------------------------------- */ /* テーブルヘッダー(th)の定義 */ th {background-color: #2F5376; color: #FFFFFF; padding : 2px; vertical-align : middle; font-family: Verdana, Arial, Helvetica, sans-serif;} /* テーブルデータ(td)の定義 */ /* ------------------------------------------------------------- */ /* ヘッダーのバナー */ td#headerbanner {width: 100%; background-color: #2F5376; vertical-align: middle; text-align:center;} /* ヘッダーのバー */ td#headerbar {border-bottom: 1px solid #dddddd; background-image: url(hbar.gif);} /* ------------------------------------------------------------- */ /* 左コラムの定義 */ /* ------------------------------------------------------------- */ /* 左コラムのテーブルデータ */ td#leftcolumn {width: 170px; border-right: 1px solid #cccccc; font-size:12px;} /* 左コラムのテーブルヘッダー */ td#leftcolumn th {background-color: #2F5376; color: #FFFFFF; vertical-align: middle;} /* 左コラムのタイトル */ td#leftcolumn div.blockTitle {padding: 3px; background-color: #dddddd; color: #639ACE; font-weight: bold;} /* 左コラムのコンテンツ */ td#leftcolumn div.blockContent {padding: 3px; line-height: 120%; line-height: 120%;} /* ------------------------------------------------------------- */ /* 中央コラムの定義 */ /* ------------------------------------------------------------- */ /* 中央コラム全体のテーブルデータ*/ td#centercolumn {font-size: 12px;} /* 中央コラム全体のテーブルヘッダー*/ td#centercolumn th {background-color: #2F5376; color: #FFFFFF; vertical-align: middle;} /* 中央コラム中央のテーブルコラム*/ td#centerCcolumn {padding: 0px 3px 1px 3px;} /* 中央コラム中央のタイトル*/ td#centerCcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-left: 0px;} /* 中央コラム中央のコンテンツ*/ td#centerCcolumn div.blockContent {border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 3px; margin-right: 0px; margin-left: 0px; margin-bottom: 2px; line-height: 120%;} /* 中央コラム左のテーブルデータ*/ td#centerLcolumn {width: 50%; padding: 0px 3px 0px 0px;} /* 中央コラム左のタイトル*/ td#centerLcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px;} /* 中央コラム左のコンテンツ*/ td#centerLcolumn div.blockContent {border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 3px; margin-left: 3px; margin-right: 2px; margin-bottom: 2px; line-height: 120%;} /* 中央コラム右のテーブルデータ*/ td#centerRcolumn {width: 50%; padding: 0px 3px 0px 0px;} /* 中央コラム右のタイトル*/ td#centerRcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px;} /* 中央コラム右のコンテンツ*/ td#centerRcolumn div.blockContent {border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 3px; margin-left: 2px; margin-right: 3px; margin-bottom: 2px; line-height: 120%;} /* ------------------------------------------------------------- */ /* コンテンツの指定*/ div#content {text-align: left; padding: 8px;} /* 右コラムの定義 */ /* ------------------------------------------------------------- */ /* 右コラムのテーブルデータ*/ td#rightcolumn {width: 170px; border-left: 1px solid #cccccc; font-size:12px;} /* 右コラムのテーブルヘッダー*/ td#rightcolumn th {background-color: #2F5376; color: #FFFFFF; vertical-align: middle;} /* 右コラムのタイトル*/ td#rightcolumn div.blockTitle {padding: 3px; background-color: #dddddd; color: #639ACE; font-weight: bold;} /* 右コラム右のコンテンツ*/ td#rightcolumn div.blockContent {padding: 3px; line-height: 120%;} /* ------------------------------------------------------------- */ /* フッターバーのテーブル指定*/ tr#footerbar {text-align:center; background-image: url(hbar.gif);} /* メインメニューの定義*/ /* ------------------------------------------------------------- */ /* メインメニューのリンク*/ td#mainmenu a {background-color: #e6e6e6; display: block; margin: 0; padding: 4px;} /* メインメニューのリンクにカーソルがのった時*/ td#mainmenu a:hover {background-color: #ffffff;} /* メインメニューの一番上*/ td#mainmenu a.menuTop {padding-left: 3px; border-top: 1px solid silver; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;} /* メインメニューの一階層目*/ td#mainmenu a.menuMain {padding-left: 3px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;} /* メインメニューの二階層目*/ td#mainmenu a.menuSub {padding-left: 9px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;} /* ------------------------------------------------------------- */ /* ユーザーメニューの定義*/ /* ------------------------------------------------------------- */ /* ユーザーメニューのリンク*/ td#usermenu a {background-color: #e6e6e6; display: block; margin: 0; padding: 4px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;} /* ユーザーメニューのリンクにカーソルがのった時*/ td#usermenu a:hover {background-color: #ffffff;} /* ユーザーメニューの一番上*/ td#usermenu a.menuTop {border-top: 1px solid silver;} /* ユーザーメニューのハイライト*/ td#usermenu a.highlight {background-color: #fcc;} /* ------------------------------------------------------------- */ /*フォーラムなどのテーブル定義*/ /* ------------------------------------------------------------- */ /* フォーラムなどの外枠*/ .outer {border: 1px solid silver;} /* フォーラムなどの投稿情報他 */ .head {background-color: #c2cdd6; padding: 5px; font-weight: bold;} /* フォーラムなどのテーブルセル、交互に色が変わる部分 */ .even {background-color: #dee3e7; padding: 5px;} .odd {background-color: #E9E9E9; padding: 5px;} /* フォーラムなどのフッター */ .foot {background-color: #c2cdd6; padding: 5px; font-weight: bold;} /* フォーラムなどのテーブルヘッダー、交互に色が変わる部分 */ tr.even td {background-color: #dee3e7; padding: 5px;} tr.odd td {background-color: #E9E9E9; padding: 5px;} /* ------------------------------------------------------------- */ /*システムメッセージ*/ /* ------------------------------------------------------------- */ /* エラーメッセージ */ div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;} /* 確定メッセージ */ div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;} /* 結果メッセージ */ div.resultMsg { background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;} /* ------------------------------------------------------------- */ /* BBコード */ /* ------------------------------------------------------------- */ /* BBコードで記入したコード表示 */ div.xoopsCode { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;} /* BBコードで記入した引用表示*/ div.xoopsQuote { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;} /* ------------------------------------------------------------- */ /* コメントの定義 */ /* ------------------------------------------------------------- */ /* コメントのタイトル */ .comTitle {font-weight: bold; margin-bottom: 2px;} /* コメントのテキスト */ .comText {padding: 2px;} /* コメントユーザーの情報*/ .comUserStat {font-size: 10px; color: #2F5376; font-weight:bold; border: 1px solid silver; background-color: #ffffff; margin: 2px; padding: 2px;} /* コメントユーザーの詳細(登録日、投稿数など) */ .comUserStatCaption {font-weight: normal;} /* コメントユーザーのステータス */ .comUserStatus {margin-left: 2px; margin-top: 10px; color: #2F5376; font-weight:bold; font-size: 10px;} /* コメントユーザーのランク情報 */ .comUserRank {margin: 2px;} /* コメントユーザーのランク */ .comUserRankText {font-size: 10px;font-weight:bold;} /* コメントユーザーのランクイメージ(星印)*/ .comUserRankImg {border: 0;} /* コメントユーザーの名前 */ .comUserName {} /* コメントユーザーのアバター */ .comUserImg {margin: 2px;} /* コメントの日付*/ .comDate {font-weight: normal; font-style: italic; font-size: smaller} /* コメントの日付の説明*/ .comDateCaption {font-weight: bold; font-style: normal;} /* ------------------------------------------------------------- */ 」 参考URL http://www.art-nomad.net/material/index.php?cmd=read&page=Xoops%2Fdefult%A5%C6%A1%BC%A5%DE%A4%CEstyles.css%A4%CE%C4%EA%B5%C1%BE%DC%BA%D9 |
このエントリのトラックバックURL
http://www.keiaiemu.com/modules/weblog/weblog-tb.php/61







