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

素材 プラレール・・・1

何使えるかは・・・・? ご自由にお持ち帰りください



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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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






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


/*記事下*/

.entry .foot{
text-align:left;/*またはright*/

padding:10px 30px 10px;
border-top:none;
background-image:url(画像のURL);
background-repeat:no-repeat;
background-position:50% 100%;
}

NHKで・・・

先ほどまで休み時間にNHK見ていました


SONGS「山崎まさよし」


それほど興味のある方ではありませんでしたので
ただ・・何の気なしに見ているって感じでしたが・・・・





「ONE MORE TIME,ONE MORE CHANCE」・・・・


当時はいい曲だとは思っていましたがそれだけでした

もっともサビしか知らなかったし・・・
別にCD買おうとも借りようとも思いませんでしたし・・・






でも・・・今日は・・・・


聞いていたら・・・
歌詞テロップを見ていたら・・・・




なんか急にジーンっときちゃいました


この何年間かの間に・・・ わたしになにがあったんでしょ ・・・・


TUTAYAでCD借りてこよう!!!!

CSS ブログの上・・・・

2009.10.21アメブロによって変更されました・・・

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

こちらを参考にして下さい




リク記事です・・・ ブログの上の オススメとかチェックの文字色と検索枠の色を変えたい・・・


ついでですから今までばらばらだったのも一緒に説明しちゃいます
amebaトップへ は・・・・ amebaトップへ



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




/*オススメアイコン*/
li#barPr a{
background:url( 画像のURL ) no-repeat;/*アイコン*/
background-position: 0 -1px;/*アイコンの位置*/
}
/*オススメ*/
#amebaBar li#barPr a,
li#barPr a:hover{
color: #ff00ff !important;/*文字色*/
text-decoration: none !important;/*下線を消す*/
}

/*チェックアイコン*/
#amebaBar li#barCheck {
background: url( 画像のURL ) no-repeat !important;/*アイコン*/
background-position: 0 2px !important;/*アイコンの位置*/
}
/*チェック*/
#amebaBar li#barCheck a{
color: #ff00ff !important;/*文字色*/
text-decoration: none !important;/*下線を消す*/
}

/*検索アイコン*/
li#barSearch {
background: url( 画像のURL ) no-repeat;/*窓の左のアイコン*/
background-position: 0 2px;/*アイコンの位置*/
}
/*検索窓*/
li#barSearch .barKey {
border:1px solid #ff1493;/*枠の色*/
background-color: #ff99ff;/*中の色*/
}

/*検索ぼたん*/
li#barSearch .barButton{
background: url( 画像のURL ) no-repeat;
background-position: 0 2px;/*ボタンの位置*/
}



↑CSSの中の background-position: 0 2px; は 

 アイコンの表示位置を 2px へ下げます -1px1px上です

 実際に見ながら調整ください


※アイコン画像は縦 17px 以内にしてください



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




検索窓の飾り方は・・・ CSS 検索窓をかわいく コチラも参考にして下さい

amebaトップへ は・・・・ amebaトップへ


下の線を消すのは・・・・


ul#amebaBar {
border:none;
}


背景を違う色にするには


ul#amebaBar {
background-color:#ff00ff;
}


背景を消して透明にするには


ul#amebaBar {
background-color:transparent;
}



背景に画像を設定するには


ul#amebaBar {
background-image: url(画像のURL)
}



このブログのように全体の横幅をブログと合わせるには 

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



2009.6.30 アメブロによって変更がありました

CSS また・・ブログの上も・・  コチラも参考にして下さい