careerjet（キャリアジェット）のジョブボックスをCSSで最適化してみる

careerjet（キャリアジェット）のアフィリエイトを始めました。
求人情報が手軽に取得できるので、サイトコンテンツ拡充＋アフィリエイトという感じで、なかなか良いですね。

nofollowタグもアフィリエイトリンクについてくる仕組みになっているので、SEO的にも満足です。

ですが・・・キャリアジェットのアフィリエイト用のジョブボックスはちょっと見にくい。読者に優しくない。

ということで、ジョブボックスをCSSでカスタマイズしてみました。

<style>
 .cjjobbox{
   margin-top:0px;
   width: 100% ;
   color:#777;
 }
 div.cjjobbox{
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
 }
 div.cjjobbox_job{
  text-indent:0%;
 }

 div.cjjobbox_job a{
  color:#333;
 }
 div.cjjobbox_job a:hover{
  color:#78AAE3
 }
</style>

<style>

.cjjobbox{

margin-top:0px;

width:100%;

color:#777;

}

div.cjjobbox{

text-indent:100%;

white-space:nowrap;

overflow:hidden;

}

div.cjjobbox_job{

text-indent:0%;

}

div.cjjobbox_job a{

color:#333;

}

div.cjjobbox_job a:hover{

color:#78AAE3

}

</style>

いらないリンクは非表示に。
だらだらと長すぎる求人タイトルはoverflow:hidden;＆white-space:nowrap;で最小限の表示に。

私のサイトでの表示に最適化しているので、もし試される場合は、color:の部分とかいじってみてください。