抹茶ムースなテンプレートを他の味のムースへとカスタマイズする際の手引きです。 ※ナノで使用することを前提としています @差し替えたいムース画像を保存し、アップロードする 幅480pxと幅240pxのものがありますが、両方とも使いますので2種類とも保存&アップロードして下さい。 素材保存の際に素材のすぐ下のテキストボックスにあるカラーコードを、素材アップロード時にそれぞれの素材独自タグ(#mtr123#/#mtr123_url#)の番号をメモしておくと、この先捗るかと思います。 (「123」は例として挙げている番号ですので、実際は違う番号になると思います) AHEAD内を編集する 「HEAD・HTML詳細」→「HEAD内」に、以下の記述が2つあります。 『 background-image: url("#tmpImg45994-150_url#");』 …以上の記述の中の 赤色の部分を消去して、代わりに@でアップロードした幅240px素材の画像URL独自タグ(「#mtr123_url#」という形式の方)を入力して下さい。 もう1カ所も同じ作業をお願いします。 これで、imode以外でのムースの表示は変更完了です。 リンク下線の色や種類を変更したい場合は、さらに… 『 border-bottom: dotted 2px #66511c;』 …という記述(こちらは1カ所のみ)を編集します。かなり下の方にある記述です。 これは「 border-bottom: 線の種類 線の太さ 線の色;」となっています。 種類には「dotted」(点線)、「dashed」(破線)、「double」(2重線)、「solid」(実線)のいずれかを記入します。 太さはお好きな数字を…ただし大きすぎると、リンクのすぐ下に文字が来た時、下線で文字が隠れてしまいます。大きくても3pxでしょうか…。 線の種類を二重線にした場合、太さを2px以上にしないと二重に見えませんのでご注意ください。 リンク下線を消したい場合は、上記「border〜#66511c;」を消せば下線も消えます。 B全体レイアウトを編集する まず、全体レイアウトのはじめの方にある… 『<imode><div align="center" style="textーalign:center;">#tmpImg45994-149#</div></imode>』 …以上の記述の中の 赤色の部分を消去して、代わりに@でアップロードした幅480px素材の画像独自タグ(「#mtr123#」という形式の方)を入力して下さい。 上記の他にスペーサー素材もあります。間違えてスペーサー素材と入れ替えないようにご注意ください。 これで、imodeでのムースの表示も変更完了となります。 次に、全体レイアウト中で設定しているカラーコードを変更します。 『<span style="color:#788f52;">』 上の記述(カウンターの数字と、「管理人」の前にある「◎」に使っています)のカラーコード(赤色部分)を、@でメモしたカラーコードのうち「ワンポイント」のカラーコードに変更して下さい。 C色を編集する 長々しい説明ですみません…これが最後の作業です! 色設定を編集します。各ページ編集の「色」というリンクから行けるところです。 @でメモしたカラーコードを当てはまるところに入力して下さい。 もちろんメモにとらわれず、他にお好みの色があればそちらでも大丈夫です。ただし背景色はメモ通りでないと素材が浮いてしまいます。 こちらももちろん強要ではありませんが…訪問済みはリンクと共通、アクティブは文字色と共通でいかがでしょう。 あとは…黒ゴマの場合、文字色は無彩色の方が…安易な考えですが、#000000とか…いかがでしょうか。でも変更しなくても、黒みつソースっぽくていいかもです…(確認してないので確かではありませんが…) Dお疲れ様でした、編集完了です! 他に不明な点や説明不足な点がありましたら、お気軽にお問い合わせ下さい。 |