-1

すべての背景が青色で、すべてのテキストが黒色になるように、既存のショッピング カート Web サイトの色と背景を変更する必要があります。

マウスがアンカー要素の上にあるとき、その背景は灰色に変わります。

このサイトは、jquery、jquery プラグイン、jquery-ui、ASP.NET / Mono MVC3、Razor ビューを使用して設計されています。. jquery ui のデフォルト テーマが使用されますが、多くの場所で色と背景が jquery ui 以外の css ファイルで指定されます。

cssファイルはたくさんあるので、全部変えるのは大変です。

これを実装する方法は？そのような調整やその他のアイデアを作成するページにjqueryまたはその他のプラグインjavascriptコードを追加することは可能ですか?

青と黒の色を使用するように変更する必要があります。これを実装する方法は？

アップデート

ほとんどの css ファイルは、すべてのファイルのマスター ページである Razon Site.cshtml ファイルに含まれています。css ファイルは静的で、すべてのページの最初に表示されます。

<link rel="stylesheet" href="/comp/themes/base/jquery.ui.all.css"
    type="text/css" title="ui-theme" />
<link href="/comp/Content/Css/jquery.ui.menubar.css" rel="stylesheet"
    type="text/css" />

<link href="/comp/Scripts/jBreadCrumb/Styles/BreadCrumb.css" rel="stylesheet"
    type="text/css" media="screen" />
<link href="/comp/Scripts/Pikachoose/jquery.fancybox.css" rel="stylesheet"
    type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="/comp/Scripts/jcarousel-0.2/skins/tango/skin.css" />
<link href="/comp/Content/Css/Site.css" rel="stylesheet" type="text/css" />

jquery-ui menubar、breadcrumb、fancybox、pikachoose jcarousel プラグインが使用されます。

4

3 に答える 3

1

まず第一に、JavaScript を使用すると余分な読み込み時間が発生し、JavaScript が無効になっているユーザーには機能せず、まったく不要になるため、JavaScript を使用しないでください。

ページの背景色を変更するには、タグを見つけてその(または) プロパティbodyを追加または変更します。backgroundbackground-color

body {
    background:#F00; /* #F00 being the hex representation of "red" */
}

Web サイトには複数の CSS ファイルがある場合がありますが、すべてのページに既に適用されているスタイル用の 1 つのグローバル CSS ファイルが必要です。そうでない場合は、よく使用されるスタイルを 1 つのファイルにまとめて、すべてのページに含めることを検討する必要があります。

bodyスタイルを変更しても何も変わらない場合は、サイトが現在どこから背景を取得しているかを調べる必要があります。宣言されたファイルが 2 つある場合body { background:...; }、後者に含まれる CSS ファイルが前者をオーバーライドします。とはいえ、ブラウザーの Element Inspector を調べて本体の「計算されたスタイル」を見つけることで、どの色が引き出されているかを簡単に見つけることができます。

編集:最新の編集に基づいて、ファイル名 "/comp/Content/Css/Site.css" が変更したいファイルです。

于 2013-06-10T10:47:07.167 に答える
1

ページの背景色の変更は body タグにスタイルを適用することで実現できますが、既存の css が原因でページにワイヤード フォントが含まれる可能性が高いため、個々の修正を見つけてから新しい修正を作成するまでに時間を費やす必要があります。

この種の作業を失敗する可能性が高く、最終的に修正により多くの時間を費やすことなしに、この種の作業を行う近道はありません。

より良いでしょう:-

css ファイルのコピーを作成し、そこに変更を加えてから、この新しい css を指すようにパスを変更します。

万が一テーマを使用している場合は新しいテーマを作成し、そうでない場合はテーマの使用を検討してください。

于 2013-06-10T10:46:05.830 に答える