BlogPeople リストのフォントサイズ

2013.02.26 05:46 | Permalink | Category: WordPress

違いが分かるかな~。↓
ブログピープル

BlogPeopleのリンクリストが気になっていた。
フォントが小さい。パディングが効いていない。スクロールバーをつけるとクレジットが見えなくなる。

というようなことで、「小粋空間さん」に、早速行ってみる。↓
BlogPeople のリンクリストにスクロールバーをつける

で、下のように、フォントサイズを変えることができた。まいど、お世話になりました。

小粋空間さんの解説をもとに、自分なりに、CSSをいじってみた。
ちなみに、BlogPeopleのコードはウィジェットにしてあるので、ウィジェットを開いてdivタグ(クラス属性 side)で括る。

<div class=”side”>
<script language=”javascript” type=”text/javascript” src=”http://www.blogpeople.net/display/usr/~.js”></script>

<a href=”javascript:void(bloppop=window.open(‘http://www.blogpeople.net/addlink.jsp?~;”>このサイトを登録 by BlogPeople</a></div>

CSS部分。

/* blogpeople */
.side{font-size: 83.3%;
padding-left: 6px;
margin-bottom: 10px;}
.blogpeople-main {
height: 300px;
overflow: auto;}

クラス属性 blogpeople-powered-byは、定義の必要がないので、追加していない。

Pocket

1 / 11