【CTC】無料テンプレートから部品をいただくその3(カラーミーショップ)2016210よもやま話こんにちは。カラーミーショップの無料テンプレートから部品をいただく、その3です。今回は、部品のCSS部分をいじっていきましょう。カラーミーテンプレート【CTC】無料テンプレートから部品をいただくその2(カラーミーショップ)カラーミーcssのやっかいな記述cssには独自タグなどがあるわけでもなく至って普通です。記述してある部分がばらけています。どれくらいばらけているかといえば、「トップ」の項目のhtmlが「共通」の項目のcssの影響を受けていたりします。わからないフォントの乱れがあったら、まずはcssが変なところに記載されていないか探したほうが良いですね。やって振り回されるのが嫌なら、カラーミーではクラスとID名を変えることをオススメします。ワードなどでctrl+f押して置換を選べばすぐにできます。(メモ帳だとできません。)私はしっくりくるクラス&ID名に変えてしまいました。↓見比べるために前回のhtmlも張っておきます。画像が小さいので、クリックしてください。それでも小さい場合は、さらに右クリック→新しいタブで開く、をしてもらえれば見やすくなります。先ほども書きましたが、関わってくるcssは画像のものがすべてではありません。値段表示の.regular_price_topなどは別のところに記載されています。カラーミーのcssは、すべて自分で書いた方が良いわざわざcss貼っておいてなんですが、cssについてはすべて自分で書かれることをオススメします。先ほど書いたこともありますが、cssをそのまま記載するとブラウザを縮小したときに大きく崩れることが多いのです。画像の大きさもmin-やmax-などをほとんど使っていなかったりしますし、写真と写真の間の空白もpxやemで指定されています。cssはぜひご自分で記載なさってください。ヤフオクのかんたん決済が0円に!攻勢をかけていますね。PREVNEXT【CTC】無料テンプレートから部品をいただくその2(カラーミーショップ)ファイヤーしよう。