いんて@白ハリのブログ一覧

しかし、なんで
「Firefox Ver.3.0.8」は
みんカラのモニター企画のバナーをクリックすると
「お探しのページは見つかりませんでした」の
ページに飛ぶんだ！(#ﾟДﾟ) ﾌﾟﾝｽｺ！

右クリックで「汚れたリンク」を選ばないと
リンクに飛ばないのは何故なんだ？？？

■応募される所有車両について教えてください（車名、年式、型式）

　エスティマハイブリッド（ＭＣ前）Ｈ１９年式　ＡＨＲ２０Ｗ

■当選されたらどちらの施工ショップに入庫をご希望されるか教えてください。

　もちろん、またハセ・プロさんの本社に入庫させます！(^^)

■現在装着されているカーボン系（カーボン風を含む）パーツがあれば教えてください。

　センターコンソール
　フロントグリル上部
　フロントグリル下部
　スマートキー

■今後、ドレスアップやチューニングにどれくらいお金をかけようと思っていますか？

　貧乏なのでお小遣いの範囲でコツコツやってますので、恥ずかしくで金額は言えません（爆）

■ハセ・プロのイメージを教えてください。

　親切！丁寧！面白い事を考える会社ってイメージですね。
　ホント、その切はお世話になりました。

■フリーコメント（意気込みなど）

　是非とも、飛び石で悲しい運命になってる、ウチのボンネットを助けてあげてください。　もし当選したら、フロント＆リアスポイラーもお願いしますので・・・（爆）

※この記事はハセ・プロのマジカルアート・カーボン・レザーでイメージチェンジ！について書いています。

さて、このブログは本文とコメントの部分が透けて背景が見えるようになってますよね。

透けてると、なんとなくカッコよくないですか？
自己満足？（爆）

ちょっと面倒ですが、透けるテーブルをやってみましょう。

まず必要な物に、透けた背景の画像が必要です。
通常、透明GIFやPNGファイルが必要になります。
しかし、つくるのは面倒だと思いますのでサンプルでウチの背景に使ってる画像をいくつが置いておきます。(^^)

　黒い透過背景

　青い透過背景

　オレンジの透過背景

　白い透過背景

お好みの色の画像を適当な場所にダウンロードします。
次にみんカラのスタイルシート画像にアップロードします。

※アップロードする時は自動変換にチェックを入れてはいけません。

詳細編集
　↓
コンテンツ共通
　↓
コンテンツ表示上部　←ココを編集します。
コンテンツ表示　　　←ココを編集します。
コンテンツ表示下部　←ココを編集します。

基本的に３カ所とも同じです。

元々、背景は色だけが指定されていますので、他の部分は必要ですので、
background～の行だけ削除します。

ここで、プレビューしてみましょう。
ページの一番下に、プレビューボタンがある筈です。

プレビューで背景に直接文字だけが残っていれば成功です！(^^)

次に、先ほどアップロードした透過背景画像を指定します。

background:url(https://cdn.snsimg.carview.co.jp/carlife/storage/*****/style/********.png) repeat;

さっき消した、"background～"の部分に上記の行を挿入します。
スタイルシート用の画像のURLはみなさんがアップロード画像の横にありますので、それを記入してください。

もう一度、プレビューしてみましょう。
コメントの背景が半透明になれば成功です！(^^)

あとは、忘れず保存しましょう（笑）

サイドバーやプロフィールも同じ要領で半透明に出来ます。

やはり不満が多かったのか、それとも私が書いた文句が効いたのか（ってそれはありえないだろうなｗｗｗ）画像のサイズと容量の規制が緩和されました。

900×900(200KB)→1280×1820(300KB)
となったので、背景画像の置き場所をZORGからみんカラに変えました。

これで、タイムラグが若干解消されたかな(^^)

カウンターの設置です。

カウンターはNINJATOOLSなどを無料で使ってる場合が多いですよね。
ウチはHitGraphを使っていますが、ヘッダーの背景や全体の背景に画像を登録している場合は置き場所に困るのではないかと思います。

では、何処に置くか？って事になるのですが、"background"で指示できる場所なら置こうと思えば何処でも置けるのです。
でもあんまり変な所にも置けないので、私はブログ表示切替部分に置きました。
このブログ画面の左上ね(^^)

で、スタイルシートを弄る部分はココです。

詳細編集
　↓
ブログ
　↓
ブログ表示切替　←ココを編集します。

例
font-size:12px;
text-align:right;
clear:both;
margin:0 0 5px 0;
background-image:url('http://***.～');　　　　　カウンターのURLを指定します。
background-repeat:no-repeat;　　カウンター（背景）を繰り返さない指示です。
background-position:left top;　　表示範囲の左上に表示する指示です。
height:50px;　　　　　　　　　　表示範囲の高さを指示します。（カウンターの高さに合わせてください）

白い文字の部分は最初からあった物です。
赤い文字の部分を追加します。

これでカウンターの設置完了です。(^^)