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

2008/6/19　アメブロ検索の変更にともない
#search .searchbtn　を　#search .searchButton に変更下さい

下のＣＳＳは訂正済みです

再度変更で元に戻りました　・・・　下のCSSは訂正してあります

前回 の続きです

今度はボタン部分をCSSで変更します

※ボーダーが二重線になっているのは　3px double　と、幅3px の二重線で指定しているからです

borderの位置関係は上の図を参照してください

窓部分は前回 を参考に変更してください

ＣＳＳの最後にコピペしてください

#search .searchbtn {
height :20px;
color: #cc00ff;
border-top:3px double #ff66ff;
border-left:3px double #ff66ff;
border-right:3px double #ff33ff;
border-bottom:3px double #ff33ff;
background-color: #ff99ff;
text-align: center;
}

#search .searchbtn {
height :20px;
color: #cc00ff;
border:3px outset #ffccff;
background-color: #ff99ff;
text-align: center;
}

※検索の文字サイズを小さくする場合は#search .searchbtn{　　} 内に

　font-size :0.8em; /*80%のサイズ*/ とか、　font-size: 8px;　

　のどちらかを、好みの大きさを指定して加えてください

※画像を使う場合は

#search .searchbtn {
width: ***px;/*画像の幅*/　
height: 20px;/*画像の縦*/
text-indent: -9000px;
background: url(画像のURL) no-repeat;
}