eclat cyber city サポートフォーラム

cyber cityのサポートフォーラムです

 ご質問要望なんでも受け付けます。
 その他ユーザー間の助け合いやサイト作成におけるTipsなどの会話にどうぞ。

 ・この掲示板ではタグは使用できません。
 ・URLは自動的にリンクされます。
スレッド削除キー(最初に投稿した削除キーと同様)   

タイトル : 基本的なCSSの設定

1 サポート

2004/10/28 05:32

最低限の解説も無いですので取り急ぎ重要な点など。

デザイン設定内の基本設定ところの
.for-owner { }
.for-guest { display: none; }

及び、他の部分ごとの設定の
@import url("common.css");

は、「編集」などのボタンをオーナーが見たときだけ表示して
その他のユーザーには見せない設定なので
消さないほうが見栄えいいです。

とか。

削除キー   

2 サポート

2004/10/28 05:36

基本設定のCSSファイル(common.css)は全体で共通する設定をする用になっています。
ので標準では

.for-owner { }
.for-guest { display: none; }

…と編集ボタンをオーナー以外には隠す設定を入れて

BBSやプロフィールなど各項目ごとのデザイン編集では
@import url("common.css");

とまず入れて、common.cssに書かれた内容を引き継ぐ、という設定にしています。
これらは残したほうがいいと思います。

その他全体の文字色を統一したり、文字のサイズを設定したりといったものもcommon.cssに書いておけば
全体で適用されます。

削除キー   

3 サポート

2004/10/28 05:42

背景色を指定したいときは

body {
background-color: 文字色;
}

とします。


壁紙など背景画像を設定したいときは

body {
background-image: url("画像のURL") ;
}

と入れると適用されます。

--------------------
【例】

body {
background-color: #777777;
}

body {
background-color: red;
}

body {
background-image: url("http://www.eclat.cc/theme/sanpo/sq-blue.gif") ;
}
削除キー   

---
この発言は削除されました

5 サポート

2004/10/28 13:06

各項目ごとのCSSファイル(デザイン設定を書いたファイル)は
以下の位置にあります。
「デザインの変更」から編集しているのはこのファイルです。

・全体共通設定のCSS
http://www.eclat.cc/home/ユーザID/common.css
・左メニューのCSS
http://www.eclat.cc/home/ユーザID/menu.css
・メインのCSS
http://www.eclat.cc/home/ユーザID/main.css
・プロフィールのCSS
http://www.eclat.cc/home/ユーザID/profile.css
・掲示板のCSS
http://www.eclat.cc/home/ユーザID/bbs.css
・リンク集のCSS
http://www.eclat.cc/home/ユーザID/links.css
・友達リストのCSS
http://www.eclat.cc/home/ユーザID/friends.css
・足跡のCSS
http://www.eclat.cc/home/ユーザID/footprint.css


CSSをいじることでかなりいろんなデザインが可能です。
またCSSの利点としてデザインが構造と分離しているため、
デザインファイルを入れ替えることで簡単に全体のデザインを変更できることがあります。
(この機能を使って今後テンプレートの提供は行う予定です)

いろいろなやりかたがありますので
他のデザイン頑張ってるユーザーのCSSファイルを見て参考にしてもいいかもしれません。
ぜひ少し勉強していじってみてください。
勝手が違うので最初は戸惑うでしょうが、慣れればそれほど難しいものではないです。


#なお日記 / コラムのCSS位置やファイル名は開発中のため現在未定
恐らくhttp://www.eclat.cc/home/ユーザID/diary.cssになります。
削除キー   

6 ありません

2012/02/25 00:49

逝ってよしd(´∀`*)グッ◎ http://www.e29.mobi/
削除キー   

7 千夏

2012/05/07 21:48

テクニック一切不要。女性用の風俗オープンしました。+.(・∀・).+ http://fgn.asia/
削除キー   

8 バーバリー サングラス

2013/03/12 13:51

カッコいい!興味をそそりますね(^m^) バーバリー サングラス http://burberry.onasake.com/
削除キー   

ホームページ  検索  ヘルプ  |  最新リスト   前のスレッド  リスト  次のスレッド  
お名前
メール   削除キー 
内容

送信する前に確認しましょう       

Point One BBS