デザインの変更｜相互リンクならサクッとリンク

リンクページのデザインの変更はCSS（スタイルシート）で行います。
クラス名は以下の通りです。

全体

クラス名	タグ	説明
s_container	<DIV>	全体

カテゴリ一覧

クラス名	タグ	説明
s_list	<UL>	カテゴリ一覧
item	<LI>	カテゴリ名の表示

相互リンク一覧

クラス名	タグ	説明
s_table	<TABLE>	相互リンク一覧
s_pr	<TR>	ピックアップサイトの一覧
s_header	<TR>	カテゴリ名
s_site	<TR>	相互リンクサイト
s_site_name	<TD>	相互リンクサイトのサイト名
s_site_comment	<TD>	相互リンクサイトの紹介文

CSSのサンプルです。以下のソースを相互リンクページの<HEAD>～</HEAD>内に貼り付けて下さい。

<style type="text/css">
<!--
.s_container{
	margin: 10px;
	width: 600px;
}
.s_list{
	margin: 0px;
	list-style: none;
}
.item{
	margin: 0px 10px 0px 0px;
	display: inline;
	float: left;
}
.s_table{
	width: 100%;
	border-collapse: separate;
	border-top: solid 1px #352d0c;
	border-left: solid 1px #352d0c;
	clear: both;
}
.s_pr,
.s_header{
	border-bottom: solid 1px #352d0c;
	border-right: solid 1px #352d0c;
	padding: 5px;
	background-color: #c6c8b2;
	color: #352d0c;
}
.s_site_name,
.s_site_comment{
	border-bottom: solid 1px #352d0c;
	border-right: solid 1px #352d0c;
	padding: 5px;
	background-color: #ffffff;
	color: #352d0c;
}
-->
</style>

ログインID
パスワード

相互リンクページのデザイン変更方法

全体

カテゴリ一覧

相互リンク一覧