[EC-CUBE 2.13.2] 商品詳細ページの説明文を装飾する方法

前もって管理画面から、コメント欄にhtmlタグの記載を許可するように設定しておきます。

管理画面の設定

管理画面 > システム設定 > マスタデータ管理 >「mtb_allowed_tag」を選択
mtb_allowed_tag

“[EC-CUBE 2.13.2] 商品詳細ページの説明文を装飾する方法”の続きを読む

スマートフォンで押しやすいラジオボタンを作る

スマートフォンサイト制作時にフォームを設置する時に、例えば「性別」や「規約に同意」の部分でラジオボタンを使いますが、デフォルトのデザインでは少し小さい感じがします。

ラジオボタンに限らず、フォーム要素デザインは用途に応じて調整する必要がありそうです。
ここではCSSとjQueryを使って、押しやすいラジオボタンを作成してみました。
“スマートフォンで押しやすいラジオボタンを作る”の続きを読む

SPDを使って掛け算九九表を作る – JavaScript

SPDを使って掛け算九九を表示するプログラムを作ります。
(SPD:Structured Programming Diagram=プログラムの流れを図示する方法の一つ)

出力結果をWeb上で確認出来るように、言語はJavaScriptでコーディングします。

〈出力結果のイメージ〉
99_03

“SPDを使って掛け算九九表を作る – JavaScript”の続きを読む

テキスト部分のみ背景を繰り返す方法

ウェブサイトの背景に一枚の画像を使用したい時、各ページでテキストの量が違うので
縦幅の可変に対応している必要があります。

082-02_sample2082-02_sample
解決方法として、画像をtop,middle,bottomの3枚に分割して用意し、
CSSを指定して、上下は固定のテキスト部分(middle)のみ背景の繰り返しを指定します。

“テキスト部分のみ背景を繰り返す方法”の続きを読む