pagetop

Sky fine! – モノクロ基調なサイト

このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加このエントリをLivedoor Clipに追加このエントリをYahoo!ブックマークに追加このエントリをFC2ブックマークに追加このエントリをNifty Clipに追加このエントリをPOOKMARK. Airlinesに追加このエントリをBuzzurl(バザール)に追加このエントリをChoixに追加このエントリをnewsingに追加このエントリをTwitterに追加

sf.lgr.jp screen capture 2009-10-21-20-11-53というわけで自分のサイトですが(笑

少し紹介しておきます。

一応このサイトは素材配布とか言っているけど結局は福地の写真展示サイトになってます。

好きだなぁ~と思った写真は載せて、今になっては微妙~ってなったら勝手に消すし。

サブサブサイトです。

でもサイトのデザインには若干凝っていて、imgタグを殆ど使ってません。

CSS STRIPEを利用してます。

だから読み込みが少し早い気が…します。
以下ソース

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <title>Sky Fine! - PHOTO SITE</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="keywords" content="大判写真,素材,Photo,無料写真素材,写真素材,風景素材,空素材,夕焼け素材,x103,福地,無料素材">
  <meta name="description" content="空/夕焼け/風景などの大判素材配布してます。">
  <link rel="stylesheet" type="text/css" href="style.css">
  <link rel="stylesheet" type="text/css" href="file-img/sprite.css">
  <script type="text/javascript" src="hover.js"></script>
  </head>
<body onload="MM_preloadImages('file-img/image_21.png','file-img/image_22.png','file-img/image_23.png')">
  <!--☆ベース☆-->
  <div class="base">
<!--☆ヘッダー☆-->
  <div class="header">
  <h1><a href="./" title="sky fine!">sky fine!</a></h1>
  </div>
<!--☆ベース☆-->
  <div class="img">
  <a href="about" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('img1','','file-img/image_21.png',1)"><img src="file-img/image_11.png" alt="about" name="img1" width="182" height="246" border="0" id="img1" /></a>
  <a href="photo" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('img2','','file-img/image_22.png',1)"><img src="file-img/image_12.png" alt="photo" name="img2" width="237" height="246" border="0" id="img2" /></a>
  <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('img3','','file-img/image_23.png',1)"><img src="file-img/image_13.png" alt="copyright skyfine All Rights Reserved. " name="img3" width="331" height="246" border="0" id="img3" /></a>
  </div>
<!--☆フッター☆-->
  <div class="footer">
  <div id="id4">1</div><div id="id13">0</div><div id="id3">月</div><div id="id5">2</div><div id="id4">1</div><div id="id2">日</div>
  <div id="id0">写真を<div id="id4">1</div><div id="id7">4</div>枚追加しました</div>
  </div>
</div>
  </body>
  </html>

以上ソース。
簡単なHTMLです。

Post a Comment

Eメールは必ず 入力してください。. *このマークが付いている物は必須項目です。

*
*

clear
clear

a