MysticDiary

なんか変わったレイアウトってないかなー

Posted by baorin   2   0

と思いながら作ってみました。
別に特別変わったレイアウトってわけじゃなくなった(笑)

broomsticksample.jpg



これも一応レスポンシブになってます。

トップの写真はまた自由に変更できます。

<div class="photoimage">
<ul class="rslides">
<li><img src="https://blog-imgs-50.fc2.com/m/y/s/mysticdiary/womanphoto101.jpg" alt=""></li>
<li><img src="https://blog-imgs-50.fc2.com/m/y/s/mysticdiary/womanphoto102.jpg" alt=""></li>
<li><img src="https://blog-imgs-50.fc2.com/m/y/s/mysticdiary/womanphoto104.jpg" alt=""></li>
</ul>
</div>


上の画像リンクを変更してくださいね。
写真は何枚でもオッケーです。リストを増やしてくださいね。
写真の大きさはけっこう自由ですが、管理人の場合は、580px×730pxで作ってます。
画像をこのまま使用する場合は、フッターのリンクははずさないでくださいね。
よろしくお願いします。

ファイルは以下からダウンロードしてください。

broomstick
broomstick.html
broomstick.html

broomstick.css
broomstick.css



関連記事
baorin

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

2 Comments

mei says..."お借りします"
こんばんは。はじめまして。素敵なテンプレートが沢山ありますね。
特に写真が凄くきれいに見える所がいいなあ、と、迷ってなかなか決められませんでした。(笑)
ブログ、はじめたばかりでマナーが良くわからなかったのですが、どなたかの作成されたテンプレートを
お借りする時はどこかにコメントを残すのが通常のマナーなのかなと解釈しています。
まず、MisticDiary様の申請されているfushigialiceをFC2で仮でダウンロードし、
下のhtmlとcssをDLし、コピペして使わせて頂くことにしました。こんな感じでよかったでしょうか。
問題がありましたらお教えください。これからも、素敵なデザイン楽しみにしています。

2013.05.06 01:59 | URL | #- [edit]
管理人 says..."meiさんへ"
こんにちは。
テンプレート気に入っていただきありがとうございます。
これからもよろしくお願いします。
2013.05.12 14:00 | URL | #i4E9Nobc [edit]

Leave a reply






管理者にだけ表示を許可する

Trackbacks

trackbackURL:https://mysticdiary.blog.fc2.com/tb.php/433-7bd855d0