Home > スポンサー広告 > st-colorful:メニュー画像追加

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Comments: -

Comment Form
サイト管理者にのみ通知する

Home > スポンサー広告 > st-colorful:メニュー画像追加

Home > テンプレート > st-colorful:メニュー画像追加

st-colorful:メニュー画像追加

初期 / me2 / me3 / me4 / me5 / me6 / me7

スマートフォン共有テンプレート「st-colorful」のメニュー画像の花なしバージョンと色違いを作りました。全7色です。

画像URLの「-me」を「-nme」にすると花なしになります。
初期画像なら、こうすると花なしです。他の色も同じです。

background:#ea0 url(http://blog-imgs-49.fc2.com/s/m/a/smartemplate/stcol-nme.png) no-repeat;

各色の適用方法は以下の通りです。
スタイルシートの /* Header */ にある次の6つの部分を変更して下さい。

初期画像:ダウンロード時
#menu li {
 background:#ea0 url(http://blog-imgs-49.fc2.com/s/m/a/smartemplate/stcol-me.png) no-repeat;
#select-menu li a,#plg-menu li a {
 background:#ea0 url(http://blog-imgs-49.fc2.com/s/m/a/smartemplate/stcol-liw.png) no-repeat right center;
#menuC #cat-open {
 color:#fff;
 background:#e90;
#menuC .menu-title {
 background:#e90 url(http://blog-imgs-49.fc2.com/s/m/a/smartemplate/stcol-icon.gif) no-repeat -889px center;
#menuA .dmh a {
 background:#ea0;
#select-menu .none a {background-color:#ec0;}
me2.png
#menu li {
 background:#ac4 url(http://blog-imgs-49.fc2.com/s/m/a/smartemplate/stcol-me2.png) no-repeat;
#select-menu li a,#plg-menu li a {
 background:#ac4 url(http://blog-imgs-49.fc2.com/s/m/a/smartemplate/stcol-liw.png) no-repeat right center;
#menuC #cat-open {
 color:#fff;
 background:#ac4;
#menuC .menu-title {
 background:#ac4 url(http://blog-imgs-49.fc2.com/s/m/a/smartemplate/stcol-icon.gif) no-repeat -889px center;
#menuA .dmh a {
 background:#ac4;
#select-menu .none a {background-color:#cd4;}
me3.png
#menu li {
 background:#2bd url(http://blog-imgs-49.fc2.com/s/m/a/smartemplate/stcol-me3.png) no-repeat;
#select-menu li a,#plg-menu li a {
 background:#2bd url(http://blog-imgs-49.fc2.com/s/m/a/smartemplate/stcol-liw.png) no-repeat right center;
#menuC #cat-open {
 color:#fff;
 background:#2bd;
#menuC .menu-title {
 background:#2bd url(http://blog-imgs-49.fc2.com/s/m/a/smartemplate/stcol-icon.gif) no-repeat -889px center;
#menuA .dmh a {
 background:#2bd;
#select-menu .none a {background-color:#6cd;}
me4.png
#menu li {
 background:#f6a url(http://blog-imgs-49.fc2.com/s/m/a/smartemplate/stcol-me4.png) no-repeat;
#select-menu li a,#plg-menu li a {
 background:#f6a url(http://blog-imgs-49.fc2.com/s/m/a/smartemplate/stcol-liw.png) no-repeat right center;
#menuC #cat-open {
 color:#fff;
 background:#f6a;
#menuC .menu-title {
 background:#f6a url(http://blog-imgs-49.fc2.com/s/m/a/smartemplate/stcol-icon.gif) no-repeat -889px center;
#menuA .dmh a {
 background:#f6a;
#select-menu .none a {background-color:#f9b;}
me5.png
#menu li {
 background:#f63 url(http://blog-imgs-49.fc2.com/s/m/a/smartemplate/stcol-me5.png) no-repeat;
#select-menu li a,#plg-menu li a {
 background:#f63 url(http://blog-imgs-49.fc2.com/s/m/a/smartemplate/stcol-liw.png) no-repeat right center;
#menuC #cat-open {
 color:#fff;
 background:#f63;
#menuC .menu-title {
 background:#f63 url(http://blog-imgs-49.fc2.com/s/m/a/smartemplate/stcol-icon.gif) no-repeat -889px center;
#menuA .dmh a {
 background:#f63;
#select-menu .none a {background-color:#f83;}
me6.png
#menu li {
 background:#698 url(http://blog-imgs-49.fc2.com/s/m/a/smartemplate/stcol-me6.png) no-repeat;
#select-menu li a,#plg-menu li a {
 background:#698 url(http://blog-imgs-49.fc2.com/s/m/a/smartemplate/stcol-liw.png) no-repeat right center;
#menuC #cat-open {
 color:#fff;
 background:#698;
#menuC .menu-title {
 background:#698 url(http://blog-imgs-49.fc2.com/s/m/a/smartemplate/stcol-icon.gif) no-repeat -889px center;
#menuA .dmh a {
 background:#698;
#select-menu .none a {background-color:#8ba;}
me7.png
#menu li {
 background:#679 url(http://blog-imgs-49.fc2.com/s/m/a/smartemplate/stcol-me7.png) no-repeat;
#select-menu li a,#plg-menu li a {
 background:#679 url(http://blog-imgs-49.fc2.com/s/m/a/smartemplate/stcol-liw.png) no-repeat right center;
#menuC #cat-open {
 color:#fff;
 background:#679;
#menuC .menu-title {
 background:#679 url(http://blog-imgs-49.fc2.com/s/m/a/smartemplate/stcol-icon.gif) no-repeat -889px center;
#menuA .dmh a {
 background:#679;
#select-menu .none a {background-color:#58a;}

Comments: 0

Comment Form
サイト管理者にのみ通知する

Home > テンプレート > st-colorful:メニュー画像追加

タグクラウド
検索フォーム
RSSリンクの表示
リンク

Return to page top

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。