2009年04月08日
【スタイルシート 詳細編集】 サイドメニュー編
レガシィ黒のスタイルシートをパクって、詳細編集する方法(9/9)です。
吸い出したCSSと詳細編集をにらめっこして独自に書き出したものです。
不具合があっても責任は取れません。あくまで自己責任でヨロシク♪
サイドメニュー
サイド領域
overflow:hidden;
display:block;
<↓なかのひと128pxの設定↓未使用なら記入不要>
padding-bottom:140px;
background:url('なかのひとのURL') no-repeat 50% 100%;
↑ユーザー自己紹介へ移動しました。
サイド領域リンク
無し
サイド領域リンク(訪問済み)
無し
サイド領域リンク(マウスオーバー)
無し
サイドメニュー領域
width:300px;
padding-bottom:10px;
background:#000;
サイドメニュータイトル
height:38px;
background:#000 url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/030/subtitle_bg.gif) no-repeat top center;
color:#ccc;
text-align:center;
line-height:3;
サイドメニュータイトルリンク
color:#ccc;
text-decoration:underline;
サイドメニュータイトルリンク(訪問済み)
color:#ccc;
サイドメニュータイトルリンク(マウスオーバー)
color:#2E5F9A;
text-decoration:none;
サイドメニュー
margin:10px;
ブログカレンダー
width:100%;
text-align:center;
ブログカレンダー当日
background:#2E5F9A;
ブログカレンダー当日リンク
color:#ccc;
ブログカレンダー当日リンク(訪問済み)
color:#ccc;
ブログカレンダー当日リンク(マウスオーバー)
color:#ccc;
ブログカレンダー記事あり
font-weight:bold;
ブログカレンダー記事ありリンク
無し
ブログカレンダー記事ありリンク(訪問済み)
無し
ブログカレンダー記事ありリンク(マウスオーバー)
無し
何シテル?ヘッダー
width:260px;
margin:0 auto;
height:16px;
background:url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/030/nanisiteruheader.gif) no-repeat top center;
何シテル?領域
width:250px;
margin:0 auto;
padding:5px;
background:url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/030/nanisiteru.gif) repeat-y center;
何シテル?フッター
width:260px;
margin:0 auto;
height:5px;
background:url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/030/nanisiterufooter.gif) no-repeat top center;
何シテル?本文
text-align:right;
font-size:10px;
margin:0px;
font-family:verdana,Tahoma,Sans-serif;
ユーザー名領域
margin:0.5em 0;
ユーザー名
無し
ユーザー名(マウスオーバー)
無し
ユーザー自己紹介
padding-bottom:140px;
background:url('なかのひとのURL') no-repeat 50% 100%;
リンクカテゴリ
margin-bottom:0.5em;
font-weight:bold;
リンクリスト
list-style:square;
margin:0 0 1em 1em;
padding:0 0 0 1.5em;
color:#ccc;
ブログ一覧 |
スタイルシート | 日記
Posted at
2009/04/08 09:04:41
タグ
今、あなたにおすすめ