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

ぶら坊のブログ一覧

2009年05月21日 イイね!

やっと新スタイルに!

みなさん どうも♪ぶら坊です。

早くやらなくては!と思っていた新しいスタイルシートにやっと変更しました。

実は新スタイルシートが施行され始めた時に試みたのですが、ヘッダー画像が上手くいかなくて放置してました(^^;)

しかし、このまま旧スタイルのままだと来月になった時に自動的に既成のスタイルに変更されるみたいなので、重い腰を上げて変更に着手したのでした。


ヘッダーは色々試行錯誤してようやく既定の枠内に収まりました。
こういうのに慣れてる方だとパッパッと簡単にされるのでしょうが、不慣れな私は上手く画像が収まるのに時間が掛かってしまいました(汗)
ちなみにヘッダー画像のサイズは1024×276ピクセルです。

タイトルは前と同じフォントと同じカラーにしたのですが、今回はスクロールさせてみました(笑)

次にカレンダーですが、前のように上側に画像、下側にカレンダーという感じにしたかったのですが、色々やってみても上手くいかないので諦めてカレンダーの背景に画像を入れました。
ちなみに画像は京商1/18 Ferrari 365 GTB4 competizioneです。

そして今回新しく試みたのが背景色。
B2リミテッドのトワイライトブルーマイカになるべく似ている色にしたつもりですが、あの微妙な色合いはやっぱり難しいです…。
違うなぁと思うのですが妥協しました(苦笑)

もう1つ新しく試みたのが↑のブログトップにある小さい横長の画像。
Roadsterのエンブレムの画像を入れてみたのですが、ちょっとうるさい感じかな?と思うので、もしかしたら元に戻すかもしれないです。


それにしても新しいスタイルシートはヘッダー画像のサイズに規制があったりして、旧スタイルに比べてやり辛いですね~。

フッダー画像も入れられなくなって…
と思っていたのですが…

しか~し一番下までスクロールして下さい。
旧スタイルより小さくなったものの、

ちゃんとフッダーが入ってるでしょ!
画像はちょっとした遊び心(笑)でラーメンにしてみましたが、他の画像に変更する予定です。
ちなみにこの画像は先日、北九州市で食べた「男龍」のラーメンです(^^)
「今度は醤油ラーメンに?」とかそんな突っ込みは受け付けておりませんので悪しからず(笑)

新スタイルでは無理なのかなぁと思ったのですが、調べてみるとあの範囲内(私のブログで言う黒い部分)でしたら大丈夫です。
旧スタイルのようなフッダーは無理みたいですが、少し小さめのフッダー(もどき?)は入れられます!

で、気になるそのやり方をお教えします。
と偉そうに言っても私もみんカラを徘徊して覚えただけですが(^^;)


まずスタイルシートスタイルシート画像の準にクリックして頂いて、挿入したい画像をアップロードします。
※アップロードする画像の幅は必ず620pxにして下さい。
アップロードした画像のURLをコピーします(ヘッダーを入れてる方はご存知だと思いますが)

続いて詳細編集コンテンツ共通をクリック。
コンテンツ共通のページを下に少しスクロールして頂くと、
コンテンツ表示下部という文字があります。
その右に文字の羅列があります。
コレ↓です
margin:0 0px 0 0px;
padding:0px;
background:url(http://○△□…) no-repeat top center;  
        ↑の( )内に画像のURLを入れます
height:100px;
  ↑は縦幅のサイズです。

上をご覧になると判ると思いますが、background:urlの後の( )内に元々ある文字を消して、( )内に先程コピーした画像のURLを貼り付けます。
height:の右の数値は画像の縦幅のサイズを変更する数値です。
仮に100pxとしてますが、これは画像によって自由に決めてください。
ちなみに私のラーメンの画像は290pxです。

ヘッダーを入れられてる方は操作する場所さえ分かれば大丈夫ですよね(^^)
ちなみにブログトップのRoadsterのエンブレム画像を入れている場所は
コンテンツ表示上部です。
要領は↑と一緒ですがそのままだと画像は1つしか表示されませんのでコンテンツ表示上部内のno-repeatを消して画像が続くようにしてあります。


もしヘッダーに画像を入れてない方でやってみたい方は↑と同じ要領です。
まず詳細編集をクリック→基本ページを下へスクロールして頂いて、
ヘッダー領域の中のbackground-image:url(http://○△□…)の( )内の文字をスタイルシート画像でアップロードした画像URLに置き換えればOKです。

皆さんチャレンジしてみましょう!(^ー^)/


※↓追記。

お友達の方にカレンダーの背景に画像挿入について質問がありましたので追記します。

まずスタイルシート用画像でカレンダーに挿入したい画像を↑と同じようにアップロードして画像URLをコピーします。

アップロードする画像はカレンダー用なのであまり大きなサイズだと確実に画像の1部分しか見えなくなると思います。
ですので私は314×235ピクセルに縮小していますが、このサイズでも5ミリぐらい端が写ってないのでホントはもう少し縮小した方がいいと思います。

次に詳細編集サイドメニューをクリック。
下へスクロールして頂いてブログカレンダーの書式の中のbackground:url(http://○△□…) の( )内を↑の要領でアップロードした画像URLに置き換えるだけです。
私のカレンダーはheight:235px;にしていますが、あとはご自身で調整されてください。
heightは縦幅の数値で数値を増やせば縦幅が広がります。

これで画像挿入はOKだと思いますが、そのままですと今日の日付の場所の背景だけオレンジになっていると思います。
私は少しでも画像が見えなくなるのがイヤだったので今日の日付の場所を枠で囲うようにしてあります。
やり方はブログカレンダーのすぐ下のブログカレンダー当日に、
border:3px solid #001940;
と書き換えます。
↑これは私の現在の書式です。
border:3pxの3は枠の太さですので数値を上げればより太くなりますし数値を1にするとかなり細い枠になります。
#001940は枠の色なので、これを換えれば色も変わります。
カラーコードはコチラをご覧ください。

あともう一つ、私はブログを書いている日を緑にしています。
このやり方は、先程のブログカレンダー当日よりも少し下のブログカレンダー記事ありリンクに、
color:#00c040;
と書き入れます。
色はカラーコードで好きな色にされてください。


説明がヘタなので分かり辛いかと思いますがご容赦ください。
Posted at 2009/05/21 01:23:05 | コメント(11) | トラックバック(0) | スタイルシート | 日記
2008年11月25日 イイね!

新装開店ですよ(^^)/

みなさん どうも♪ぶら坊です。

ご覧になられてお分かりだと思いますが…
少しスタイルシートを変更してみました(^_^)

変更点は
ヘッダー、フッダーに画像挿入。

タイトルの位置、大きさ、色、フォント変更。

アイコンの挿入。

タブの色変更。

カレンダーに画像挿入。

以上こんな感じです。

ヘッダーは前回のブログにアップした山口市のパークロードで撮影した画像を使いました。
タイトルやタブは自分の愛車のB2リミテッドに近い色にしてみました。

苦労したのがカレンダーの画像!
なかなか上手く画像が入らなくて…(^д^;)
この為に初めて画像縮小にチャレンジしてやっと成功しました(^_^;)
写っている車は私のミニカーコレクションの中からチョイスしたヨタハチ(トヨタ・スポーツ800)です。
このヨタハチは、私がミニカーを集め始めた頃に買ったお気に入りのミニカーなんです。(ちなみにホイールは変更してます)
カレンダーの背景は今年の7月に訪れた愛媛県の佐田岬の風車の写真を↓このようにパソコン映してキーボードの上に本を置いて底上げして撮影しました(^^)v


カレンダーの画像は時々変更しようと思ってます(素材のミニカーは大量にありますから…笑)

あとプロフィール画像も変更しました♪
ブラボー号です!!
ご厚意で製作してくださったCH@OCEANさんどうもありがとうございましたm(_ _)m
ありがたく使わせて頂きます。

↓どんな訳?(笑)
という訳で新装開店しましたので
皆さんヨロシクです!(^^)/


※追記
このブログをアップした後で、OCEANさんから新しいプロフィール画像とアイコンを製作したとのメッセージを頂きまして早速プロフとアイコンを変更しました。
OCEANさん本当にありがとうございました。
重ねてお礼申し上げますm(_ _)m

Posted at 2008/11/25 23:58:13 | コメント(14) | トラックバック(0) | スタイルシート | 日記

プロフィール

「@錆ロド (ノ△T) さん
ホントそうですね(^^;)
山口県に限らず日本全国どこでもお会いできそうな気がします(笑)」
何シテル?   09/19 12:27
ユーノス ロードスターに乗っています。 ラーメンオタクです。 カメラはオリンパス党で、現在は主にOM-D E-M1で撮影しています。
みんカラ新規会員登録

ユーザー内検索

<< 2017/9 >>

     12
3456789
10111213141516
17181920212223
24252627282930

リンク・クリップ

アイ・スタイリング 
カテゴリ:ショップ
2008/11/26 01:22:46
 

お友達

面識のない方からの突然のお誘いはお断りする場合があります。
105 人のお友達がいます
hirofoohirofoo * さねやん@ブロラン号さねやん@ブロラン号 *
KUROYONKUROYON * ドライブ依存症ドライブ依存症 *
ひでたひでた * 覆面える覆面える *

ファン

32 人のファンがいます

愛車一覧

マツダ ユーノスロードスター マツダ ユーノスロードスター
平成9年式NA8C B2 Limited 車台番号406323
マツダ ロードスター マツダ ロードスター
13年式NB8C  RS-Ⅱ 本当に楽しいブラボーな車でした。 この車に出会えて本当に ...
その他 その他 その他 その他
ミニカーのフォトギャラリー用です。

過去のブログ

2017年
01月02月03月04月05月06月
07月08月09月10月11月12月
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月

QRコード

QRコード
このブログを携帯でご覧になれます
ヘルプ利用規約サイトマップ
©2017 Carview Corporation All Rights Reserved.