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

いつもペタしてくれるあの人へ…だってさ

http://present-shop.ameba.jp/shop/top/new


前にも書きましたが・・・

たかがイラスト!

なんで金額・・失礼・・・アメゴールドが違うの?



ペタのお礼だってさ・・・


赤ちゃんは5アメゴールド・・・

パグ・ぶたが10アメゴールド・・

ペンギン・ひつじが20アメゴールド・・・


鳳凰なんて50アメゴールド・・・


鳳凰になるためには何人からペタをしてもらっているの?


1000人としたって全員にプレゼントしたら 50000円!!!!?

失礼・・・すぐに間違える・・・ 50000アメゴールド!


もらったってほとんど喜ばれない


喜ぶのはアメブロだけ・・・・



だまされないぞ!!!!!


私はいりません!





今月末消滅するアメゴールド18アメゴールド・・・・

使おうとは思いませんが・・・

ただ消えてしまうのも・・・・


こんなのでも・・・・

まとまれば大きな金額になると思うんですが・・・・

どこかにまとめて

寄付するって出来ないんでしょうか・・・?ね・・・・

同じテーマの最新記事・・変えられた~

同じテーマの最新記事・・・


前の記事で背景画像をつける説明をしましたが・・・



まだ・・・

何時間もたっていないのに・・・・

変えてきました



ので、背景画像にあっていません



また変えられても困るので

様子を見て

変更がなくなったら

再度、背景にトライします


それまでお待ち下さい



いつまた変更されるかわかりませんが・・・とりあえずは

http://ameblo.jp/exlink/entry-10143460443.html

CSS 同じテーマの最新記事

先ほどから・・・

アナウンスのあった

「同じテーマの最新記事」が付き始めました






で、さっそく・・・・ リストマークを変更しちゃいます

/* 同じテーマの最新記事 */
#themeBox ul {
list-style: none;
margin-left: 10px;
}
#themeBox li {
margin: 0;
padding-left: 16px;/*画像横+α */
background: url(http://stat.ameba.jp/blog/ucs/img/char/char2/131.gif ) no-repeat;
background-position:0px 0px;/*画像位置 横 上 */
}





・・・ タイトルも何とかしなけりゃね

div#themeBox h5{
background-image:url(画像のURL);
}





そもそも・・・こんなもんいらね!!!  って方は


#themeBox {

display:none;

}


CSSの編集にさわれないスキンの場合で・・・
いらね~・・・消してくれ~ って方は

フリープラグインにこのままコピペで消えてくれます


<STYLE TYPE="text/css"><!--
#themeBox {display:none;}
--></STYLE>



ここのブログのように背景に画像をつける場合は・・・・




まだ何時間もたっていないのにアメブロが変更してきました

ので・・・・以下(背景に画像を使う)は 現在うまくいきません・・・

アメブロの様子を見て再度やり直しますのでお待ち下さい



いつまた変更されるかわかりませんが・・・とりあえずはこれで

http://ameblo.jp/exlink/entry-10143460443.html




↑こんな背景画像を用意します



/* 同じテーマの最新記事 */
#themeBox{/*背景画像の指定*/
height:140px;/*背景画像の縦 A*/
background: url(背景画像のURL) no-repeat;
background-position: center;
}
.entry h5{/*タイトルを消す*/
display:none;
}
#themeBox ul {
list-style: none;/*リストマークを消す*/
padding: 50px 0 0 30px;/*上B 0 0 左C*/
}
#themeBox li {
margin: 0;
padding-top: 5px;/*行間 D*/
padding-left: 25px;/*画像横+α E*/
background: url(リストマーク画像のURL) no-repeat;
background-position:0px 5px;/*画像位置 横 上 */
color:#ffffff;/*文字色*/
}
#themeBox li a{
color:#ffffff;/*リンクの文字色*/
}




padding-top: 5px;/*行間 D*/ を設定しない場合 これが初期設定の行間です

行間が広がるとリストマークの位置が合わなくなりますので

background-position:0px 5px;/*画像位置 横 上 */  として 5px(広げた分)下げます