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

としぽっちのブログ一覧

2005年12月09日 イイね!

ブログに複数の画像をUPする方法

ブログに複数の画像をUPする方法を教えてほしいというご要望がありましたので、ご説明したいと思います。

通常ブログに画像をUPする際には、自分のPCの中の任意のフォルダから選んでUPしますが、基本的にやり方が異なります。

掲載したい写真を一度「カービューサイト」にUPしてから、そこのURLを使うというすこし回りくどいやり方を取らなければなりません。
※もしもっと簡単なやり方がある、という方がいたら教えてください<(_ _)>

なので、わたしは掲示板を写真置き場にしていますが、そのほかにもスタイルシートの画像をストックしておく場所に保存しておいてその「URL」を使うというやり方もありです。

ではあらかじめ「掲示板」か「スタイルシート用画像」のところにUPしたい写真をあげておいてから作業を始めましょう。


まずはブログ編集画面の「本文」というところにこのような表示があると思いますが、そちらの「画像」を挿入したい場所にカーソルを置いておいてクリック。

すると
このような画面が出てきますので、そこに写真のUPしておいたリンク先の「URL」を入力します。

ここで気をつけてください!
このままでは画像はUPされません!
入力すると、指定した「URL」の文字列の前に
「http://carlife.carview.co.jp/Image.asp?」
というのが表示されますので、この部分は削除してください

そうすると、
「<>」の間に『img src="「指定したURL" border="0"』
というように表示されます。

このままだと、↑の画像のように画像が表示され、この画像指定後の文字は画像の下に表示されます。

画像が大きい場合はブログページのスタイルが崩れてしまうので、「border="0"」の後に半角でスペースを空けて「width="数値"」というように入力しましょう。
たとえば、"250"で打ち込んでみてください。この数値が大きくなれば掲載される画像は大きくなりますし、小さくすれば画像は小さくなります。

"250"に指定してみます。


"150"に指定してみます。

また、さらにこの後に半角スペースを空けて「align=left」を挿入すると
文字がこのように画像の右側に配置されます。この画像指定の後に画像をさらに指定すれば、




































ということもできます。

うまく説明できたでしょうか?




Posted at 2005/12/09 10:18:03 | コメント(7) | トラックバック(2) | スタイルシート講義 | 日記
2005年11月17日 イイね!

スタイルシート講義 ~ブログフォントサイズと色の変更~

スタイルシート講義 ~ブログフォントサイズと色の変更~今朝のブログで紹介した、フォントサイズの変更の仕方を取り上げてみました。
合わせて文字色の変更も取り上げているので、背景色とのマッチングがうまくいっていない方は試してみてください。
Posted at 2005/11/17 10:48:26 | コメント(2) | トラックバック(0) | スタイルシート講義 | 日記
2005年11月15日 イイね!

スタイルシート講義 ~タブ色変更~

スタイルシート講義 ~タブ色変更~今回はページ上部。
ヘッダーの下に表示される「タブ色」の変更をやってみましょう♪

「アクティブ」「ネガティブ」で色を使い分けることで、個性的なページを演出することができますね!

詳しくは関連URLにてどうぞ。
Posted at 2005/11/15 11:42:40 | コメント(2) | トラックバック(0) | スタイルシート講義 | 日記
2005年11月14日 イイね!

スタイルシート講義 ~愛車紹介ページその1~

スタイルシート講義 ~愛車紹介ページその1~本日は愛車紹介のトップページの各車ごとにくくってある、枠の色を変更したいと思います。

ここらにくると、少しずついじりながら、プレビューとにらめっこですね(^^;
地道に作業していきましょう。

Posted at 2005/11/14 16:31:45 | コメント(1) | トラックバック(0) | スタイルシート講義 | 日記
2005年11月10日 イイね!

初めての人は。。。

初めての人は。。。スタイルシートの説明をやってしばらくになりますが、ケッコウ苦戦している方多いですね(^^;

自分もそうでした。

わたしがいじりだしたころは、スタイルシートの編集画面を開くと記号の文字列のみでしたが、今「ブルー」を読み込んでみると、細かく区分わけされていますネ!

そこを見ていくと、「ここを変えたい」時には「ここをいじる」というのが見えてくるかと思います。

そしてプレビューを見ながら変更していくといいでしょう。
なれないうちは「色」のみを変更することをススメます。

表示が
「color:」もしくは「background-color:」という部分を探し、
「#000000;」という部分の「000000」の部分を変更する。

これに徹すればいいと思います。

わたしは自分のベースとするスタイルシートのすべてを一度プリントアウトして、マーカーでチェックしました。
そしてその見出しを見れば「body」「CarLink」などとあるので、おおよその予測がつきます。
それほど難しい英語の表記はないので、そうやってしらみつぶしにしていけば時間はかかりますが、ものになると思います。

さぁ!、やってみよう!!
Posted at 2005/11/10 14:10:40 | コメント(1) | トラックバック(0) | スタイルシート講義 | 日記

プロフィール

「小中学校からのギャップ http://cvw.jp/b/131272/41462240/
何シテル?   05/10 13:04
子育て中のおっさん。 犬と鳥、日本酒とカメラをこよなく愛します。 夏はキャンプ、冬は犬ぞりレース観戦が楽しみ。 車は基本ノーマルで。 ☆犬二...
みんカラ新規会員登録

ユーザー内検索

<< 2018/9 >>

      1
2345678
9101112131415
16171819202122
23242526272829
30      

ファン

26 人のファンがいます

愛車一覧

三菱 アウトランダーPHEV 三菱 アウトランダーPHEV
G セーフティーパッケージ <オプション> ・100V AC電源 ・急速充電 ・リモー ...
三菱 i-MiEV 三菱 i-MiEV
アイからの乗り換え。 我が家はPHEVとi-MiEVの二台体制となります。 オプション ...
スズキ その他 スズキ その他
SUZUKI STREET MAGICⅡC50 形式:BB-CA1LB 全長、全幅、全高 ...
ホンダ その他 ホンダ その他
7.2PSの2ストモデル♪ 通称名 Dio ZX 車名・型式 ホンダA-AF35 ...
ヘルプ利用規約サイトマップ
©2018 Carview Corporation All Rights Reserved.