ACBアンテナの相互リンクパーツ色変更
パーツの設置
ABCアンテナの相互リンクパーツ設置タグの表示カラーを自分のサイトに合わせたカラーリングの最適化をしました。
今回利用したパーツ設置用タグは「新着スレッド表示用タグ」です。
デフォルト表示では画像のように白ベースで表示されます。
自分の掲示板は黒ベースなので似合わないのは言うまでもありません。
そこで黒ベースの色に変更しちゃおうと思ったわけです。
パーツの色変更
左の画像は色変更後のものです。掲示板TOPページの下部に実物が表示されています。
変更するにはCSSで指定します。
CSS
/*** リンク色 ***/
#antenna_list_style_new a:link {
color: #798e9a !important;
}
/*** 訪問済みのリンク色 ***/
#antenna_list_style_new a:visited{
color: #798e9a !important;
}
/*** パーツの背景色 ***/
#antenna_list_style_new .contents_box {
background: #0f171e !important;
}
/*** パーツのスレッドリンク背景色（2の倍数）つまり交互に色付け ***/
#antenna_list_style_new .list_style01 li:nth-child(2n) {
background: rgba(66,82,101,0.1) !important;
}
/*** 投稿時間の色 ***/
#antenna_list_style_new .list_style01 .txt .date {
color: #999 !important;
}
/*** 各タイトル部分の色 ***/
#antenna_list_style_new .list_style01 .txt h3,
#antenna_list_style_new .list_style01 .txt .comment {
color: #8197a4 !important;
}
/*** オンマウス時の色 ***/
#antenna_list_style_new .list_style01 a:hover .txt h3,#antenna_list_style_new .list_style01 a:hover .txt span,#antenna_list_style_new .list_style01 a:hover .txt p {
color: rgba(121,142,154,0.7) !important;
}
/*** リンク色 ***/
#antenna_list_style_new a:link {
color: #798e9a !important;
}
/*** 訪問済みのリンク色 ***/
#antenna_list_style_new a:visited{
color: #798e9a !important;
}
/*** パーツの背景色 ***/
#antenna_list_style_new .contents_box {
background: #0f171e !important;
}
/*** パーツのスレッドリンク背景色（2の倍数）つまり交互に色付け ***/
#antenna_list_style_new .list_style01 li:nth-child(2n) {
background: rgba(66,82,101,0.1) !important;
}
/*** 投稿時間の色 ***/
#antenna_list_style_new .list_style01 .txt .date {
color: #999 !important;
}
/*** 各タイトル部分の色 ***/
#antenna_list_style_new .list_style01 .txt h3,
#antenna_list_style_new .list_style01 .txt .comment {
color: #8197a4 !important;
}
/*** オンマウス時の色 ***/
#antenna_list_style_new .list_style01 a:hover .txt h3,#antenna_list_style_new .list_style01 a:hover .txt span,#antenna_list_style_new .list_style01 a:hover .txt p {
color: rgba(121,142,154,0.7) !important;
}
配布されているスクリプトの仕様が変更になった場合は教えていただければ更新して掲載させて頂きます。