日別アーカイブ: 2010年9月9日

Google adsenseバーの代わりを作る

728*15のGoogle adsenseをサイトの上部に貼り付けているのだが、adsenseのアカウント停止を食らった。

停止理由はともかく、サイトデザインの一部となっていた部分なので、空白のままだと非常にかっこ悪い。

と言うわけで、Peopleバーを作成した。その時の状況を下記に記す。

cssファイルに下記を追加:

—————————————————————————

a.original:link{
color:blue; /*class=”original”に対するリンクテキストカラー*/
text-decoration:underline;
}
a.original:visited{
color:blue; /*class=”original”に対するリンク参照後のテキストカラー*/
text-decoration:underline;
}
a.people:link{
color:#FFFFFF; /*class=”people”に対するリンクテキストカラー*/
text-decoration:underline:none;
}
a.people:hover{
color:#FF9900; /*マウスが乗った時の通常のリンクテキストカラー*/
text-decoration:underline; /*マウスが乗った時下線を表示(つけない場合は underline を none へ)*/
}
a.people:visited{
color:#FFFFFF; /*class=”people”に対するリンク参照後のテキストカラー*/
text-decoration:underline:none;
}
—————————————————————————
,
,
本文には下記を追加:
—————————————————————————-

<table width=”728″>

<tr>

<td width=”18%”><font color=”#FFFFFF”; style=”background-color:#4682B4″><a href=”http://ictmax.jpn.ph/mediawiki/” class=”people”> Ads by People </a></font></td>

<td width=”18%”><a href=”http://ictmax.jpn.ph/mediawiki/” class=”original”>wikipedio</a></td>

<td width=”18%”><a href=”http://ictmax.info/” class=”original”>joomla</a></td>

<td width=”18%”><a href=”http://ictmax.jpn.ph/wordpress/” class=”original”>wordpress</a></td>

<td width=”18%”><a href=”http://ictmax.jpn.ph/openpne/” class=”original”>OpenPNE</a></td>

<td width=”18%”><a href=”http://ictmax.jpn.ph/” class=”original”>AAAAA</a></td>

</tr>

</table>

——————————————————————–

結果は下記の通り。上部のPeopleバーを参照。

http://ictmax.jpn.ph/

マウスを乗せても色が変わらず、a:hoverの効果が反映されてない、、、、。
微妙感が残る出来だが、こんなもんだろう。