yuko > nada-iconsの左のアイコン画像の変更方法を教えてください。 @ 2014/4/25 9:52
nada-iconsのテーマでwebを作成しています。添付画像の赤で囲った部分のアイコンを変更したいのですがどこを触っていいか何日もなやんでいます。アイコン画像の保存してある場所は /app/webroot/theme/osaifu/img/のイメージ一覧の中のフォルダの中にあると分かったのですがこのアイコンの画像をどこにはめ込めばいいかわかりません。よろしくお願いします。 ■ BaserCMSのバージョン：3.0.7 ■ レンタルサーバー名：lolipop ■ スマートURLの利用： OFF ■ 設置フォルダ：　[よく分かりません・・・] ■ 利用しているデータベース：　[よく分かりませ

yuko > nada-iconsの左のアイコン画像の変更方法を教えてください。 @ 2014/4/25 9:52

nada-iconsのテーマでwebを作成しています。
添付画像の赤で囲った部分のアイコンを変更したいのですが
どこを触っていいか何日もなやんでいます。

アイコン画像の保存してある場所は
/app/webroot/theme/osaifu/img/のイメージ一覧の中のフォルダの中にあると分かったのですが
このアイコンの画像をどこにはめ込めばいいかわかりません。

よろしくお願いします。

■ BaserCMSのバージョン：3.0.7
■ レンタルサーバー名：lolipop
■ スマートURLの利用： OFF
■ 設置フォルダ：　[よく分かりません・・・]
■ 利用しているデータベース：　[よく分かりませ

tecking > Re: nada-iconsの左のアイコン画像の変更方法を教えてください。 @ 2014/4/25 13:19
yukoさん引用：アイコン画像の保存してある場所は /app/webroot/theme/osaifu/img/のイメージ一覧の中のフォルダの中アイコン画像をおさめる場所は、その中の icons フォルダでオッケイですよ。で、おさめたアイコン画像を表示させるには /app/webroot/theme/osaifu/css/style.css の155～173行目あたりにある `#GlobalMenus li.menu01{ background: url("../img/icons/icons_ico_squ_01.png") no-repeat scroll 20px center transparent; } #GlobalMenus li.menu02{ background: url("../img/icons/icons_ico_squ_02.png") no-repeat scroll 20px center transparent;` （以下略）を編集して設定することになります。たとえば、いちばん上のアイコンを icons_foobar.png に作り替えたとして /app/webroot/theme/osaifu/img/icons/ 内に保存したとすると style.css の記述は `#GlobalMenus li.menu01{ background: url("../img/icons/icons_foobar.png") no-repeat scroll 20px center transparent; }` となります。一度、おためしください。

tecking > Re: nada-iconsの左のアイコン画像の変更方法を教えてください。 @ 2014/4/25 13:19

yukoさん

引用：

アイコン画像の保存してある場所は
/app/webroot/theme/osaifu/img/のイメージ一覧の中のフォルダの中

アイコン画像をおさめる場所は、その中の icons フォルダでオッケイですよ。

で、おさめたアイコン画像を表示させるには
/app/webroot/theme/osaifu/css/style.css の155～173行目あたりにある

#GlobalMenus li.menu01{
    background: url("../img/icons/icons_ico_squ_01.png") no-repeat scroll 20px center transparent;
}
#GlobalMenus li.menu02{
    background: url("../img/icons/icons_ico_squ_02.png") no-repeat scroll 20px center transparent;

（以下略）

を編集して設定することになります。

たとえば、いちばん上のアイコンを icons_foobar.png に作り替えたとして
/app/webroot/theme/osaifu/img/icons/ 内に保存したとすると style.css の記述は

#GlobalMenus li.menu01{
    background: url("../img/icons/icons_foobar.png") no-repeat scroll 20px center transparent;
}

となります。一度、おためしください。

yuko > Re: nada-iconsの左のアイコン画像の変更方法を教えてください。 @ 2014/4/25 20:14
ありがとうございます。無事解決しました。何日も悩んでいたので本当に助かりました。 ■ BaserCMSのバージョン：3.0.7 ■ レンタルサーバー名：lolipop ■ スマートURLの利用： OFF ■ 設置フォルダ：　[よく分かりません・・・] ■ 利用しているデータベース：　[よく分かりませ

スレッド表示 | 新しいものから

前のトピック | 次のトピック | トップ

nada-iconsの左のアイコン画像の変更方法を教えてください。

キーワード検索