パソコン以外から見ると、ブログのサイドバーが使いにくかったので、ブログサイドバーを廃止して、ブログテーマをタグクラウド風にカスタマイズしてみました！
そのやり方を紹介したいと思います。
とはいっても、そんな難しいことではないので、、、、！
簡単に説明すると、
テーマを一行ずつではなく、幅内で折り返しさせればOKです。
あとは、細かいところをちゃちゃっと装飾すれば完成です！
CSSはこちら
.themeMenu ul.skinSubList li {
border:none !important; /* 点線を消す */
float:left; /* 枠内で折り返しさせる */
background:#AFAFAF repeat; /* 背景色 */
padding:10px; /* 余白 */
margin:5px; /* 余白 */
}
.themeMenu ul.skinSubList li a, .themeMenu ul.skinSubList li a:hover .themeMenu ul.skinSubList li a:visited {
color: #FFF; /* リンクの文字色 */
text-decoration:none; /* 下線を消す */
}
.themeMenu .listLink, .themeMenu .skinMenuHeader {
display:none; /* テーマ一覧のリンクを消す */
}
border:none !important; /* 点線を消す */
float:left; /* 枠内で折り返しさせる */
background:#AFAFAF repeat; /* 背景色 */
padding:10px; /* 余白 */
margin:5px; /* 余白 */
}
.themeMenu ul.skinSubList li a, .themeMenu ul.skinSubList li a:hover .themeMenu ul.skinSubList li a:visited {
color: #FFF; /* リンクの文字色 */
text-decoration:none; /* 下線を消す */
}
.themeMenu .listLink, .themeMenu .skinMenuHeader {
display:none; /* テーマ一覧のリンクを消す */
}
これをCSSに貼り付ければ、タグクラウド風のブログテーマの完成です。
カスタマイズの参考までに！
では、またっ！