http://w.atwiki.jp/comneko/ CSS SAMPLE ja 2006-12-06T17:39:10+09:00 1165394350 https://w.atwiki.jp/comneko/pages/9.html **layout.css サイト全体の大まかなレイアウトブロックのレイアウトのみを設定。 デザイン、ブロック内部のコンテンツレイアウトは別CSSにて設定する。 ***SAMPLE /*** 大外枠 ***/ #outline { position: relative; margin: 0 auto; text-align: left; background-color: #FFF; z-index: 0; width: 732px; } /*** ヘッダー ***/ #header { position: relative; width: 732px; height: 36px; background-color: #Fc9; z-index: 10; } /*** フッター ***/ #footer { width: 732px; margin: 0 auto; text-align: left; z-index: 10; } /*** メニューその１(ヘッダメニュー) ***/ /** デザイン詳細は parts_menu.css **/ #menuCont1 { width: 732px; height: 20px; overflow: hidden; z-index: 20; } /*** コンテンツ ***/ /** サイト内容記述領域。詳細は [[object.css]] で規定 **/ #contents { width: 732px; min-height: 360px; _hight: 360px; z-index: 1; } 2006-12-06T17:39:10+09:00 1165394350 https://w.atwiki.jp/comneko/pages/8.html **object.css 当該サイト特有でサイト全体に共通なスタイルを設定。 色・タイトルスタイル・テーブルスタイルなどなど。 （特定のページ/コンテンツのスタイルは別に cont_xxx.css 内に記述する） **SAMPLE /*** 色 ***/ .bgclr01 { background-color: #03C; color: #FFF; } .bgclr02 { background-color: #CD3636; color: #FFF; } .bgclr03 { background-color: #EED8A9; } .bgclr04 { background-color: #FBF3E2; } .bgclr05 { background-color: #FFFFE9; } .bgclr06 { background-color: #F0F0F0; } /*** タイトルデザイン ***/ .ttline_lft_btm { padding: 2px 0 3px 6px; border-bottom: solid 1px #C9C9C9; border-left: solid 8px #999; margin-bottom: 1em; } .ttline_btm { padding: 0 6px 4px; border-bottom: solid 1px #C9C9C9; margin-bottom: .6em; } .ttline_lft { padding: 1px 6px; border-left: solid 6px #999; margin-bottom: .6em; } 2006-12-06T17:35:52+09:00 1165394152 https://w.atwiki.jp/comneko/pages/7.html ** common.css 一般的なサイトデザインで共通して使用可能なクラス設定など /* フロート画像(右) */ img.flright { display: block; line-height: normal; float: right; margin: 0 0 5px 10px; } /* フロート画像(左) */ img.flleft { display: block; line-height: normal; float: left; margin: 0 10px 5px 0; } /* フロートクリア */ .clear { clear: both; font-size: 1px; height: 1px; } /* よく使う文字色 */ .fc_FCC { color: #FCC; } .fc_F99 { color: #F99; } .fc_F66 { color: #F66; } .fc_F33 { color: #F33; } .fc_F00 { color: #F00; } .fc_96F { color: #96F; } .fc_F60 { color: #F60; } .fc_3C9 { color: #3C9; } .fc_C00 { color: #C00; } .fc_00C { color: #00C; } /* 文字サイズ */ .fsxxlarge { font-size: 160%; } .fsxlarge { font-size: 140%; } .fslarge { font-size: 120%; } .fssmall { font-size: 84%; } /* 行間 */ .txtheight { line-height: 1.6; } /* テキストコンテンツエリアの行間 */ .txtcont p, .txtcont li, .txtcont dl { line-height: 1.6; } /* 文字種 */ 2006-12-06T17:03:04+09:00 1165392184 https://w.atwiki.jp/comneko/pages/6.html *base.css サイト全体の基本設定。 文字色、背景、フォントサイズ、タグ規定スタイルの変更等。 **SAMPLE * { margin: 0; padding: 0;} img { vertical-align: bottom; border: 0; } map { visibility: hidden; } /* 基本文字サイズ */ body { font-size: 80%; } th,td { font-size: 100% !important; font-size /**/: 80%; } /* 各種タイトルの文字サイズ */ h1,h2,h3,h4,h5,h6 { font-size: 100%; } /** body **/ body { color: #333; background-color: #FFF; text-align: center; } /** form **/ input, select { vertical-align: middle; } 2006-12-06T16:49:07+09:00 1165391347 https://w.atwiki.jp/comneko/pages/5.html **set.css 各種CSSを読み込むためのCSS。 基本CSS群をまとめて読み込みます。 @charset "Shift-JIS"; @import "[[common.css]]"; @import "[[base.css]]"; @import "[[object.css]]"; @import "parts_header.css"; @import "parts_footer.css"; @import "parts_menu.css"; @import "[[layout.css]]"; 2006-12-06T16:19:13+09:00 1165389553 https://w.atwiki.jp/comneko/pages/4.html **基本CSSセット あらゆるサイトに共通で使えるCSSセット。 ***構成 [[set.css]] ├[[base.css]] ├[[common.css]] ├[[object.css]] ├[[layout.css]] ├parts_fotter.css ├parts_header.css] ├parts_menu.css ├・・・・ 2006-12-06T16:23:20+09:00 1165389800 https://w.atwiki.jp/comneko/pages/3.html **更新履歴 #recent(20) **CNET #showrss(http://japan.cnet.com/rss/index.rdf,recent,0,1,1,20,16) 2006-12-06T16:08:32+09:00 1165388912 https://w.atwiki.jp/comneko/pages/2.html -[[基本CSSセット]] --[[set.css]] --[[base.css]] --[[common.css]] --[[object.css]] --[[layout.css]] -[[トップページ]] 2006-12-06T16:29:18+09:00 1165390158 https://w.atwiki.jp/comneko/pages/1.html ウィキはみんなで気軽にホームページ編集できるツールです。 このページは自由に編集することができます。 メールで送られてきたパスワードを用いてログインすることで、各種変更（サイト名、トップページ、メンバー管理、サイドページ、デザイン、ページ管理、等）することができます ***新しいページを作りたい！！ -ページの下や上に「新規作成」というリンクがあるので、それをクリックしてください。 あいうえお ***表示しているページを編集したい！ -ページ上の「このページを編集」というリンクや、ページ下の「編集」というリンクを押してください。 ***ブログサイトの更新情報を自動的に載せたい！！ -[[お気に入りのブログのRSSを使っていつでも新しい情報を表示できます。詳しくはこちらをどうぞ。>http://atwiki.jp/tools/blogrssmaker.html]] ***ニュースサイトの更新情報を自動的に載せたい！！ -[[RSSを使うと簡単に情報通になれます、詳しくはこちらをどうぞ。>http://atwiki.jp/tools/rssmaker.html]] ***その他にもいろいろな機能満載！！ -[[詳しくは、FAQ・初心者講座@wikiをみてね☆>http://www1.atwiki.jp/faq/]] ***分からないことは？ -[[@wikiの詳しい使い方はヘルプ・FAQ・初心者講座@wikiをごらんください。メールでのお問い合わせも受け付けております。>http://www1.atwiki.jp/faq/]] -[[ユーザ同士のコミュニケーションにはたすけあい掲示板をご利用ください>http://bbs.atwiki.jp/]] 2006-12-06T15:34:38+09:00 1165386878