バージョン選択

フォーラム

メニュー

オンライン状況

51 人のユーザが現在オンラインです。 (38 人のユーザが フォーラム を参照しています。)
登録ユーザ: 0
ゲスト: 51
もっと...

サイト内検索

質問 > フロント機能 > 新しくスタイルシートを追加・リンクする方法

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
isobel
投稿日時: 2009/1/8 14:47
対応状況: −−−
半人前
登録日: 2008/7/18
居住地: 神戸
投稿: 12
新しくスタイルシートを追加・リンクする方法
当方環境---------------------------
EC-CUBEバージョン 2.2.0-beta
PHPバージョン PHP 5.2.6
DBバージョン PostgreSQL 7.4.17
-----------------------------------

いつも参考にさせて頂いております。
さて、スタイルシートの追加について質問させて頂きます。
これまでの投稿を探しましたが、該当する記事が見つけられませんでした。

自分で新しく追加したページについて、それぞれ新しいCSSファイルを作成し、そのCSSファイルを読むこむ(リンクする)にはどうすればいいのでしょうか?

デフォルトでは、トップページならindex.css、その他のページはmain.cssなどが読み込まれるようになっていますが、これはどこで規定されているのでしょうか。

import.cssファイルを変更するのではないかと思ったのですが、各テンプレートファイルがどのようにして各CSSファイルを読み込んでいるのかがわかりません。

初歩的な質問で恐縮ですが、お分かりの方、教えて頂けますと幸いです。
宜しくお願い致します。
takoyaki
投稿日時: 2009/1/8 16:22
対応状況: −−−
一人前
登録日: 2008/1/26
居住地: 沖縄県
投稿: 111
Re: 新しくスタイルシートを追加・リンクする方法
> 自分で新しく追加したページについて、それぞれ新しいCSSファイルを作成し、
> そのCSSファイルを読むこむ(リンクする)にはどうすればいいのでしょうか?

新しく作ったcssファイルを new.css とします。
/html/user_data/packages/使用テーマ/css/new.css
に保存し、
/html/user_data/packages/使用テーマ/css/import.css に
@import url("./new.css");
の1行を追加すればいいです。
isobel
投稿日時: 2009/1/8 17:33
対応状況: −−−
半人前
登録日: 2008/7/18
居住地: 神戸
投稿: 12
Re: 新しくスタイルシートを追加・リンクする方法
takoyaki様

早速のご回答、本当にありがとうございました。

引用:
新しく作ったcssファイルを new.css とします。
/html/user_data/packages/使用テーマ/css/new.css
に保存し、
/html/user_data/packages/使用テーマ/css/import.css に
@import url("./new.css");
の1行を追加すればいいです。


なるほど、上記の方法でいいんですね。
この場合だと、すべてのページに「new.css」が反映される
状態になるのでしょうか。

例えば、新しく作った「new.tpl」ファイルにだけ、
「new.css」を反映するような方法はありますでしょうか。

下記の投稿を見て、注文完了画面にだけ、オーバーチュアの
コンバージョントラッキングタグを貼り付ける方法を参考に、
site_flame.tplをいじってみましたが上手くいきませんでした。

http://xoops.ec-cube.net/modules/newbb/viewtopic.php?viewmode=flat&topic_id=1714&forum=10

もしご存知の方がいらっしゃいましたら、ぜひご教授ください。
takoyaki
投稿日時: 2009/1/8 20:43
対応状況: −−−
一人前
登録日: 2008/1/26
居住地: 沖縄県
投稿: 111
Re: 新しくスタイルシートを追加・リンクする方法
引用:
例えば、新しく作った「new.tpl」ファイルにだけ、
「new.css」を反映するような方法はありますでしょうか。


ちょっと手間かもしれませんが、

<div id="new">new.tplの内容全体</div>

とくくってやり、

new.css の各セレクタの頭に #new をつけてやればいいのでは?

たとえば、
#new h1 {****}

という感じで。
isobel
投稿日時: 2009/1/9 18:29
対応状況: −−−
半人前
登録日: 2008/7/18
居住地: 神戸
投稿: 12
Re: 新しくスタイルシートを追加・リンクする方法
takoyaki 様

ありがとうございます!
そうですね、無理に分岐させなくてもその方法がありますね。

試してみます。ご提案、本当にありがとうございました!
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は89,083名です
総投稿数は110,032件です

投稿数ランキング

1
seasoft
7367
2
468
3217
3
AMUAMU
2712
4
nanasess
2314
5
umebius
2085
6
yuh
1819
7
h_tanaka
1649
8
red
1570
9
mcontact
1297
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
799
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.