本文へジャンプします。

ココログサポート Top>>Questions List>>画像の横に、同じ画面でリンクファイルを表...

question

画像の横に、同じ画面でリンクファイルを表示させたい

アップ済のリンクファイル（ｐｄｆ）にリンクしたが、このファイルは画像とは別の表示になる。画像の右に併せて表示させたい。

http://sil-mi.cocolog-nifty.com/
basic infomations

sil-mi | 2011/03/28 20:09(5194days ago) | permalink | 基本的な使い方

Please login to comment.

Re: 画像の横に、同じ画面でリンクファイルを表示させたい
こんにちは。

＞画像の右に併せて表示させたい。

とは、画像のように記事内に内容が見える形で表示させたいという意味でしょうか？
そうであれば、pdfファイルのままではそのような表示は出来ません。
ファイルの内容を画像ファイルとして保存する必要があります。
下記ページにディスプレイに表示された内容を「プリントスクリーン」機能を使って画像として保存する方法が書いてありますので参考にしてください。
http://www.kitaino.net/print/printscreen.htm

画像ファイルとして保存したあとは、写真と同じように記事に挿入すればOKです。

no-name. | 2011/03/28 21:37(5194days ago) | permalink

Re: 画像の横に、同じ画面でリンクファイルを表示させたい
まいどです～。

pdfファイルのUPは回覧者がAdobe AcrobatやAdobe Readerなど専用回覧ソフトをインストールやソフトの起動などをしなければなりませんので面倒ですね。私もソフトの起動するのが面倒なので嫌です。

キャプチャーは表示されている部分だけなのでpdfファイルには不向きです。
pdfファイルを画像ファイルに変換するにはAdobe Acrobatがあれば簡単に作成できますがAcrobatを持っていない人でも無料ソフトで変換する事ができます。

4Videosoft フリー PDF JPEG 変換
http://www.vector.co.jp/soft/dl/win95/art/se485136.html

海外のソフトですが操作は簡単です。
1.ソフトを起動してAdd File(+)にpdfファイルをドラッグ。
2.Outoput ColorでColorfull（カラー）かGrey（モノクロ）を選択。
3.Resolution（dpi解像度）を記入。デフォルトで150dpi
プリンター印刷で綺麗に印刷するには300dpi
4.Output Folder(保存場所）デフォルトではソフトの入っているフォルダーの保存フォルダー。
任意の場所に保存するには、[Browse]で指定。保存するフォルダーを変換する前に作成。[Open]保存場所を開きます。
5.最後に[Convert]ボタンで完了

画像はJPEGで保存。A3サイズ10ページでも3秒程で変換できます。
実際に変換したpdf▽
http://kuboing.cocolog-nifty.com/test/qw274010008.jpg

後は、画像貼り付けるだけです。

おっさん | 2011/03/29 00:31(5193days ago) | permalink

Re: 画像の横に、同じ画面でリンクファイルを表示させたい
親切にありがとうございました。
pdfからjpgにいとも簡単に健康できました。

ただ、まだblog作成が慣れず、レシピと料理を中央に貼り付けてました。
すると2つが縦に配置された（自身では横に並べたかった）。
そして、縦配列で画像を拡大したら、元のblogに戻れなく、もっと勉強が必要です。

本当にありがとうございました。

紹介の変換ソフト、他でも有効活用させていただきます。

sil-mi | 2011/03/29 21:39(5193days ago) | permalink

Re: 画像の横に、同じ画面でリンクファイルを表示させたい
まいどです～。

さて、画像が横に並ばない現象ですが
TypePadでの仕様です。
TypePadのASP型のブログには（ココログ・ブログ人など）があります。

記事作成画面上に[記事の作成][HTMLの編集]ボタンがあります。

縦に並んだ記事を[HTMLの編集]に切り替えて見ると▽なっています。
<p><●●●●●●●●●></a> </p>（1の画像）
<p><●●●●●●●●●></a> </p>（2の画像）

画像を横に並べるには▽に手動で操作します。
<p><●●●●●●●●●></a><●●●●●●●●●></a> </p>

旨く並べるには記事幅に対して画像の幅を計算しなければなりません。

画像の配置は「左」

■[ページに表示する画像サイズ]
ブログ記事内でのサムネール画像の大きさの設定
記事幅が700ピクセルなら2っの画像合計で700ピクセル以内にします。
写真が400ピクセルならレシピ画像は300ピクセル以内となります。画像と画像の隙間を空ける場合はどちらかの画像を少し小さくします。

■[元画像を縮小する]
クリックした時の画像の大きさの設定
元画像が300ピクセルなのに400ピクセルにすると画像が綺麗に見えません。

■[画像をクリックしたときの動作]
○なにもしない
クリックしても動作しません。（画像にリンク先をプラスしたい場合などに使います）
○記事ページ内で拡大画像を表示
黒いボックスが記事内で開き画像を表示します。画像が大きいとクローズボタンが見えなくなるので大きな画像には不向きです。
○別ウインドウで拡大画像をポップアップ
表示させたい画像の大きさで別ウインドウで開きます。
○同一ウインドウで拡大画像を表示
表示しているブラウザの大きさで白バック内に画像が表示されます。画像が小さい場合は白の余白が大きくなります。元の記事に戻るには戻るボタンを押す操作をしなければなりません。

おっさん | 2011/03/30 11:57(5192days ago) | permalink