お知らせ一覧

Home > お知らせ一覧

平成23年07月28日

新着情報入力について

トップページリストについてはindex.htmlソース内にコメントしております。
以下はこのページ用

<div id="d20110728" class="entry">〜</div> までがひとつのブロック

id="d20110728"　d に続けて投稿日を入れます。
例：2011年7月28日なら　2011 07 28 → 20110728 

<p class="entryday">平成23年07月28日</p>
<h3>ビジネステンプレート公開のお知らせ</h3>

以下自由に入力！
  　
改行は<br>を使って下さい。

あああああああああああああああ。<br>
ああああああああああああああああああああああ。<br><br>
あああああああああああああああ。

平成23年07月28日

トップページ画像入れ替えについて

横620px 縦240pxにトリミングした画像をご用意ください。

画像の保存先は[images]フォルダ内の[img]です。ファイル名を順に1.jpg・2.jpg..として保存するのが簡単です。

画像を増やしたい場合
index.htmlソース内にあるタグをコピーしてご利用下さい。

例：画像を一枚増やす(追加画像を 5.jpg とした場合)
1：下記をコピー
  <!-- 画像 4 -->
  <img src="images/img/4.jpg" alt="" />
  <span>一応、画像の追加も可能です。</span>


2：ペースト後に書換え
  <!-- 画像 4 -->
  <img src="images/img/4.jpg" alt="" />
  <span>テキスト入力</span>
  
  --- ペースト ---
  <!-- 画像 5 -->
  <img src="images/img/5.jpg" alt="" />
  <span>テキスト入力</span>

平成23年07月28日

背景色・文字色のカスタマズについて

背景色と文字色は簡単にカスタマズ可能です。

ダウンロード後にcustom.cssで編集します。該当箇所についてCSSファイル内にコメントをつけております。

平成23年07月28日

カレンダー部分について

このサンプルでは以下の無料サービスのカレンダーを設置させていただいております。
ショップ向けブログパーツ - 営業カレンダー -

設置箇所は、<dl class="calendar">部分の<dd>ここ</dd>です。

カレンダー部分につきましては、特に必要なければ<dl class="calendar">部分ごと削除して下さい。また上記サービスの他にもcgiをインラインで読み込むもの等多数の無料サービスがありますのでご自身に合ったものを設置して下さい。

※カレンダー部分についてのフォロー等は一切行っておりません。

平成23年07月28日

トップページサムネイル部分について

横200px 縦120pxにトリミングした画像をご用意ください。

画像の保存先は[images]フォルダです。ファイル名を順にitem-1.jpg・item-2.jpg..として保存するのが簡単です。

画像を増やしたい場合
index.htmlソース内にあるタグをコピーしてご利用下さい。

例：画像をもう一列増やす(追加画像を item-7.jpg・item-8.jpg・item-9.jpg とした場合)
1：下記をコピー
  <!-- 画像ブロック 4 -->
  <li class="btn01">
  <a href="page.html"><img src="images/item-4.jpg" alt="" /></a>
  <p>商品名など[item-4]</p>
  </li>
  
  <!-- 画像ブロック 5 -->
  <li class="btn02">
  <a href="page.html"><img src="images/item-5.jpg" alt="" /></a>
  <p>商品名など[item-5]</p>
  </li>
  
  <!-- 画像ブロック 6 -->
  <li class="btn03">
  <a href="page.html"><img src="images/item-6.jpg" alt="" /></a>
  <p>商品名など[item-6]</p>
  </li>


2：ペースト後に書換え
  <!-- 画像ブロック 4 -->
  <li class="btn01">
  <a href="page.html"><img src="images/item-4.jpg" alt="" /></a>
  <p>商品名など[item-4]</p>
  </li>
  
  <!-- 画像ブロック 5 -->
  <li class="btn02">
  <a href="page.html"><img src="images/item-5.jpg" alt="" /></a>
  <p>商品名など[item-5]</p>
  </li>
  
  <!-- 画像ブロック 6 -->
  <li class="btn03">
  <a href="page.html"><img src="images/item-6.jpg" alt="" /></a>
  <p>商品名など[item-6]</p>
  </li>
    
  --- ペースト ---
  <!-- 画像ブロック 7 -->
  <li class="btn01">
  <a href="page.html"><img src="images/item-7.jpg" alt="" /></a>
  <p>商品名など[item-7]</p>
  </li>
  
  <!-- 画像ブロック 8 -->
  <li class="btn02">
  <a href="page.html"><img src="images/item-8.jpg" alt="" /></a>
  <p>商品名など[item-8]</p>
  </li>
  
  <!-- 画像ブロック 9 -->
  <li class="btn03">
  <a href="page.html"><img src="images/item-9.jpg" alt="" /></a>
  <p>商品名など[item-9]</p>
  </li>

Page top