2009年04月08日
レガシィ黒のスタイルシートをパクって、詳細編集する方法(6/9)です。
吸い出したCSSと詳細編集をにらめっこして独自に書き出したものです。
不具合があっても責任は取れません。あくまで自己責任でヨロシク♪
スポット/マイ掲示板
スポットリスト
width:99%;
スポットリストタイトル
margin:0px;
padding:6px 3px;
text-align:left;
border-bottom:1px #666 dotted;
スポットリスト内容
padding:6px 3px;
border-bottom:1px #666 dotted;
スポットリストリンク
無し
スポットリストリンク(訪問済み)
無し
スポットリストリンク(マウスオーバー)
無し
スポット写真
text-align:center;
スポット本文
margin-bottom:1em;
掲示板紹介文
margin:10px 0;
padding:10px;
border:solid 1px #999;
スレッド
padding-bottom:10px;
line-height:1.75;
スレッドリンク
無し
スレッドリンク(訪問済み)
無し
スレッドリンク(マウスオーバー)
無し
親スレッドタイトル
padding:3px 10px;
font-weight:bold;
親スレッドタイトルリンク
無し
親スレッドタイトルリンク(訪問済み)
無し
親スレッドタイトルリンク(マウスオーバー)
無し
本文
border:solid 1px #999;
margin:10px;
padding:8px;
動作ボタン
background:#333;
margin-top:10px;
padding:5px;
トップに戻る
text-align:right;
margin-top:10px;
投稿テーブル
margin-top:15px;
投稿テーブル見出し
width:10em;
text-align:right;
padding-right:20px;
vertical-align:top;
投稿テーブル内容
vertical-align:top;
投稿テーブル投稿
background:#ccc;
text-align:center;
padding:5px 0px 5px 0px;
Posted at 2009/04/08 08:59:42 | |
トラックバック(0) |
スタイルシート | 日記
2009年04月08日
レガシィ黒のスタイルシートをパクって、詳細編集する方法(5/9)です。
吸い出したCSSと詳細編集をにらめっこして独自に書き出したものです。
不具合があっても責任は取れません。あくまで自己責任でヨロシク♪
愛車紹介
愛車リスト-愛車名
font-size:16px;
font-weight:bold;
padding:10px 20px 10px 35px;
background:#000 url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/030/contentstitle.gif) no-repeat left center;
愛車リスト-愛車名リンク
color:#ccc;
text-decoration:underline;
愛車リスト-愛車名リンク(訪問済み)
color:#ccc;
愛車リスト-愛車名リンク(マウスオーバー)
color:#2E5F9A;
text-decoration:none;
愛車リスト-愛車の写真
float:left;
width:30%;
overflow:hidden;
height:150px;
愛車リスト-愛車の紹介文
float:right;
width:69%;
愛車リスト-愛車の登録日
text-align:right;
border-top:1px #666 dotted;
clear:both;
width:99%;
padding:5px;
愛車コンテンツ切り替え
無し
愛車コンテンツ切り替えリンク
無し
愛車コンテンツ切り替えリンク(訪問済み)
無し
愛車コンテンツ切り替えリンク(マウスオーバー)
無し
愛車紹介写真
無し
愛車紹介文
margin-bottom:1.5em;
愛車紹介プロフィール
width:100%;
border-collapse:collapse;
margin-bottom:1.5em;
愛車紹介プロフィールタイトル
width:6em;
text-align:right;
padding:5px 10px;
border-bottom:1px #666 dotted;
background:#000;
愛車紹介プロフィール内容
padding:5px 10px;
border-bottom:1px #666 dotted;
background:#000;
愛車紹介プロフィールリンク
無し
愛車紹介プロフィールリンク(訪問済み)
無し
愛車紹介プロフィールリンク(マウスオーバー)
無し
パーツカテゴリ
width:95%;
margin:10px 20px;
パーツカテゴリ(内容)
width:50%;
vertical-align:top;
パーツカテゴリリスト
list-style:square;
margin:0 0 1em 0;
padding:0 0 0 1.5em;
color:#ccc;
パーツカテゴリリンク
無し
パーツカテゴリリンク(訪問済み)
無し
パーツカテゴリリンク(マウスオーバー)
無し
レビュー一覧
margin-bottom:1em;
レビュー一覧内容
vertical-align:top;
padding:0 0 10px 20px;
レビュー一覧リンク
無し
レビュー一覧リンク(訪問済み)
無し
レビュー一覧リンク(マウスオーバー)
無し
パーツレビュー評価
color:orange;
ギャラリータイトル
background-color:#2E5F9A;
color:#ccc;
font-weight:bold;
margin-bottom:1em;
padding:5px 10px;
clear:both;
ギャラリー作業日
text-align:right;
padding-top:5px;
margin-bottom:1em;
width:100%;
ギャラリー写真
width:50%;
overflow:hidden;
float:left;
margin:0 0 15px 0;
ギャラリー本文
width:50%;
float:right;
margin:0 0 10px 0;
Posted at 2009/04/08 08:56:22 | |
トラックバック(0) |
スタイルシート | 日記
2009年04月08日
レガシィ黒のスタイルシートをパクって、詳細編集する方法(4/9)です。
吸い出したCSSと詳細編集をにらめっこして独自に書き出したものです。
不具合があっても責任は取れません。あくまで自己責任でヨロシク♪
ブログ
ブログ日付
font-size:14px;
color:#ccc;
padding:7px 0 8px 10px;
letter-spacing:0.2em;
background:#000 url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/030/title_bg.gif) no-repeat center center;
ブログ本文
line-height:1.5;
padding-left:10px;
ブログ本文内リンク
無し
ブログ本文内リンク(訪問済み)
無し
ブログ本文内リンク(マウスオーバー)
無し
ブログ画像
margin:5px;
ブログ表示切替
text-align:right;
clear:both;
margin:0 0 5px 0;
ブログ表示切替リンク
無し
ブログ表示切替リンク(訪問済み)
無し
ブログ表示切替リンク(マウスオーバー)
無し
ブログ情報
clear:both;
text-align:right;
margin-top:2em;
padding-top:11px;
width:100%;
ブログ情報リンク
無し
ブログ情報リンク(訪問済み)
無し
ブログ情報リンク(マウスオーバー)
無し
Posted at 2009/04/08 08:54:29 | |
トラックバック(0) |
スタイルシート | 日記
2009年04月07日
レガシィ黒のスタイルシートをパクって、詳細編集する方法(3/9)です。
吸い出したCSSと詳細編集をにらめっこして独自に書き出したものです。
不具合があっても責任は取れません。あくまで自己責任でヨロシク♪
コンテンツ共通
コンテンツ領域
overflow:hidden;
display:block;
コンテンツ領域リンク
無し
コンテンツ領域リンク(訪問済み)
無し
コンテンツ領域リンク(マウスオーバー)
無し
コンテンツ表示上部
margin:0px;
padding:0px;
clear:both;
コンテンツ表示
margin:0px;
padding:0 0 8px 0;
background-color:#000;
コンテンツ表示下部
padding:0px;
margin-bottom:10px;
height:50px;
background:#fff url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/030/blog_separate.gif) no-repeat bottom center;
コンテンツタイトル
padding:10px 0px;
font-size:16px;
font-weight:bold;
コンテンツタイトルリンク
無し
コンテンツタイトルリンク(訪問済み)
無し
コンテンツタイトルリンク(マウスオーバー)
無し
タイトルアイコン・ブログ気分画像
position:relative;
top:2px;
コンテンツサブタイトル
margin:5px 0;
padding:3px 0;
clear:both;
text-align:right;
コンテンツショートタイトル
float:left;
width:45%;
padding-left:20px;
text-align:left;
コンテンツ更新日
float:right;
width:45%;
text-align:right;
ページングリンク
margin-right:10px;
ページングリンク(訪問済み)
無し
ページングリンク(マウスオーバー)
無し
ページング現在ページリンク
color:#ccc;
font-size:16px;
font-weight:bold;
ページング現在ページリンク(訪問済み)
color:#ccc;
font-weight:bold;
ページング現在ページリンク(マウスオーバー)
color:#2E5F9A;
font-weight:bold;
関連リンク
background:#000;
padding:5px 1.5em;
margin-bottom:5px;
関連リンク
無し
関連リンク(訪問済み)
無し
関連リンク(マウスオーバー)
無し
タグ
margin:0 0 10px 20px;
font-size:12px;
タグリンク
margin-right:5px;
タグリンク(訪問済み)
無し
タグリンク(マウスオーバー)
無し
関連タグ
margin-top:10px;
関連タグリスト
padding:0px;
margin-top:10px;
関連タグリストリンク
padding:0px;
margin-top:10px;
関連タグリストリンク(訪問済み)
無し
関連タグリストリンク(マウスオーバー)
無し
Posted at 2009/04/07 14:09:24 | |
トラックバック(0) |
スタイルシート | 日記
2009年04月07日
レガシィ黒のスタイルシートをパクって、詳細編集する方法(2/9)です。
吸い出したCSSと詳細編集をにらめっこして独自に書き出したものです。
不具合があっても責任は取れません。あくまで自己責任でヨロシク♪
タブ
タブ
width:100%;
list-style-type:none;
margin:10px 0;
padding:0px;
clear:both;
height:60px;
float:left;
<↓アクセス解析↓使わない場合は未記入>
background:url('アクセス解析のURL');
background-image:url('イメージのURL');
background-position:bottom left;
background-repeat:no-repeat;
タブ(通常)のスタイル
width:19.5%;
height:40px;
float:left;
display:block;
background:#000 url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/030/tab_bg.gif) no-repeat bottom center;
text-align:center;
margin:0 3px 0 0;
line-height:3.25;
タブ(通常)のリンク
color:#ccc;
display:block;
height:40px;
タブ(通常)のリンク(訪問済み)
color:#ccc;
タブ(通常)のリンク(マウスオーバー)
background:#000 url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/030/tab_bg.gif) no-repeat top center;
タブ(選択中)のスタイル
color:#ccc;
background:#000 url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/030/tab_bg.gif) no-repeat top center;
タブ(選択中)のリンク
color:#ccc;
タブ(選択中)のリンク(訪問済み)
color:#ccc;
タブ(選択中)のリンク(マウスオーバー)
color:#ccc;
右端のタブ
width:19.4%;
margin:0px;
Posted at 2009/04/07 13:53:10 | |
トラックバック(0) |
スタイルシート | クルマ