2014年12月5日金曜日

【おまけ】忍者ホームページの広告を目立たなくする方法

以下のcssをhead内または外部cssファイルにコピペする

.tdftad li {float:left;font-size: 8px;list-style-type: none;margin-left:10px;}
.tdftad li a {color:#fff;}
.tdftad {border-top:solid 1px #ddd;padding-top: 8px;}


以下解説---------------------------------------------------------------------

float:left; =広告を横並びにする
font-size: 8px; =文字の大きさを8pxにする
list-style-type: none; =リスト表示(li)の前のマーク(・)を表示しない
margin-left:10px; =各リストの左側に10pxの余白を作る

.tdftad li a {color:#fff;} = 広告内の文字のリンクを白にする

.tdftad {border-top:solid 1px #ddd;padding-top: 8px;}
=広告の上に8pxのスキマとグレーの線をひく

0 件のコメント:

コメントを投稿