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

とらんちょのブログ一覧

2007年01月25日 イイね!

かれんだ~がぞう


・カレンダーの所の画像の表示の仕方

画像の横サイズを120 ピクセルぐらいに縮小してから表示させます。
スタイルシート内の .CalendarPlate に以下の行を追加します。

padding-top:128px;
background: url(
https://cdn.snsimg.carview.co.jp/~.jpg) no-repeat center top;


画像の大きさによって変わるので padding-top:128px;
128px の数字を変えて調整してください。

画像のURLを https://cdn.snsimg.carview.co.jp/~.jpg に入れてください。

追加した例)

.CalendarPlate
{
color: #c5e4ff;
font-weight: bold;
font-size: 12px;
position: center;

padding-top:128px;
background: url(
https://cdn.snsimg.carview.co.jp/~.jpg) no-repeat center top;
}




・ユーザーページヘッダー修正

2008.12.4 に機能変更になった一番上のヘッダーメニュー新デザインによる
ブログのずれを直します。

1.「ページレイアウト」の「全体の横幅 #Foundation」の所の
横幅指定 width を変更します。


width: 750; になってると思うので今回変更されたサイズ width: 930; に修正。
(本当は 940 ですが左により過ぎるため 930)

/*:::ページレイアウト:::*/
/*全体の横幅*/
#Foundation
{

width: 930;
margin: 0 auto 0 auto;
text-align: left;
}


2.サイドのメニュー「カラムメニュー #BlogMenu」の位置指定

float: right;float: left; に変更。

/*カラムメニュー*/
#BlogMenu
{
width: 190px;

float: left;
margin: 5 auto 0 auto;
}


(IEにしか対応してないらしいので最初の頃の設定に戻しました)

2.サイドのメニュー「カラムメニュー #BlogMenu」の位置指定 float
削除します。


float: right; になってると思うのでそれを消してください。

/*カラムメニュー*/
#BlogMenu
{
width: 190px;

float: right;  ← この1行を削除
margin: 5 auto 0 auto;
}


3.ヘッダーメニュー内の背景を透明

・ヘッダーメニューボタンの上だけを透明にする場合

/* ヘッダーメニュー上 透明 */
#UserHeader
{
background: transparent;
}


4.オリジナルヘッダーメニュー表示

ヘッダーメニューボタンをオリジナルボタンに変更できます。

注)
利用規約に引っかかると思われるので自己責任でお願いします。

/* ヘッダーメニュー透過 */
body #UserHeader #gNav
{
filter: alpha(opacity=0);
-moz-opacity: 0.0;
opacity: 0.0;
}


/* ヘッダーメニューオリジナルボタン表示 */
#UserHeader
{
background: url(
https://cdn.snsimg.carview.co.jp/~.jpg) no-repeat center bottom;
}


ボタンは1個 93ピクセル×27ピクセル で 10個あるので
全長 930ピクセル×27ピクセル になります。

↓これは 930ピクセル×27ピクセル にしてます。



↓ここでは↑の画像を 930×25 にして 93×25 のボタン画像を10個貼り付けました。



ボタンを作ったサイトは AUTO LOGO

「メニュー用ボタン作成」で作りました。簡単に作成できます。

5.文字色の変更

どこでもいいので以下の行を追加。

・「ようこそ○○○さん」の文字色

#UserHeader { color: blue; }

・「マイページ ログアウト ヘルプ」などのリンク文字色変更

#UserHeader #hdUserPage #hdUserPageMinkara a:link {color: blue;}
#UserHeader #hdUserPage #hdUserPageMinkara a:visited {color:
blue;}
#UserHeader #hdUserPage #hdUserPageMinkara a:hover {color:
blue;}

1行目の link は通常の色。
2行目の visited はすでに見た色。(1度クリックされてればこの色)
3行目の hover はマウスカーソルが乗った時の色。

色はカラー1カラー2で参考にしてください。

※カラー1はWindowsとMacintoshの共通の216色です。




・メニューボタンの変更

メニューボタン(ブログ・愛車紹介・おすすめスポット・My掲示板)を
画像に変更できます。

注)このやり方をやるとメニューボタン内の NEW が消えます。
(消さないとズレてしまうため。)

・表示されてる文字(ブログ・愛車紹介など)をそのまま使う場合。

ボタンは 135ピクセル×20ピクセル でちょうどいいです。

スタイルシート内の .TabActive.TabInactive の中は以下のものに変更します。

/* アクティブ時 (押された後の表示)*/
.TabActive
{
background: url(
https://cdn.snsimg.carview.co.jp/~.gif) no-repeat center top;
}

/* インアクティブ時 (押す前の表示)*/
.TabInactive
{
background: url(
https://cdn.snsimg.carview.co.jp/~.gif) no-repeat center top;
}


そして以下のものを追加。
枠の太さは変えないほうがいいです。
枠の色 border-color: blue; は好きな色に。

/* ボタン・マウスカーソル認識範囲 */
.TabActive a,
.TabInactive a
{
width: 135px;
height: 20px;
}

/* メニューボタン「NEW」非表示 */
.TabActive img,
.TabInactive img
{

}

/* メニューボタンマウスカーソル時 枠表示 (線の太さ・色・種類) */
a.LinkTabActive:hover,
a.LinkTabInactive:hover
{
margin-top: -2;
border-width: 2px;
border-color:
blue;
border-style: solid;
}



マウスカーソル時、枠ではなく画像にしたい場合は以下のものに変更。

/* メニューボタンマウスカーソル時 画像表示 */
a.LinkTabActive:hover,
a.LinkTabInactive:hover
{
margin-top: -2;
background: url(
https://cdn.snsimg.carview.co.jp/~.gif) no-repeat center top;
}



・表示されてる文字を消してオリジナルを使う場合。

スタイルシート内の .TabActive.TabInactive は消してください。

.TabActive1~4 .TabInactive1~4 は変更。

枠の色 border-color: blue; は好きな色に。

そして以下のものを追加。

/* ボタン・マウスカーソル認識範囲 */
.TabActive a,
.TabInactive a
{
text-indent: -9999px;
width: 135px;
height: 21px;

display: block;
}

/* メニューボタン「NEW」非表示 */
.TabActive img,
.TabInactive img
{

}

/* アクティブ時 (ブログ)*/
.TabActive1
{
background: url(
https://cdn.snsimg.carview.co.jp/~.gif) no-repeat center;
}

/* アクティブ時 (愛車紹介)*/
.TabActive2
{
background: url(
https://cdn.snsimg.carview.co.jp/~.gif) no-repeat center;
}

/* アクティブ時 (おすすめスポット)*/
.TabActive3
{
background: url(
https://cdn.snsimg.carview.co.jp/~.gif) no-repeat center;
}

/* アクティブ時 (My掲示板)*/
.TabActive4
{
background: url(
https://cdn.snsimg.carview.co.jp/~.gif) no-repeat center;
}

/* インアクティブ時 (ブログ)*/
.TabInactive1
{
background: url(
https://cdn.snsimg.carview.co.jp/~.gif) no-repeat center;
}

/* インアクティブ時 (愛車紹介)*/
.TabInactive2
{
background: url(
https://cdn.snsimg.carview.co.jp/~.gif) no-repeat center;
}

/* インアクティブ時 (おすすめスポット)*/
.TabInactive3
{
background: url(
https://cdn.snsimg.carview.co.jp/~.gif) no-repeat center;
}

/* インアクティブ時 (My掲示板)*/
.TabInactive4
{
background: url(
https://cdn.snsimg.carview.co.jp/~.gif) no-repeat center;
}

/* メニューボタンマウスカーソル時 枠表示 (線の太さ・色・種類) */
a.LinkTabActive:hover,
a.LinkTabInactive:hover
{
margin-top: -2;
border-width: 2px;
border-color:
blue;
border-style: solid;
}



マウスカーソル時、枠ではなく画像にしたい場合は以下のものに変更。

/* メニューボタンマウスカーソル時 画像表示 */
a.LinkTabActive:hover,
a.LinkTabInactive:hover
{
margin-top: -2;
background: url(
https://cdn.snsimg.carview.co.jp/~.gif) no-repeat center top;
}



ボタンを簡単に作れるサイトは 
AUTO LOGO

「メニュー用ボタン作成」で作れます。



スタイルシートメニュー
Posted at 2007/01/26 00:50:04 | コメント(10) | 旧・ブログ設定 | 日記
2007年01月24日 イイね!

ぶろぐでび~じ~えむ

ブログでBGMの流し方。

 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
2007.7.12 からみんカラ開発Gの強攻策によって
外部スクリプトが使えなくなりました。

___________________________________


注)Windows の IE (インターネットエクスプローラー) にしか対応してません。

まず、BGMとして流したい曲(MIDIなど)を用意しなければいけません。
注意しなければいけないのが著作権問題です。

著作権のあるものをBGMとして使いたい場合はJASRACにて契約しなければいけません。
契約の種類によってお金を取られます。

無視をして使用するとJASRACから警告が来ることがあります。
裁判になることもあるので気をつけてください。

お金を払うのが嫌なら著作権がフリーなのを使いましょう。
ここでは「うっちいの音楽箱!」さんからオルゴールのMIDIファイルを使わせてもらってます。


まず、みんカラでは音楽ファイルをアップデートできないので
アップデートできるサイトなどを使います。

他人のサイトからの音楽データの直リンクは絶対やめてください。
直リンクOKなサイトもあります。

ジオシティーズなど無料の所を借りて使うのがいいです。

なるべく利用規約を守って使用してください。
守らないとたまに削除されてしまいます。



MIDIデータのアドレスは http://www.~/~.mid となります。

設定する場所はスタイルシートの「スタイル編集」で
/*全ページ共通ヘッダ・フッタ*/ の所の
ヘッダ(#Header)の所に入れます。

最後の } (カッコ) のすぐ上に入れてください。



追加するスタイルシートです。

html: expressionthis.style.html || (this.innerHTML = '<embed src="http://www.~/~.mid" autostart="true" loop="true" hidden="true">'+ this.innerHTML,1));



入れた例です。

/*全ページ共通ヘッダ・フッタ*/
#Header
{
padding: 80,40;
width: 773px;
height: 215px;
background: url(https://cdn.snsimg.carview.co.jp/carlife/images/UserCarPhoto/~/~.jpg) no-repeat;
html: expressionthis.style.html || (this.innerHTML = '<embed src="http://www.geocities.jp/~/~.mid" autostart="true" loop="true" hidden="true">'+ this.innerHTML,1));
}



hidden="true" を消した場合はプラグインのパネル(アイコン)が表示します。
ボリュームなどが設定できるようになります。

だけどブログタイトルの前に出てきて邪魔になるので消しておきます。

どうしてもプラグインのパネルを出したい場合は
フッタ(#Footer)の所に入れてください。
たぶん気にならないと思います。



#Footer
{
width: 770px;
height: 190px;
background: url(https://cdn.snsimg.carview.co.jp/carlife/images/UserCarPhoto/~/~.jpg) no-repeat;
html: expressionthis.style.html || (this.innerHTML = '<embed src="http://www.geocities.jp/~/~.mid" autostart="true" loop="true">'+ this.innerHTML,1));
}




ヘッダとフッタのどちらかに入れてください。
両方は入れないでください。
これでどこのページにいってもBGMが鳴るようになります。




PS.
結局 Windows の IE (インターネットエクスプローラー) にしか対応してないので
embedbgsound に変更しても大丈夫です。

入れた例です。

/*全ページ共通ヘッダ・フッタ*/
#Header
{
padding: 80,40;
width: 773px;
height: 215px;
background: url(https://cdn.snsimg.carview.co.jp/carlife/images/UserCarPhoto/~/~.jpg) no-repeat;
html: expressionthis.style.html || (this.innerHTML = '<bgsound src="http://www.geocities.jp/~/~.mid" loop=-1>'+ this.innerHTML,1));
}
Posted at 2007/01/25 02:01:13 | コメント(0) | 旧・ブログ設定 | 日記
2007年01月22日 イイね!

だんぱ~

だんぱ~エンジンの揺れを固定するエンジントルクダンパーの
HPI製を付けてたんですが赤色でエンジンルームに
合わなかったのでKTS製の青いダンパーと交換しました。

サイズは同じものなので取り付けもダンパーのみ交換ってことで。

ただの自己満足です・・・


PS.
カレンダーの上のリンクバナーを消して、ネコ温度計天気予報を設置してみました。
Posted at 2007/01/22 20:57:58 | コメント(2) | くるまいじり | 日記
2007年01月21日 イイね!

ぶんかつ

ぶんかつ暇だったのでフリップダウンモニターの画像を
4分割表示できるようにしてみました。

8インチの画面を4つに分けたので1つ4インチの
大きさです。

なので12個だったモニターが3つプラスで
15個になる??


ちなみに助手席側ドアに埋め込んだモニターの電源が入らなくなってしまいました(泣)
配線をドアの隙間に挟んでしまったみたい。
時間があるときに直すことに・・・


PS.
カレンダーの上にHPへのリンクバナーを貼ってみました。
Google検索を追加してみました。
Posted at 2007/01/21 23:47:40 | コメント(0) | くるまいじり | 日記
2007年01月20日 イイね!

ぴろてんしょん

ぴろてんしょん前から不具合の出てたD-MAXピロテンションロッドを交換すべくKTSの平和島店に行ってきました。

初売りで普段より4000円ほど安いので今がチャンスかと。
アライメントも取り直したので前よりかなり良くなりました。


D-MAXのは1年で駄目になったので今回のKTS製は大丈夫かな?


PS.
カレンダーの上に画像を付けてみました。
全ページでBGMを流せるようにしてみました。
Posted at 2007/01/20 21:23:10 | コメント(2) | くるまいじり | 日記

プロフィール

「なんか・・・気のせいか?」
何シテル?   10/19 19:26
みんカラ以外では 『またしろ』 になってます。 基本的に何でも出来ます(嘘)
みんカラ新規会員登録

ユーザー内検索

<< 2007/1 >>

 1234 56
7891011 12 13
1415161718 19 20
21 2223 24 25 26 27
28 29 3031   

リンク・クリップ

ユーザー内検索変更 
カテゴリ:スタイルシート設定
2010/05/24 21:46:50
 
タブメニューボタン画像設定 
カテゴリ:スタイルシート設定
2009/10/30 17:57:11
 
ユーザーコンテンツの使い方 
カテゴリ:スタイルシート設定
2009/10/30 17:49:52
 

愛車一覧

スバル WRX STI またしろ2号 (スバル WRX STI)
暇な時、もしくは気が向いた時に乗る車。
その他 その他 またしろ号 (その他 その他)
すかいらいんがなぜか好きです。 へなちょこR33type-Mに乗ってます。 たまに空を ...
ヘルプ利用規約サイトマップ
© LY Corporation