ぴのBlog

Home >  > スポンサーサイトFC2ブログ > プロフィールの画像サイズに関するメモ

プロフィールの画像サイズに関するメモ

FC2Blogのプロフィール編集欄にてアップロードするプロフィール画像は、管理画面のサムネイル作成の設定値(初期値は150px)を超えると自動的にサムネイル画像が適用されてしまう。なので意図したサイズで表示されないケースもありそうだ。(自分自身は現在パーセント指定width="88%"なので、元々粗い画像が更に粗くなるだけw)。

勿論、画像が設定値を超えないように、サムネイル画像の設定自体を大きな数値にすれば回避出来るが、それだと記事等でサムネイル画像を使う場合も大きな画像になってしまう。多くの場合サムネイル画像は小さい方が有難いと思うし、プロフィール画像とは関係無く設定したい所。

じゃあ変数<%image>を使わずに、別途アップロードした画像URLをテンプレートやプラグインに直貼りすれば良いのでは?という意見もあるでしょうけど、htmlが全く解らない人・画像をコロコロ変更するタイプの人には面倒臭い作業になる。

しかし今頃気が付いた。プロフィール編集の際に「参照」でPCから取り込んだ画像でも、再度プロフィール編集ページを開くと、生成された画像URLが「URL:」の欄に表示されるではないか!!!。サムネイル画像が適用された場合はファイル名末尾に「s」が挿入されるので、その「s」を外してあげればイイ。

http://blog999.fc2.com/p/pino/file/gazou01s.jpg

それで変更ボタンを押すだけの簡単作業(*´ρ`*)。htmlを知らなくても大丈夫だし、通常のサムネイル画像のサイズも自由に設定出来る。

2006/01/20 | FC2ブログ | ↓コメント 10 | ↓トラックバック 0

Comment

pino : 2006/01/25(水) URL Edit
(●´Å`) <ついでにメモ。画像等をフロートさせて文章等を回り込みさせる場合(主に記事だが)、親ボックス(記事枠)にwidthを明示していないとIE6で変な事になる(IE7では改善される模様)。
(1)クリアー(回り込み解除)した際の文章の長さ(高さ)が画像の高さより短い場合、IE6では回り込みした部分の文字や枠線が消えるバグ(スクロールで表示されたり消えたりする)。
(2)フロートさせた画像のサイズをwidth="xx%"と%指定した場合、IEでは意味不明なサイズ(bodyに対しての%なのか??)になるバグ。
何れも親ボックスにwidthを明示する事で、このIEのバグを回避出来る。
未流 : 2006/01/25(水) URL Edit
はじめて投稿させていただきます。
お礼が遅くなり申し訳ありません。
先日はプロフィール画像の件でコメント下さってありがとうございました。
***s.jpg の s のところを消してみたところちゃんと表示されました。
感謝します。

http://pni.blog42.fc2.com/ 緑川 未流
pino : 2006/01/25(水) URL Edit
こんばんは。縮小画像のURLに「s」が付くのは知ってたんですが、何故か通常の画像とプロフィール画像は別個に考えていて、「URL:」の欄を気にしてませんでした...orz。未流さんの御蔭で気がつきました。
daniel : 2006/01/26(木) URL Edit
≫メモ 知りませんでした。  勉強になりました。 
pino : 2006/01/26(木) URL Edit
こんばんは。画像幅%のバグは私も知りませんでしたw たまに%を使いますが正常でした。困っていた方の「文章を回り込ませると」という発言があったので実験→しかしそれでも何故か正常。試しにwidth外したら崩れました。floatさせない場合はwidth無しでもO.K.でした。
ひで。 : 2006/01/26(木) URL Edit
silence_lh さっそく使わせていただきます。質問です。記事のところを狭くしたいのですが、%パーセントはどうやって変更できますか?。幅可変したいのですが...。
それとTOPを記事の1番最初にもっていきたいのですが、可能ですか?。
よろしくお願いします。
pino : 2006/01/26(木) URL Edit
それはサイドバーを広くするという意味でしょうか?
それとも、画面両端のスペースを広く(中央寄せ)したいのでしょうか?
何れにしても、このテンプレはdivが少ないので少々面倒です。
主に「レイアウト」と、「ヘッダーとフッター」のmargin値ですが、#top, h1, #intro, #cont, #info-nav, #footer, それら全てを調節する事になります。%は使いません。自身でCSSを理解する必要があります。

 >それとTOPを記事の1番最初にもっていきたい
△の事でしょうか?

<!-- 記事(トップ)-->
<!--topentry-->
<div class="section" id="entry<%topentry_no>">
<div class="to-toc"><a href="#toc" title="目次へ">△</a></div>

上で新しく作ったclass="to-toc"を、CSS「ページナビ」のp#to-topの項目に追加。
.to-toc,
p#to-top{text-align:right;}
こんな感じでどうでしょうか
ひで : 2006/01/27(金) URL Edit
こんにちわ。TOPを記事の1番最初にもっていきたいというのは、ページを開いたときにくるLatest Entriesと最新の記事のあいだにカテゴリ−(みたいなもの)をもっていきたいのです。できますか?  
こんな感じです。

Latest Entries
・○○○○○○○○○○○○
・○○○○○○○○○○○○
・○○○○○○○○○○○○
・○○○○○○○○○○○○
・○○○○○○○○○○○○

TOP
・○○○○○○○  ・○○○○○○○
・○○○○○○○  ・○○○○○○○
・○○○○○○○  ・○○○○○○○
・○○○○○○○  ・○○○○○○○
・○○○○○○○  ・○○○○○○○
pino : 2006/01/27(金) URL Edit
出来ますよ。実際にその位置に書いてみてはどうでしょう?
設定してるテンプレートでやらずに、別個に作成→ プレビュー →調整 を繰り返すと良いと思います。
</ul>
〜ココ(Latest Entriesと同枠)に入れる〜
</div>
〜もしくはココへ新規に枠を作る〜
<!-- 記事(トップ)-->
ひで : 2006/01/27(金) URL Edit
ありがとうございます。一度やってみます。
Comment Form









管理者にだけ表示を許可

Trackback

http://pinotan.blog15.fc2.com/tb.php/152-d9070403

Page Top▲

Menu

Information

Shortcut

This Category
Related
This Category
FC2ブログ
Related
Next door
New>> 帆柱山特別。中山は降雪中止
<<Old 湿ったダート〜雨上がりは決死隊だった(;´Д`)
Search This Site

Feed