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

ブログ画像一覧を見る

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

<< 前のページへ最新 | 368 | 369 | 370 | 371 | 372 | 最初次のページへ >>

概要をなおしていて・・・？

いま、概要を何行かに分けていて・・・・・

理解できない現象に悩んでいます？？？？

たぶん？半角のスペースがなにかやっているのだとは思うのですが・・・
わかりません？

とりあえずは、いま４行にしてあるのですが

最初にやったときは１番上の行しかサイズ内にはいらなくて
１番下の行はズラズラ～っとはみ出して表示されていました

やっているうちに再現が出来なくなり

いまの状態なんですが・・・・・？

内部の仕組みがどうなっているかわからないのでこれ以上は？？？です

CSS ブログを作るボタンのロールオーバー

ゴメンナサイm(_ _)m

前に読者になるボタンのロールオーバーを紹介したときに
ブログを作るボタンのロールオーバーは無理って書いちゃったんですが
勘違いでした
見もしないで・・・・できないって言っちゃいました・・・・・

また、例のごとくCSSに青字部分をコピペしてください

/* ブログを作るボタンロールオーバー */
#ameblo a#btn_blog img {
visibility : hidden ;
}
#ameblo a#btn_blog{
display: block;
padding:0;
margin:0;
height:50px;/*画像の縦*/
background-repeat : no-repeat ;
background-image : url(最初の画像のURL) ;
}
#ameblo a#btn_blog:hover {
background-repeat : no-repeat ;
background-image : url(マウスがのったときの画像のURL);
}

ロールオーバー（マウスがのったときに画像が替わる）が必要なければピンク部分は必要ありません

このページにセットしてあります
マウスをのっけてみてください
画像を２枚用意できない方は先日のナンチャってロールオーバーを利用ください

　　　←　ナンチャってロールオーバー

2008.8.9

１枚の画像でロールオーバーさせる方法は

CSS タイトル画像のロールオーバー2 　こちらも参考にしてください

CSS　画像のポラロイド風

2009.4　アメブロの画像表示方法変更により自動でできるようになりました

ＣＳＳ　自動でポラロイド風に・・・

画像をポラロイド風にします

写真の下に１ポイントの画像を入れてみます

また例のごとく青字をCSSにコピペ

/* ポラロイド風 */
.pola {
background-color: #ffffff;
margin: 5px 10px 5px 5px;
padding: 10px 10px 40px 10px;
border-width: 2px;
border-style: solid;
border-color: #dce3e3 #c1c1c1 #c1c1c1 #dce3e3;
background-image:url(1ポイント画像のURL);
background-repeat:no-repeat;
background-position:95% 98%;
}

記事を書いて画像を貼り付けて

HTMLタグを表示で　class="pola" を加えるだけです