抹茶ムースなテンプレートを他の味のムースへとカスタマイズする際の手引きです。
※ナノで使用することを前提としています

@差し替えたいムース画像を保存し、アップロードする
幅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お疲れ様でした、編集完了です!
他に不明な点や説明不足な点がありましたら、お気軽にお問い合わせ下さい。

×
「#エロ」のBL小説を読む
BL小説 BLove
- ナノ -