« Prieaで無料写真プリント | メイン | 気まぐれなツワモノ »

Movable Typeでタグクラウド

Blogのタグが羅列しているだけなのでタグクラウドに変更する
tag1.png

[環境設定]→[テンプレート]→[スタイルシート]に以下を追加

.module-tagcloud .module-list {text-align: center; } .module-tagcloud .module-list { list-style: none; } .module-tagcloud .module-list-item { display: inline; } .module-tagcloud li.taglevel1 { font-size: 19px; } .module-tagcloud li.taglevel2 { font-size: 17px; } .module-tagcloud li.taglevel3 { font-size: 15px; } .module-tagcloud li.taglevel4 { font-size: 13px; } .module-tagcloud li.taglevel5 { font-size: 11px; } .module-tagcloud li.taglevel6 { font-size: 9px; }


コピペするだけ
tag2.png

再構築するとタグクラウドになってる!何かへちょい…
tag3.png

エントリー直下のタグが縦に並んでてキモいので変更
tag4.png

.entry-tags { margin: 0 0 10px 10px; }
.entry-tags-header,
.entry-tags-list,
.entry-tag { display: inline; }
.entry-tags-list {
list-style:none;
padding: 0px;
}

タグクラウド同様、スタイルシートに上記を追加
横並びになって気持ちがいい!
tag5.png

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)

Profile

tomoharu.jpg
千田 智治
Tomoharu Senda

Homepage hp.jpg

Ad Clip adclip_blog.jpg

About

2006年11月17日 18:06に投稿されたエントリーのページです。

ひとつ前の投稿は「Prieaで無料写真プリント」です。

次の投稿は「気まぐれなツワモノ」です。

他にも多くのエントリーがあります。メインページアーカイブページも見てください。

Powered by Movable Type banner_01.gif ブログランキング・にほんブログ村へ