バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > 新着情報の文字の色、およびオススメ商品の写真の大きさ

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
ゲスト
投稿日時: 2010/4/15 18:49
対応状況: −−−
新着情報の文字の色、およびオススメ商品の写真の大きさ
いつもお世話になっております。


1.新着情報で表示される情報のタイトルおよび内容の文字に対してそ異なる色を指定したいと考えて、例えばindex.cssで色々ためしましたが全く変わる気配がございません。

2.またオススメ商品で表示される写真が小さい(約1cm*1cm)ため、多きめの写真が表示されるようにindex.cssで色々試しておりますが全く変わる気配がございません。


どんたかそれぞれの設定に対しまして、どのファイルの設定を変えれば宜しいかご教授頂く事は可能でありますでしょうか。

kaoring777
投稿日時: 2010/4/15 19:41
対応状況: −−−
一人前
登録日: 2009/7/28
居住地: 東京
投稿: 89
Re: 新着情報の文字の色、およびオススメ商品の写真の大きさ
順序が逆になりますが

2.に関して
data/Smarty/templates/default/bloc/best5.tpl
管理画面からのアプローチであれば
デザイン管理/ブロック編集/オススメ商品

の中にwidthとheightを48で指定している箇所があるので、それを表示させたいサイズに変更すればいいと思います。
cssは関係ありません。


1.に関して
毎回色んな色を使ったりしたいのであれば、新着情報管理の中にタグで直接書いてみればいいのでは?
例)<font color="#333333">タイトル</font>
のように。
タイトルは何色と決まっていれば、cssでクラスを定義してあげるといいと思います。
ゲスト
投稿日時: 2010/4/15 22:54
対応状況: −−−
Re: 新着情報の文字の色、およびオススメ商品の写真の大きさ
Kaoring777様、

いつもお世話になっております。またご教授頂きまして大変感謝しております。

?オススメ商品の写真はご指摘のとおり実行し解決されました。
今の表示が写真の横に説明文および値段等が表示され、長さ638pxの横のラインに商品が2つしか表示されない設定になっておりますので、写真の下に説明文および値段等を表示し、横に商品が4つならぶような設定に変えようと考えております。

?新着情報管理のタイトルボックスの中に直接
<font color="#333333">タイトル</font>と書くということですよね? <font color="#333333">タイトル</font>がそのまま表示されますので、違う方法をトライしてみます。

またindex.cssで以下のような設定を試しましたが、全く反映されませんので、以下の設定のどこが悪いかご指摘いただけませんでしょうか。

div#newsarea {
width: 638px;
margin: 0 auto;
font-size: 100%;
font-family: "MS 明朝",serif;
  font-color: #660000;
}


ご多忙の中大変恐縮ですがお時間を頂ければ幸いです。
kaoring777
投稿日時: 2010/4/15 23:17
対応状況: −−−
一人前
登録日: 2009/7/28
居住地: 東京
投稿: 89
Re: 新着情報の文字の色、およびオススメ商品の写真の大きさ
あ〜。

過去スレにもきっとたくさんあると思いますが、下記修正すればタグが使用できるようになりますよ。

data/Smarty/templaetes/default/bloc/news.tpl

の中にある |escapeを削除。

cssでnews全体のフォント色を変更したい場合は
fonto-colorではなくcolor:#660000;です。

とりあえずで色々変更してみるのもいい事ですが、まずは自分が変更したい個所のソースやcssを眺めてどういう事が書かれているのか理解する事から始めると、今後の為になると思いますょ。
ゲスト
投稿日時: 2010/4/17 22:01
対応状況: −−−
Re: 新着情報の文字の色、およびオススメ商品の写真の大きさ
kaoring777様、

いつもお世話になっております。

ご教授頂きましてありがとうございます。またいろいろとアドバイスを頂きまして本当に感謝致します。ご指摘頂きましたことを念頭に置きながらやっていきたいと存じます。

新着情報の文字の色がどうしても変えられないのですが、とりあえずはそれほど問題ではありませんので、後でこれが問題であったのかと分かればいいと思います。

ご多忙の中ありがとうございました。



kaoring777
投稿日時: 2010/4/17 23:05
対応状況: −−−
一人前
登録日: 2009/7/28
居住地: 東京
投稿: 89
Re: 新着情報の文字の色、およびオススメ商品の写真の大きさ
お疲れ様です。

前述した
data/Smarty/templaetes/default/bloc/news.tpl
もしくは
user_data/packages/default/bloc/news.tpl

管理画面で一度編集すると、data配下ではなくuser_data配下にテンプレートができます。(もしかしたら原因はコレかも)

上記の中のタイトルや本文に当たる箇所の |escapeを削除してから
試しに<font color="#660000">タイトル</font>を入力してもダメですか?
escapeがあると、タグをそのまま表示できるので、消しちゃえばいいだけの気がしますが。。。

また、cssでnews全体のフォント色を変更したい場合はnewsareaにあたるcssにcolor:#660000;を書けばnews全体のフォント色が変更できますが。。。
ゲスト
投稿日時: 2010/4/19 20:18
対応状況: −−−
Re: 新着情報の文字の色、およびオススメ商品の写真の大きさ
kaoring777様、

いつもお世話になっております。また大変感謝しております。

ご指摘頂きました様に試しましたところタイトル、および文中の文字の色の変更をすることができました。


お時間を頂きまして大変恐縮でございます。
kaoring777
投稿日時: 2010/4/19 21:05
対応状況: −−−
一人前
登録日: 2009/7/28
居住地: 東京
投稿: 89
Re: 新着情報の文字の色、およびオススメ商品の写真の大きさ
お疲れ様です。

希望通りに編集できたようで良かったですね!
他のテンプレートもHTMLタグ使いたい際は同様に出力側(フロント側)テンプレートに同様の修正をすれば良いですよ!

ではでは。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

総メンバー数は88,856名です
総投稿数は109,989件です

投稿数ランキング

1
seasoft
7367
2
468
3217
3
AMUAMU
2712
4
nanasess
2313
5
umebius
2085
6
yuh
1819
7
h_tanaka
1646
8
red
1570
9
mcontact
1291
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.