001_anvers_demo

001_anvers_demo

by nekosmash

HTML

<div class="main">
    <header>
        <a id="anversbloglink" href="http://anvers2-3-21.jugem.jp/" alt="アンヴェール日記">アンヴェール日記</a>
        <img src="http://dl.dropbox.com/u/63305355/anvers/header.png" />

    </header>
    
    <div class="contents">
        <table border="0">
            <tr>
                <td colspan="2"><img src = "http://dl.dropbox.com/u/63305355/anvers/layout.png" /></td>
                <td rowspan="2"><img src="http://dl.dropbox.com/u/63305355/anvers/sidelabel.png" /></td>
            </tr>
            <tr>
                <td>
                    <a href="http://dl.dropbox.com/u/63305355/anvers/food.png" rel="lightbox[plants]">
                        <img src="http://dl.dropbox.com/u/63305355/anvers/food.png" />
                    </a>
                </td>
                <td><img src="http://dl.dropbox.com/u/63305355/anvers/drink.png" /></td>
            </tr>
        </table>
    </div>
    
    <footer>
                <img src="http://dl.dropbox.com/u/63305355/anvers/footer.png" />

    </footer>
</div>
<script src="http://dl.dropbox.com/u/63305355/jquery-1.7.2.min.js"></script>
<script src="http://dl.dropbox.com/u/63305355/jquery-ui-1.8.18.custom.min.js"></script>
<script src="http://dl.dropbox.com/u/63305355/jquery.smooth-scroll.min.js"></script>
<script src="http://dl.dropbox.com/u/63305355/lightbox.js"></script>

CSS

body{
    text-align:center;
    margin-top:-100px;
}

.main{
    width:950px;
    margin:auto;    
}

.contents{
    height:600px;
    text-align:center;
}

table{
    margin:auto;
}

#anversbloglink{
    display:block;
    position:relative;
    left:40px;
    top:340px;
    width:230px;
    height:0px;
    padding-top:100px;
    text-indent:-9999px;
}