スポンサーサイト

--–--–-- (--) --:--
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

プロフィール画像の表示位置を変える

2006–06–10 (Sat) 10:31
私が共有登録しているテンプレートデザインは、初期状態でプロフィール画像がカラムの中央に配置されるよう、CSSで設定してあります。

これは、
プラグインの設定 > プラグインの編集 > 設定の変更 > コンテンツの文字位置
…の部分で、『 中央寄せ 』 または 『 右寄せ 』 を選択した時に、プロフィール画像と自己紹介文が 『 一緒に中央寄せ 』 もしくは 『 一緒に右寄せ 』 になるのを避けるための、配置設定です。(中央配置にしているのは、単に私の好みです^^)

画像の表示位置は、CSSのの該当部分を書き換えて右寄せ・左寄せに変更します。追記以下を参照してください。
 

初期設定 : 中央配置

/* --- プロフィール画像の余白・表示位置(プラグイン無効・有効時共通)--- */

.author-image img,
.plugin-myimage img { display: block;
  margin: 0 0 15px;
  text-align: center; }

html>body .author-image img,
.plugin-myimage img { display: block;
margin: 0 auto 15px; }
/* Opera、Firefoxなど比較的新しいブラウザでのプロフィール画像表示位置 */

変更後-1 : 右寄せ配置

/* --- プロフィール画像の余白・表示位置(プラグイン無効・有効時共通)--- */

.author-image img,
.plugin-myimage img { display: block;
  margin: 0 0 15px;
  text-align: right; }

html>body .author-image img,
.plugin-myimage img { display: block;
margin: 0 auto 15px 0; }
/* Opera、Firefoxなど比較的新しいブラウザでのプロフィール画像表示位置 */

 

画像を左寄せにしたい場合、CSSの該当部分冒頭に/*、最後尾に*/を書き加えて、内容をコメント扱いにして無効化することで、画像が左寄せになります。(左寄せ配置-a)

ですが、『それでは不安だ』という場合は、左寄せ配置-bのように設定しても良いでしょう。

変更後-2 : 左寄せ配置-a

/* --- プロフィール画像の余白・表示位置(プラグイン無効・有効時共通)--- */

/*.author-image img,
.plugin-myimage img { display: block;
  margin: 0 0 15px;
  text-align: center; }

html>body .author-image img,
.plugin-myimage img { display: block;
margin: 0 auto 15px; }*/
/* Opera、Firefoxなど比較的新しいブラウザでのプロフィール画像表示位置 */

変更後-3 : 左寄せ配置-b

/* --- プロフィール画像の余白・表示位置(プラグイン無効・有効時共通)--- */

.author-image img,
.plugin-myimage img { display: block;
  margin: 0 0 15px;
  text-align: left; }

html>body .author-image img,
.plugin-myimage img { display: block;
margin: 0 0 15px auto; }
/* Opera、Firefoxなど比較的新しいブラウザでのプロフィール画像表示位置 */
スポンサーサイト

« [ eme_lace-up_2b ] の共有登録申請 | HOME |  スレッドテーマ・ジャンルの表示 »

コメント

v-273 ミリアム さん

え~、ただいまお友達のサイトにうかがって、スクリーンショットを見せていただきました。
で、自分の配布しているテンプレートの方のチェックもさせていただきました。


私も普段、Windows系IEとFirefoxでのみ、テンプレートの編集・表示確認
作業をしているのですが、こういう状態になったものは初めて見ました。
Safariのみで表示がこうなった…ということなのでしょうか?

ミリアムさんのブログにもお邪魔させていただきましたが、画像が多めで
全体の読み込みには、多少時間がかかるようです。
(私のパソコンのCPUは1.7GHz程度ですが、それでもやや時間がかかります)
その際、ページ内の他の画像を先に読み込んで、一時的にその場所に表示されていた
…ということが考えられます。
少し時間をおき、全ての画像を読み込み終わると正常な表示になります。

その場合、一度に画面上に表示する記事数を減らす・大きな画像は追記部分の下に隠す…
などすれば、ブログ全体の表示が早くなって、不思議な画像が表示されにくくなると思います。


再読み込み後、正常に表示されるようになったのならば、もしかしたら
お友達の方の特有の環境に起因する…という可能性もありますが。


もしも上記の方法で解決しなかった場合、私の方ではMac Safari で確認ができませんので
これ以上のアドバイスはできそうにありません。ごめんなさい。
他にSafariをお使いのお知り合いがいらっしゃったら、そちらでも確認していただくと
より安心かもしれません。

画像が正確に表示されないのですが

こんにちは。

昨日からテンプレートをお借りしています。

実は、先ほど友人の1人が、Safariを使用して見たところ、このテンプレートのデザインがIEやFirefoxで見るのと全く別のデザインが現れているという指摘をしてくれました。

彼女が、自分のブログで、スクリーンショットの画像を公開して見せてくれたのですが、まるで違うデザインの絵が映し出されています。

これは何か、私の方の問題なのでしょうか。だとすると、どのような解決方法があるのか教えていただけませんでしょうか。

友人の画像のURLは以下の通りです。
『ぴかままのおうち』
http://plaza.rakuten.co.jp/pikachumama/diary/?

私のPCの環境はWindows XP IEを使用しています。

よろしくご検討お願いいたします。

コメントの投稿

 
管理者にだけ表示

トラックバック

トラックバックURL

http://emeraldmountain.blog11.fc2.com/tb.php/70-5c106daa

⇒ この記事に対してトラックバックを送信する(FC2ブログユーザー)

 | HOME | 

translate this blog into

カレンダー

10 | 2017/11 | 12
- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 - -

最近の記事

最近のコメント

最近のトラックバック

カウンター

総閲覧数:

プロフィール

emeraldmountain

  • Author:emeraldmountain
  • 最近こちらのブログにはあまり出入りしていません。返信等はかなり遅れます。ご容赦くださいませ。

ブログ内検索

カテゴリー

全記事(数)表示

全タイトルを表示

Llnks

RSSフィード

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。