メニューから、各資格リンク先へ行けます。合格!で決定。



2009年10月04日

カラーミーを使う人のために〜更新履歴〜

講師ゆうネットショップの運営に


ネットショップの運営に、カラーミーを使っています。
↓                          ↓

 

カラーミーは、安くて機能も豊富なのですが、デザインが非常に困難です。
seesaaのカスタマイズの方が、はるかに簡単。

カラーミーのカスタマイズで分からないことがあれば、「カラーミーお助け掲示板」を利用出来るのですが、これまた難しい。
基本的な知識がわからなければ、理解できない内容です。

そこで、私が手がけたカスタマイズを公開することで、利用者の方のお役に立てればと思います。

まずは、更新履歴の作り方から

カラーミーにログインして、
お店を作るを選択。
そこから、デザインを選び、
編集したいテンプレートを。
私の場合は、ビューティーです。

html css編集の、上級モードに切替えて、

<div style="margin:0px;padding:0px;" align="center">
<div style="margin:0px;padding:0px;line-height:1.3;">
<div style="margin:0px;padding:10px;line-height:1.3;overflow:auto;border: 2px solid #eeccff;text-align:left;height:50px;scrollbar-base-color:#69696;">

これを挿入します。

その後に、更新履歴を書いて、
最後に、
</DIV></DIV></DIV>
で閉じる。

分かりづらい人のために、
ネットショップ Happy Yukiのトップページを公開します。


講師ゆうHappy Yukiのトップページを公開


<!-- Information -->
<table width="553px" cellspacing="0" cellpadding="0">
 <tr><td class="info_title"></td></tr>
 <tr><td class="info">
 <{$info}>
 </td></tr>
 <tr><td class="info_bottom"></td></tr>
</table><div style="margin:0px;padding:0px;" align="center">
<div style="margin:0px;padding:0px;line-height:1.3;">
<div style="margin:0px;padding:10px;line-height:1.3;overflow:auto;border: 2px solid #eeccff;text-align:left;height:50px;scrollbar-base-color:#69696;">更新情報<br>2009.9/25カード決済が可能になりました。<br>2009.9/23子供用アクセサリー追加しました。<br>2009.9/20おすすめ商品追加しました。<br>2009.9.18<a href="http://happy-yuki.net/?pid=12700170" target="_blank">チェコガラスのイヤリング</a>がSOLD OUTしました。<br>2009.9/15売れ筋商品更新しました。</DIV></DIV></DIV>

<!--// Information -->


<!-- Recommend -->
<{if $recommend_num != 0}>
<br />
<table width="553" cellspacing="0" cellpadding="0" border="0">
 <tr valign="bottom"><td class="round_top"><img src="http://img.shop-pro.jp/tmpl_img/15/title_recommend.gif" width="115" alt="おすすめ商品" /></td></tr>
 <tr>
  <td class="round_bg" align="left" width="553">
   <{section name=num loop=$recommend}>
   <div class="item_box">
    <a href="<{$recommend[num].link_url}>"><{if $recommend[num].img_url != ""}><img src="<{$recommend[num].img_url}>" /><{else}><img src="http://img.shop-pro.jp/tmpl_img/15/now100.gif" /><{/if}><{$recommend[num].name}></a><br />
    <{if $members_login_flg == true && $recommend[num].discount_flg == true}>
    <!-- 通常販売価格 -->
    <p class="regular_price_top"><{$recommend[num].regular_price}></p>
    <{/if}>
    <!-- 販売価格 -->
    <p class="price_top"><{$recommend[num].price}></p>
    <{if $members_login_flg == true && $recommend[num].discount_flg == true}>
    <!-- 割引率 -->
    <p class="discount_rate_top"><{$recommend[num].discount_rate}>OFF!!</p>
    <{/if}>
   </div>
   
   <!-- 4個で改行(最後は含まない) -->
   <{if $smarty.section.num.iteration % 4 == 0 and $smarty.section.num.last == false}>
    <br class="clear" />
   <{/if}>
   
   <{/section}>
  </td>
 </tr>
 <tr><td class="round_bottom"></td></tr>
</table>
<{/if}>
<!--// Recommend -->

 


<!-- Top Sellers -->
<{if $seller_num != 0}>
<br />
<table width="553px" cellspacing="0" cellpadding="0">
 <tr valign="bottom"><td class="round_top"><img src="http://img.shop-pro.jp/tmpl_img/15/title_seller.gif" width="100" alt="売れ筋商品" /></td></tr>
 <tr>
  <td class="round_bg">
   <{section name=num loop=$seller}>
   <div class="item_box">
    <div align="center"><a href="<{$seller[num].link_url}>"><{if $seller[num].img_url != ""}><img src="<{$seller[num].img_url}>" /><{else}><img src="http://img.shop-pro.jp/tmpl_img/15/now100.gif" /><{/if}><{$seller[num].name}></a></div>
    <{if $members_login_flg == true && $seller[num].discount_flg == true}>
    <!-- 通常販売価格 -->
    <p class="regular_price_top"><{$seller[num].regular_price}></p>
    <{/if}>
    <!-- 販売価格 -->
    <p class="price_top"><{$seller[num].price}></p>
    <{if $members_login_flg == true && $seller[num].discount_flg == true}>
    <!-- 割引率 -->
    <p class="discount_rate_top"><{$seller[num].discount_rate}>OFF!!</p>
    <{/if}>
   </div>
   
   <!-- 4個で改行(最後は含まない) -->
   <{if $smarty.section.num.iteration % 4 == 0 and $smarty.section.num.last == false}>
    <br class="clear" />
   <{/if}>
   
   <{/section}>
  </td>
 </tr>
 <tr><td class="round_bottom"></td></tr>
</table>
<{/if}>
<!--// Top Sellers -->

 


<!-- Free Space -->
<{if $free_space!=""}>
<br />
<div class="freespace">
 <{$free_space}>
</div>
<{/if}>
<!--// Free Space -->


Happy Yukiの外観は→http://happy-yuki.net/
このうち、更新履歴の部分をマーカーで引くと、

<!-- Information -->
<table width="553px" cellspacing="0" cellpadding="0">
 <tr><td class="info_title"></td></tr>
 <tr><td class="info">
 <{$info}>
 </td></tr>
 <tr><td class="info_bottom"></td></tr>
</table><div style="margin:0px;padding:0px;" align="center">
<div style="margin:0px;padding:0px;line-height:1.3;">
<div style="margin:0px;padding:10px;line-height:1.3;overflow:auto;border: 2px solid #eeccff;text-align:left;height:50px;scrollbar-base-color:#69696;">更新情報<br>2009.9/25カード決済が可能になりました。<br>2009.9/23子供用アクセサリー追加しました。<br>2009.9/20おすすめ商品追加しました。<br>2009.9.18<a href="
http://happy-yuki.net/?pid=12700170" target="_blank">チェコガラスのイヤリング</a>がSOLD OUTしました。<br>2009.9/15売れ筋商品更新しました。</DIV></DIV></DIV>

<!--// Information -->


<!-- Recommend -->
<{if $recommend_num != 0}>
<br />
<table width="553" cellspacing="0" cellpadding="0" border="0">
 <tr valign="bottom"><td class="round_top"><img src="http://img.shop-pro.jp/tmpl_img/15/title_recommend.gif" width="115" alt="おすすめ商品" /></td></tr>
 <tr>
  <td class="round_bg" align="left" width="553">
   <{section name=num loop=$recommend}>
   <div class="item_box">
    <a href="<{$recommend[num].link_url}>"><{if $recommend[num].img_url != ""}><img src="<{$recommend[num].img_url}>" /><{else}><img src="http://img.shop-pro.jp/tmpl_img/15/now100.gif" /><{/if}><{$recommend[num].name}></a><br />
    <{if $members_login_flg == true && $recommend[num].discount_flg == true}>
    <!-- 通常販売価格 -->
    <p class="regular_price_top"><{$recommend[num].regular_price}></p>
    <{/if}>
    <!-- 販売価格 -->
    <p class="price_top"><{$recommend[num].price}></p>
    <{if $members_login_flg == true && $recommend[num].discount_flg == true}>
    <!-- 割引率 -->
    <p class="discount_rate_top"><{$recommend[num].discount_rate}>OFF!!</p>
    <{/if}>
   </div>
   
   <!-- 4個で改行(最後は含まない) -->
   <{if $smarty.section.num.iteration % 4 == 0 and $smarty.section.num.last == false}>
    <br class="clear" />
   <{/if}>
   
   <{/section}>
  </td>
 </tr>
 <tr><td class="round_bottom"></td></tr>
</table>
<{/if}>
<!--// Recommend -->

 


<!-- Top Sellers -->
<{if $seller_num != 0}>
<br />
<table width="553px" cellspacing="0" cellpadding="0">
 <tr valign="bottom"><td class="round_top"><img src="http://img.shop-pro.jp/tmpl_img/15/title_seller.gif" width="100" alt="売れ筋商品" /></td></tr>
 <tr>
  <td class="round_bg">
   <{section name=num loop=$seller}>
   <div class="item_box">
    <div align="center"><a href="<{$seller[num].link_url}>"><{if $seller[num].img_url != ""}><img src="<{$seller[num].img_url}>" /><{else}><img src="http://img.shop-pro.jp/tmpl_img/15/now100.gif" /><{/if}><{$seller[num].name}></a></div>
    <{if $members_login_flg == true && $seller[num].discount_flg == true}>
    <!-- 通常販売価格 -->
    <p class="regular_price_top"><{$seller[num].regular_price}></p>
    <{/if}>
    <!-- 販売価格 -->
    <p class="price_top"><{$seller[num].price}></p>
    <{if $members_login_flg == true && $seller[num].discount_flg == true}>
    <!-- 割引率 -->
    <p class="discount_rate_top"><{$seller[num].discount_rate}>OFF!!</p>
    <{/if}>
   </div>
   
   <!-- 4個で改行(最後は含まない) -->
   <{if $smarty.section.num.iteration % 4 == 0 and $smarty.section.num.last == false}>
    <br class="clear" />
   <{/if}>
   
   <{/section}>
  </td>
 </tr>
 <tr><td class="round_bottom"></td></tr>
</table>
<{/if}>
<!--// Top Sellers -->

 


<!-- Free Space -->
<{if $free_space!=""}>
<br />
<div class="freespace">
 <{$free_space}>
</div>
<{/if}>
<!--// Free Space -->


です。
これをベースに、いろいろと設定を編集されることをオススメします004ウィンク.gif


スポンサーリンク

あなたに合格が訪れますように講師ゆうbr_decobanner_20091018180502.gif
いつも応援ありがとうございますありがとうニコッ.gif
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
この記事へのトラックバックURL
http://blog.seesaa.jp/tb/129477494
※ブログオーナーが承認したトラックバックのみ表示されます。

この記事へのトラックバック
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。