レイアウト

ノーマルレイアウト F1329 を使用しています。

 

カスタマイズ色

ffb6c1(桜色) …ナビの背景を変更しています。

 

背景色

ffffff(白)

画像/JS管理用のページ(非表示)です。

ヘッダ内へ挿入しているJSです。

METAタグ等の編集をする際、ヘッダに挿入されているスクリプトを

削除しますと動作しなくなりますのでご注意ください。

その場合は、下記をコピペすることで復旧可能です。

 

 

ロールオーバー用のJS

※画像のソースへ class="ro-img"追加で起動

※例:<img class="ro-img" src="~ ~/>

 

<!--画像ロールオーバー用スクリプト-->
<script type="text/javascript" src="http://open-lab.jp/jimdo/breadcrumb.js">
</script>

<style type="text/css">
    /*<![CDATA[*/
<!--
    a:hover img.ro-img
    {
    opacity:0.7;
    filter:alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    }
-->
    /*]]>*/
</style>
<!--画像ロールオーバー用スクリプト-->

 

 

ナビの文字色を強引にCSS上書きで変更しています。
同じくヘッダ内へ挿入して使用します。

※納品時のF1329レイアウトではフォント設定2にて指定も可能です。

 

<style type="text/css">
    /*<![CDATA[*/
    <!--
    #mainNav1 li a
    {
    color: #00898b;
    }
    -->
    /*]]>*/
</style>

ツイッター用設定です。

JIMDOのものではなく、twitterのバッジを貼り付けています。

 

 

<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js" type="text/javascript">
</script><script type="text/javascript">
//<![CDATA[
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 4,
  interval: 30000,
  width: 220,
  height: 300,
  theme: {
    shell: {
      background: '#ffb6c1',
      color: '00898b'
    },
    tweets: {
      background: '#ffffff',
      color: '#6f8285',
      links: '#e098d4'
    }
  },
  features: {
    scrollbar: false,
    loop: false,
    live: false,
    behavior: 'all'
  }
}).render().setUser('KEITAYOSHIHARA').start();
//]]>
</script>

<img src="http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/i72814770617b991e/1335778425/std/image.png" alt="お問い合わせ" />

お問い合わせボタンのロールオーバー
<a href="http://www.gloobuzzdrumschool.com/%E7%84%A1%E6%96%99%E4%BD%93%E9%A8%93%E3%83%AC%E3%83%83%E3%82%B9%E3%83%B3-%E3%81%8A%E5%95%8F%E3%81%84%E5%90%88%E3%82%8F%E3%81%9B/"><img class="ro-img" src="http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/i72814770617b991e/1335778425/std/image.png" alt="お問い合わせ" /></a>

<img src="http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/i06e89d483465e805/1335760845/std/image.png" alt="ホームに戻る" />

ホームに戻るボタンのロールオーバー
<a href="http://www.gloobuzzdrumschool.com/"><img class="ro-img" src="http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/i06e89d483465e805/1335760845/std/image.png" alt="ホームに戻る" /></a>

 

無料体験レッスンバナーのロールオーバー

<a href="http://www.gloobuzzdrumschool.com/%E7%84%A1%E6%96%99%E4%BD%93%E9%A8%93%E3%83%AC%E3%83%83%E3%82%B9%E3%83%B3-%E3%81%8A%E5%95%8F%E3%81%84%E5%90%88%E3%82%8F%E3%81%9B/"><img class="ro-img" src="http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/i44b2a3a3e6b13e62/1335855202/std/image.png" alt="無料体験レッスンのお問い合わせページへ" /></a>

以下は全グラフィックになります。

<img src="http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/ia6a6507954fc4d40/1335916639/std/image.png" />

<img src="http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/i2d90bbd83ffb5359/1335916701/std/image.png" />

<img src="http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/i4b258c6c147e35c5/1335916749/std/image.png" />

<img src="http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/ifdc7a95bffb221a3/1335916794/std/image.png" />

<img src="http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/iea3c0f79983a1e94/1335916825/std/image.png" />

<img src="http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/i765cdc5fa59f1a24/1335916862/std/image.png" />

<img src="http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/i006cefb07654f4d7/1335916894/std/image.png" />

<img src="http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/ib7f9957a77fa4260/1335860619/std/image.png"/>

※実は画像再加工しました!よかったらお使いください。
<img src="http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/i43fcbc1ebe4fc50e/1335917064/std/image.jpg" />

<img src="http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/i8eb63926c9f0ca8a/1335860720/std/image.png" />

<img src="http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/i006cefb07654f4d7/1335916894/std/image.png" />

<img src="http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/if51fecdd6c40ad28/1335860922/std/image.png" />

<img src="http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/i02b946e1df9555fd/1335916986/std/image.png />

<img src="http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/if071fc4ff643e0fa/1335861015/std/image.png" />

<img src="http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/ie79b465b6067f2fb/1335861062/std/image.png" />

<img src="http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/iab5c3879a6129c7c/1335861144/std/image.png" />

<img src=""http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/ic748c0ec5b081241/1335861232/std/image.png />

<img src="http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/ia1a8d4831813673a/1335861281/std/image.png" />

<img src="http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/i347224c6b78a7e4e/1335861328/std/image.png" />

<img src="http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/ieb355091f75e7302/1335861363/std/image.png" />

<img src="http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/i694fbadb4373592a/1335861397/std/image.png" />

<img src="http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/i1ae2f97a7a416082/1335861581/std/image.png" />

<img src"http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/i5c5b2792bb26a0bb/1335861626/std/image.png" />

<img src="http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/i40f7a34523305d40/1335861657/std/image.png" />

<img src="http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/ia327a5a44c8298a9/1335861912/std/image.png" />

<img src="http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/i8d463c0eb22f44b8/1335862102/std/image.png" />

<img src="http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/i36d112f09f0820ac/1335862144/std/image.png" />

<img src="http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/i99ef7e4e3ccac1c7/1335862179/std/image.png" />

<img src="http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/i9001fda206111cf6/1335862275/std/image.png" />

<img src="http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/i5cad0823c71dedc9/1335862318/std/image.png" />

<img src="http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/iebd376737f79a903/1335862380/std/image.png" />

<h3><img src="http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/i6d6069b469b78b93/1335865328/std/image.png" alt="1_手の基礎" /></h3>

<h3><img src="http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/i84e040c15b489b17/1335865481/std/image.png" alt="2_ドラムセットを使った実践的なフレーズ" /></h3>

<h3><img src="http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/ib815e8ce31c8744c/1335865529/std/image.png" alt="3_曲を使った練習" /></h3>

<h3><img src="http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/iadb9704cd622d3bf/1335865577/std/image.png" alt="ルーディメンツ主体のハンドテクニック" /></h3>

<h3><img src="http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/i3acec3883c293f40/1335865646/std/image.png" alt="セットを使ったエクササイズ" /></h3>

<h3><img src="http://u.jimdo.com/www55/o/s973bf1e4a670f030/img/ie0645da1fc11e70e/1335865686/std/image.png" alt="実践的なグルーブトレーニング" /></h3>