22,2010

すっごい久しぶりだけど

テンプレート作ったよ～。
つ～か、いろいろ作ってはいたんだけど、共有申請するのは久々です。
雪の白さを意識したっつ～か、冬っぽく無彩色で作ってみました。

トップの画像は好きなのに変更できます。
これはインデックスページにしか表示しないようになってます。
今回のは、いろいろjqueryのスクリプトがはいってます。
トップ画像はboxgridで、あとはyuga.js入れてみました。
このyuga.jsっていうのがいろいろ便利なのよ～。
トップにするするスクロールしてくれる機能とか、lightboxみたいなthickboxも 入ってるし（写真をクリックするとライトボックス効果が得られる）、 使ってる人も多いみたい。
yuga.jsについて詳しくはこちらを見てね。

●boxgrid写真の変更のしかた。

<div class="box1">
<div class="boxgrid captionfull">
<img src="https://blog-imgs-30.fc2.com/m/y/s/mysticdiary/monochrome2photo1.jpg" />
<div class="cover boxcaption">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <br/><a href="#">read more</a></p>
</div>
</div>
</div>

この部分の

<img src="https://blog-imgs-30.fc2.com/m/y/s/mysticdiary/monochrome2photo1.jpg" />

画像リンクをご自分のものに差し替えます。
画像の大きさは190px×190pxです。

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <br/><a href="#">read more</a></p>

説明文は＜ｐ＞～＜／ｐ＞で囲まれていれば何を書いてもオッケーです。
サンプルとおなじようにしたければ、リンク部分（＃）にリンクアドレスを挿入してください。