• 車種別
  • パーツ
  • 整備手帳
  • ブログ
  • みんカラ+

しんごのパパのブログ一覧

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) | トラックバック(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) | トラックバック(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) | トラックバック(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) | トラックバック(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) | トラックバック(0) | スタイルシート | クルマ

プロフィール

「LED フォグ購入 http://cvw.jp/b/222013/37475647/
何シテル?   03/08 20:25
小6の息子(しんご)と小2の娘(さとみ)のパパです。 インプレッサ1.5i-s リミテッド プレミアムパッケージ に乗り換えました。 これからますます...
みんカラ新規会員登録

ユーザー内検索

<< 2025/7 >>

  12345
6789101112
13141516171819
20212223242526
2728293031  

リンク・クリップ

NINJA TOOLS 
カテゴリ:web/PC関連
2009/04/07 10:09:53
 
なかのひと 
カテゴリ:web/PC関連
2009/04/06 11:35:01
 
秋月電子通商 
カテゴリ:お役立ちアイテム達
2008/04/02 23:58:23
 

愛車一覧

スバル インプレッサ スバル インプレッサ
ステラから、中古で乗り替えました。
スバル ステラ スバル ステラ
RS 2WD ダークシルバーメタリックに乗ってます。 派手にはせずに、ジミ~に弄っていき ...

過去のブログ

2016年
01月02月03月04月05月06月
07月08月09月10月11月12月
2015年
01月02月03月04月05月06月
07月08月09月10月11月12月
2014年
01月02月03月04月05月06月
07月08月09月10月11月12月
2013年
01月02月03月04月05月06月
07月08月09月10月11月12月
2012年
01月02月03月04月05月06月
07月08月09月10月11月12月
2011年
01月02月03月04月05月06月
07月08月09月10月11月12月
2010年
01月02月03月04月05月06月
07月08月09月10月11月12月
2009年
01月02月03月04月05月06月
07月08月09月10月11月12月
2008年
01月02月03月04月05月06月
07月08月09月10月11月12月
2007年
01月02月03月04月05月06月
07月08月09月10月11月12月
2006年
01月02月03月04月05月06月
07月08月09月10月11月12月
ヘルプ利用規約サイトマップ
© LY Corporation