アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦！ -177ページ目

ブログ画像一覧を見る

このブログをフォローする

<< 前のページへ最新 | 175 | 176 | 177 | 178 | 179 | 最初次のページへ >>

期待されている・・・？の・・？

今までのランキングページから来られた方は多くて1日5人・・・

平均で1日2人くらいでした・・・・

昨日の忍者での解析・・・・・

えっ・・・・・・？

ランキングジャンル「アメブロ批評」からこられた方が・・・・　なんと182人

比べて「インターネット」からこられたのは　・・・2人

この差は何なんでしょう？

たしかに「アメブロ批評」は1位で「インターネット」は4位でしたが・・・

1位と4位の違いではないですよね・・・・・　たぶん

どんなアメブロ批判・・おっ・・っと・・と

批評をしているのか興味をもたれたのでしょうか？

ん・・？

もっと・・アメブロに文句を書け！って～ことですか・・？

だ～か～ら～　・・・　批判じゃないんだってば～

サイドバー2 ここのブログの場合・・

昨日・・・

わたしのブログは2枚で作っています・・　って書きましたので

ついでに・・・・

わたしの場合はメニュタイトルも画像にしています

で・・・・　上の画像・・・・

　　　　

　　　　

　　　　

　　　　

　　　　

※注意：↑上の画像をパクッて使う場合・・？

上の画像は高さがそろっていません

height:63px;/*画像の高さ*/

みたいにそれぞれで設定してください

と・・・　下の画像・・・・※普通は下の画像は1枚です
　　　　

　　　　

注意：下の画像は繰り返しませんので十分な長さが必要です

記事やコメントと違ってサイドバーの項目表示数には限度がありますので

ある程度の長さがあれば繰り返す必要がありませんので上下の画像2枚で大丈夫なんです

※下の画像は1枚でOKですが・・　わたしは4パターン作って変化させています

/*　サイドのメニュに背景　*/
h4.menu_title{/*上の画像*/
margin:0;
padding:0;
text-indent: -9999px;
height:60px;/*画像の高さ*/
background-repeat:no-repeat;
background-position: left top;
border:none;
}
.menu_frame {/*下の画像*/
background-image:url(下の画像のURL);
background-repeat:repeat-y;
background-position: left bottom;
width:170px;
padding:0 0 10px 0;
}
/*　カレンダーの背景　*/
#calendar .menu_title{
background-image:url(上の画像のURL);
}
#calendar .menu_frame {
background-image:url(下の画像のURL);
}
/*　アーカイブの背景　*/
#archives .menu_title{
background-image:url(上の画像のURL);
}
#archives .menu_frame {
background-image:url(下の画像のURL);
}
/*　検索の背景　*/
#search .menu_title{
background-image:url(上の画像のURL);
}
#search .menu_frame {
background-image:url(下の画像のURL);
}
/*　記事一覧の背景　*/
#recent_entries .menu_title{
background-image:url(上の画像のURL);
}
#recent_entries .menu_frame {
background-image:url(下の画像のURL);
}
/*　最近のコメントの背景　*/
#recent_comment .menu_title{
background-image:url(上の画像のURL);
}
#recent_comment .menu_frame {
background-image:url(下の画像のURL);
}
/*　ブログの読者の背景　*/
#reader .menu_title{
background-image:url(上の画像のURL);
height:63px;/*画像の高さが違う場合はそれぞれ指定*/
}
#reader .menu_frame {
background-image:url(下の画像のURL);
}
/*　ランキングの背景　*/
#ranking .menu_title{
background-image:url(上の画像のURL);
}
#ranking .menu_frame {
background-image:url(下の画像のURL);
}
/*　ブックマークの背景　*/
#bookmark .menu_title{
background-image:url(上の画像のURL);
}
#bookmark .menu_frame {
background-image:url(下の画像のURL);
}
/*　ブログテーマ一覧の背景　*/
#theme_list .menu_title{
background-image:url(上の画像のURL);
}
#theme_list .menu_frame {
background-image:url(下の画像のURL);
}
/*　ＰＲの背景　*/
#defaultAd .menu_title{
background-image:url(上の画像のURL);
}
#defaultAd .menu_frame {
background-image:url(下の画像のURL);
}