| ■ スタイルシートの使い方 |
WebKit掲示板では、自作したスタイルシートを使ってデザインを変更することができます。作成したスタイルシートを、自分のホームページ・ディレクトリにアップロードしてください。
次に、管理メニューから [ 画面設定 ] ボタンをクリックし、画面設定画面のスタイルシートURLにアップロードしたスタイルシートのリンクを設定してください。 |
| ▲このページのトップへ戻る |
| ■ スタイルシートで設定できる項目一覧 |
| 項目名 |
説明 |
| body |
ページ全体の設定 |
| a:link |
未訪問リンクの設定 |
| a:visited |
訪問済リンクの設定 |
| a:hover |
マウスオーバー中リンクの設定 |
| div.pagetitle |
ページタイトルの設定 |
| div.description |
ページ紹介文の設定 |
div.menu
span.menu |
[ 新規投稿 ] [ 記事検索 ] など記事一覧の上に表示されるメニューの設定 |
div.page
span.page |
ページ番号の設定 |
| span.page_active |
表示中ページ番号の設定 |
| div.article |
記事表示枠の設定 |
| div.sub-article |
子記事表示枠の設定（スレッド表示のみ） |
| div.title |
親記事タイトルの設定 |
div.posted
span.posted |
投稿者 / 投稿日時 / 利用マシン情報の設定 |
div.date
span.date |
記事数 / 最終更新日の設定（スレッド表示のみ） |
| div.treeitem |
分類項目の設定（ツリー表示のみ） |
| div.treesubtitle |
返信タイトルの設定（ツリー表示のみ） |
| div.body |
記事本文の設定 |
| div.move |
[ ▲page top ] の設定 |
| .th |
投稿フォーム項目の設定 |
| .border |
投稿フォーム表示枠の設定 |
|
|
| ▲このページのトップへ戻る |
| ■ ユーザー登録を削除するには |
| DTI WebKitのパスワードを忘れてしまった時は、MyDTIからログインして、メールアドレスとDTI接続パスワードを入力し、削除ボタンをクリックしてください。掲示板/アンケートの投稿内容も削除されます。 |
| ▲このページのトップへ戻る |
| ■ サンプル |
-------------------------------------------------------------
@charset "EUC-JP";
body {
background-color: #FFFFFF;
color: #333333;
font-size: small;
line-height: 110%;
}
form {
margin: 2px 2px;
}
td {
background-color: transparent;
line-height: 100%;
}
td.form {
background-color: #FFFFFF;
font-size: x-small;
line-height: 100%;
}
th {
background-color: #C6D3ED;
font-weight: bold;
line-height: 150%;
text-align: center;
}
a:link {
color: #4668B0;
text-decoration: none;
}
a:visited {
color: #1A258F;
text-decoration: none;
}
a:hover {
color: #777777;
text-decoration: underline;
}
div.pagetitle {
background-color: #3760B5;
color: #FFFFFF;
font-size: 15pt;
font-weight: bold;
text-align: center;
line-height: 130%;
margin: 15px 10px;
padding: 7px;
border-right: 2px solid #CCCCCC;
border-bottom: 2px solid #CCCCCC;
}
div.titleimage {
text-align: center;
}
div.description {
text-align: left;
color: #444444;
margin: 0px 10px;
}
div.menu {
text-align: left;
padding: 6px 12px;
}
span.menu{
font-size: x-small;
padding-right: 10px;
}
div.page {
text-align:right;
padding-right: 10px;
}
span.page_active {
font-size: small;
font-weight: bold;
padding-right: 3px;
}
span.page {
font-size: x-small;
padding-right: 3px;
}
div.article {
background-color: #F9F9F9;
border-width: 1px;
border-color: #999999;
border-style: solid;
margin: 10px;
}
div.sub-article {
background-color: #F9F9F9;
border-width: 1px;
border-color: #999999;
border-style: solid;
margin: 10px 10px 10px 40px;
}
div.title {
color: #222222;
font-size: small;
font-weight: bold;
text-align: left;
background-color: #C6D3ED;
padding: 8px 15px;
}
div.posted {
background-color: #E9ECF3;
padding: 4px 15px;
}
span.posted {
font-size: x-small;
margin-left: 15px;
}
div.date {
background-color: #DDDDDD;
padding: 6px 15px;
}
span.date {
font-size: x-small;
margin-left: 15px;
}
div.treeitem {
font-size: small;
font-weight: bold;
margin: 5px 20px;
padding-bottom: 7px;
border-bottom: 1px solid #333333;
}
div.treesubtitle {
font-size: small;
line-height: 150%;
padding: 10px 20px;
}
div.body {
color: #333333;
font-size: x-small;
line-height:140%;
padding: 15px 30px;
}
div.move {
font-size: x-small;
text-align: right;
margin-right: 10px;
}
.border {
background-color: #3760B5;
}
-------------------------------------------------------------
|
| ▲このページのトップへ戻る |
![設定マニュアル[その他の設定／ホームページ]](image/manual_subtitle05.gif)
