[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
float:leftを<li>に適用する事で可能になります。display:inlineを<li>に適用する事で可能になります。
EC-CUBEの2系では、デザインテンプレートの変更が容易に行えるようになっています。そのため、デフォルトテンプレートのパッケージをダウンロードして独自カスタマイズし、再びアップロードする方も多いかと思います。
その際、デザインテンプレートが変更になるとブロックのレイアウト情報は一度削除され、テンプレートパッケージフォルダ内にある「_packagesフォルダ」→「sqlフォルダ」→ 「update_block.sql」が実行されます。この「update_bloc.sql」がデフォルトのレイアウト内容となっているため、テンプレートを変更するたびに、ブロックのレイアウトが元にもどってしまうのです。
ということは、このSQLファイルを調整すれば、テンプレート毎に合わせた自由なブロックレイアウトが可能になります。つまり、update_block.sqlに 「INSERT INTO dtb_blockposition …」とたくさん並んでいるかと思いますが、そのvalues以降をそれぞれ調整するわけです。
コミュニティスレッドと同じ例になりますが、update_block.sqlの中の1行をあげますと、
box-shadowプロパティは、ボックスに1つまたは複数の影をつける際に使用します。 box-shadowプロパティでは、例えば以下のように影を指定します。
影は２～４つの長さの値で定義されますが、任意で色、insetキーワードを指定することもできます。 insetキーワードを付けると、影がボックスの外側ではなく内側につくようになります。 長さの指定を省略すると0となり、色の指定を省略するとユーザーエージェントが選んだ色になります。 複数の影を指定する場合には、カンマ（ , ）区切りで影のリストを複数指定します。
影を定義する指定内容は、以下のように解釈されます。
尚、box-shadowプロパティは、::first-letter擬似要素に適用されますが、::first-line擬似要素には適用されません。 また、border-collapse:collapse;が指定されたtable内要素には、外側の影はつきません。
box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.4); を指定
最初に、シャボン玉のエフェクトを作成する画像を決めましょう。
私はこの画像を使用します。
画像を開いて、キャンバスの上に新規レイヤーを作成してください。
そして、楕円形選択ツール
で円を作り、白で塗りつぶします。
そして、「選択範囲」－「選択範囲を変更」－「縮小」を使って、
選択範囲を1ピクセル縮小し、「Delete」を押して、選択範囲内を消してください。
新しいレイヤーを作成し、「編集」－「境界線を描く」で下記のように設定してください。
今、このような状態です。
「Ctrl」+「D」を押して選択範囲を解除し、
「フィルタ」－「ぼかし」－「ぼかし（ガウス）」を下記のように設定してください。
そして、「Ctrl」+「T」を押し、現在のレイヤーを幅、高さともに約93％に縮小してください。
新規レイヤーを作成してください。
そして、ブラシツール
で約125ピクセルの柔らかいブラシを選択し、シャボン玉の上に2つのぼかした白い光の反射を加えてください。
楕円形選択ツールを使って、シャボン玉の大きさの選択範囲を作ってください。
そしてグレー(#969696)で塗りつぶしてください。
「フィルタ」－「ピクセレート」－「カラーハーフトーン」を下記のように設定してください。
今、このような状態です。
「フィルタ」－「変形」－「球面」を適用してください。
「球面」を反映しました。
もう一度、「フィルタ」－「ぼかし」－「ぼかし（ガウス）」を下記のように設定してください。
このようになります。
描画モードと不透明度/塗りをいろいろ試してみましょう。私は塗りを20%にした、オーバーレイを試しました。
次に、新規レイヤーを作成し、白から透明になるグラデーションでほんの少しだけ塗りつぶしてください。
「Ctrl」+「D」を押して選択範囲を解除し、すべてのシャボン玉のレイヤーをひとつに結合してください。
そして、結合したレイヤーを「フィルタ」－「ぼかし」－「ぼかし（ガウス）」で少しだけぼかしてください。
描画モードをもう一度オーバーレイにしてください。
「Ctrl」+「T」を使って、好みのサイズにシャボン玉を縮小してください。
