*

メーカー小売希望価格や通常価格に打ち消し線を引く(CSS)

公開日: : 最終更新日:2017/01/07 CSSやHTML、CGI

価格に打ち消し線

打ち消しと言えば<s>だったのですが、今はCSSで書きます。

この画像のように、希望小売価格の数字と(税込)に打ち消し線を引きたいと思って、CSSの編集から「text-decoration:line-through」と入力して更新をしたのにいっこうに変化しません。

これはバグ(エラー)だな。しっかりしてくれよEストアーさんよ!

と思ったら、打ち消し線はそこで設定するのではなく別の箇所でした。

「デザイン設定」→「商品詳細ページの設定」と進みます。

んで、これ。
打ち消し線の設定

あるんやないか~い!

わかりにく・・・

ちなみに、せっかくなので、テキストに付ける線関係のCSSについて復習しましょう。

1.text-decoration:none(何にもなし)

何もなし

2.text-decoration:underline(下線)

ここテストに出るよ。

3.text-decoration:line-through(打ち消し線)

小売り希望価格:4億3000万円

4.text-decoration:overline(テキストの上に線)

これいるか?

5.text-decoration:blink(チカチカ点滅)

ちょっと目立たせたいときに
(※点滅で見えている方は、そのブラウザは古すぎです。Chromeに変えましょう。)

さらに、マニアックなことををやってしまいましょう。CSSにはない二重線での打ち消し方法です。意外に簡単で、画像で消すというものです。価格の背景に打ち消し用の画像を入れてしまいます。

.line2
{
background-image:url(画像のURL);
background-repeat:repeat-x;
background-position: center;
}

ただし、このパターンでの、ショップサーブのCSSカスタマイズはちょっとむずかしいのでカット!



Adsense

関連記事

Youtube

動画の再生は可能か?(埋め込み手順)

ショップサーブでは、トップページや商品ページへの動画の貼り付けは、他のサービスに比べると、比較的簡単

記事を読む

メールフォームCGI

レスポンシブ対応メールフォームCGIを設置した

ショップサーブのメールフォームが気に入らないので、レスポンシブ対応の無料CGIメールフォーム

記事を読む

レスポンシブ・ウェブ・サイト

レスポンシブ・ウェブ・サイトの仕組み

もっともレスポンシブ・サイトを作りやすいのは、コンテンツがデータベースに記録されているケースですね。

記事を読む

オリジナルページ

ショップサーブのテンプレートを使わずにオリジナルページを使う方法

ショップサーブは、オリジナルページを使えるところが、他社と違うところですね。「ショップサーブのテンプ

記事を読む

no image

まだまだ売れるホームページビルダー20!

「通販サイト作成 ホームページビルダー20」というキーワードでご訪問。 ホームページビルダーっ

記事を読む

電話予約

「ご予約はお電話で?」「ご予約のご変更はお電話で?」はっ????

※http://support.biglobe.ne.jp/ask/konzatu.html

記事を読む

EC CUBEはバージョン2.13がオススメ

過去にインストールして試してみたCMSは数知れず。Movable Typeに始まり、XOOPS、Dr

記事を読む

ルミーズ配布終了

ルミーズ・ショッピングカートCGI配布終了

http://www.remise.jp/news/20141015.htm フリーショッピン

記事を読む

ヤフートップ

yahoo! shoppingのトップページはどうやって作るのですか?

無料で、しかも、地方の父ちゃん母ちゃんでも出店できてしまうyahoo! shopping。ライト出店

記事を読む

ポデローサを知らなかった

EC CUBEがFTPでうまくアップロードできないときは「Poderosa」を使おう

EC CUBEをzipファイルでダウンロードして解凍。2000個以上のファイル群です。FFFTPでア

記事を読む

Adsense

Adsense

初めてのメルカリ
初めてのメルカリショッピングで

ネットショップ運営者とは言え、C業界人ですからね。EC業界のことは広く

ハッシュタグとは
ハッシュダグとは

SNSが盛んになっているにもかかわらず、あまり活用していないのもあって

メルカリ3
メルカリ初心者が学んだ3つのこと

たまに使うメルカリについて学んだことが3つあったので記録しておきます。

商材見っけ
トップセラーで商材見っけ!

仕入れ0.01掛けから7掛けまでの商売をしていると、それ以下の掛け率の

no image
スマホだけでネットショップ運営

「当日は、このメールをプリントしてお持ち下さい。」なんてありますよね。

→もっと見る

PAGE TOP ↑