Knacks サポート掲示板
使い方に疑問がある場合や改善提案など
障害時には新着情報も合わせてもご覧ください
Knacks
記事を見る
新規書き込み
スレッド一覧
ギャラリー
ポリシー
問い合せ
返信の作成
タイトル
コメント
名前
メール
ウェブ
画像
（1024KBまで）
パスワード
空にすると管理者以外は削除できなくなります。
* は必須入力項目となります。
スレッド横幅固定
2006-05-14 16:26
はじめまして、お世話になります。
XBBSを昨日登録させていただき利用させていただいております。
スレッドの横幅についてなのですが、
横幅のサイズをピクセルサイズで固定したいのですが
ドコを良いのかが分かりません。
初歩的な質問で申し訳ないのですがご回答いただけましたら幸に存じます。
宜しく御願い致します。
編集
|
返信
|
▲
Re^1: スレッド横幅固定
2006-05-14 19:38
ご利用ありがとうございます。
xbbs 標準のデザインについて説明します。
管理画面、サービス設定から掲示板の設定を開きます。右上のコンボボックスより「スタイルシート」を選択します。
現在の設定が表示されますので、
div.thread {
margin: 2em 1em 2em 1em;
border-style: solid;
border-color: gray;
border-width: 3px 3px 3px 3px;
}
となっている箇所を見つけ、以下に置き換えてください。
div.thread {
text-align: center;
}
div.thread div.inner {
margin: 2em auto 2em auto;
width: 600px;
text-align: left;
border-style: solid;
border-color: gray;
border-width: 3px 3px 3px 3px;
}
なお、タイトルのリンクや、スレッド一覧も固定幅にする場合は、同様に、div.thread_title を以下に置き換えます。
div.thread_title {
text-align: center;
}
div.thread_title div.inner {
margin: 2em auto 2em auto;
width: 600px;
text-align: left;
border-style: solid;
border-color: gray;
border-width: 3px 3px 3px 3px;
}
なお、ご紹介した方法は、IE6のバグを回避するために、多少技巧的な設定となっております。IE7bではバグ修正されているようですので、二重に div を使わなくても良くなります。
スタイルシートの詳しい説明や疑問については、市販の書籍や、開設サイトをご利用くださいますようお願いいたします。
編集
|
△
Re^2: スレッド横幅固定
2006-05-15 01:45
早々、ご丁寧な返答を有難う御座います！！
とても詳細適切な説明に心より感謝いたします。
これからも宜しく御願い致しますm(_ _)m
編集
|
返信
|
△
Re^1: スレッド横幅固定
2006-05-14 19:38xbbs 標準のデザインについて説明します。
管理画面、サービス設定から掲示板の設定を開きます。右上のコンボボックスより「スタイルシート」を選択します。
現在の設定が表示されますので、
div.thread {
margin: 2em 1em 2em 1em;
border-style: solid;
border-color: gray;
border-width: 3px 3px 3px 3px;
}
となっている箇所を見つけ、以下に置き換えてください。
div.thread {
text-align: center;
}
div.thread div.inner {
margin: 2em auto 2em auto;
width: 600px;
text-align: left;
border-style: solid;
border-color: gray;
border-width: 3px 3px 3px 3px;
}
なお、タイトルのリンクや、スレッド一覧も固定幅にする場合は、同様に、div.thread_title を以下に置き換えます。
div.thread_title {
text-align: center;
}
div.thread_title div.inner {
margin: 2em auto 2em auto;
width: 600px;
text-align: left;
border-style: solid;
border-color: gray;
border-width: 3px 3px 3px 3px;
}
なお、ご紹介した方法は、IE6のバグを回避するために、多少技巧的な設定となっております。IE7bではバグ修正されているようですので、二重に div を使わなくても良くなります。
スタイルシートの詳しい説明や疑問については、市販の書籍や、開設サイトをご利用くださいますようお願いいたします。
Re^2: スレッド横幅固定
2006-05-15 01:45とても詳細適切な説明に心より感謝いたします。
これからも宜しく御願い致しますm(_ _)m