So-net無料ブログ作成
検索選択
メッセージを送る

kuu♪からのお知らせ

■スキンを作るコツは、とにかくプレビューで確認することです。
 数字を替えた! 色を替えた! 画像を替えた!そのたびにプレビュー! で確認!
 そしてこまめに保存してください。

■コメントをたくさんいただいているのですが返信もままならない状況ですのでしばらくの間コメントの受付を停止させていただきます。ごめんなさい。

また、管理人kuuがしばらくソネブロを離れている間に随分仕様の変更等あったみたいですので、当ブログの記述では対応できないものも出ているかもしれません。

プロフィールに画像を入れる方法 [プロフィール]

プロフィールに画像を入れる方法】

2パターンあります。

■1つ目

 画像として
    を用意して入れました。

/*--Profile--*/

dt.profile-img {
float:left;
}

dd.profile-status{
margin-left:85px;
line-height:180%;
}

.profileLink {
padding-left:12px;
background:url(/blog/_skin/system/images/arrowR_small_gray.gif) no-repeat left center;

}

.nice {
margin:0;
padding:0 2px;
background:#ffd900;
border:1px solid #0090ff;
}

① .profileLink の中を消します。
  padding-left:12px;
  background:url(/blog/_skin/system/images/arrowR_small_gray.gif) no-repeat left center;

② dd.profile-statusに
   background:url(/blog/_images/blog/_▲▲▲/******/1234567.gif)no-repeat left  center;
   padding-left:20px;(画像の大きさによって20を調節してください)
  
を足します。

  

/*--Profile--*/

dt.profile-img {
float:left;
}

dd.profile-status{
background:url(/blog/_images/blog/_▲▲▲/******/1234567.gif)no-repeat left  center;
padding-left:20px;

margin-left:85px;
line-height:180%;
}

.profileLink {
}

.nice {
margin:0;
padding:0 2px;
border:0px solid #0090ff;
}


 

■2つ目

今回は1つめに更に  を足してみます。(もちろんどちらかだけでもOKです。)

 

/*--Profile--*/

dt.profile-img {
float:left;
}

dd.profile-status{
background:url(/blog/_images/blog/_▲▲▲/******/1234567.gif)no-repeat left  center;
padding-left:20px;

margin-left:85px;
line-height:180%;
}

.profileLink {
}

.nice {
margin:0;
padding:0 2px;
border:0px solid #0090ff;
}

#profile{
margin-bottom:10px;
background:url(/blog/_images/blog/_▲▲▲/*****/0123456.gif) no-repeat right bottom;
}

を足します。
right bottom の部分は好みで変えてOKです。

/*--Profile--*/
#profile{
margin-bottom:10px;
background:url(/blog/_images/blog/_▲▲▲/*****/0123456.gif) no-repeat right bottom;
}

dt.profile-img {
float:left;
}

dd.profile-status{
background:url(/blog/_images/blog/_▲▲▲/******/1234567.gif)no-repeat left  center;
padding-left:20px;

margin-left:85px;
line-height:180%;
}

.profileLink {
}

.nice {
margin:0;
padding:0 2px;
border:0px solid #0090ff;
}

 

 


nice!(5)  コメント(4) 
共通テーマ:blog

nice! ありがとう 5

コメント 4

コメントの受付は締め切りました
elice

こんばんは。
こんなこともできるんですね。早速利用させていただきました。
ありがとうございます。
by elice (2008-01-16 20:36) 

kuu♪

★eliceさん
お役に立ててよかったです♪
by kuu♪ (2008-01-18 09:02) 

みーはー熊

なるほど、こんな風に使えるんですね。
by みーはー熊 (2008-02-07 00:08) 

kuu♪

★熊ねえさん
そうなんですよ~[ニコッ]
絵が2個入るのがちょっとうれしいですね[ハート]
by kuu♪ (2008-02-10 16:47) 

ありがとうございます♪♪

記事が役に立たれたら、下のバナーの興味があるものをクリックしてもらうとうれしいです。

  

         

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。

×

この広告は1年以上新しい記事の更新がないブログに表示されております。