Permalink
Browse files

pretty index

  • Loading branch information...
1 parent c313890 commit 399e5d2521dbfcd8d3467623b41055de5b711226 @MarcieInRed committed Apr 17, 2012
Showing with 14 additions and 5 deletions.
  1. +1 −0 css/index-card.css
  2. +13 −5 index.html
View
1 css/index-card.css
@@ -25,6 +25,7 @@
height: 136px;
margin-right: 10px;
margin-bottom: 10px;
+ position: relative;
}
.navi-card a img {
View
18 index.html
@@ -14,19 +14,19 @@
<body>
<div id="bgimage"></div>
<div id="navi-card-wrap" class="transparent">
- <div class="navi-card">
+ <div class="navi-card" id="card-index">
<a href="index.html"><img src="img/index-card-home.jpg"></a>
<div class="navi-card-intro">Ê×Ò³</div>
</div>
- <div class="navi-card">
+ <div class="navi-card" id="card-blog">
<a href="blog/index.html"><img src="img/index-card-blog.jpg"></a>
<div class="navi-card-intro">²©¿Í</div>
</div>
- <div class="navi-card">
+ <div class="navi-card" id="card-log">
<a href="log.html"><img src="img/index-card-log.jpg"></a>
<div class="navi-card-intro">¼Ç¼</div>
</div>
- <div class="navi-card">
+ <div class="navi-card" id="card-about">
<a href="about.html"><img src="img/index-card-me.jpg"></a>
<div class="navi-card-intro">¹ØÓÚÎÒ</div>
</div>
@@ -69,7 +69,15 @@
var width = $(document).width();
var height = $(document).height();
$("#navi-card-wrap").css("left",(width - 720) * 0.35);
- $("#navi-card-wrap").css("top", (height - 152) * 0.25);
+ $("#navi-card-wrap").css("top", (height - 152) * 0.30);
+ $("#card-index").css("left", 20);
+ $("#card-index").css("top", 10);
+ $("#card-blog").css("top", 80);
+ $("#card-blog").css("right", 30);
+ $("#card-log").css("bottom", 40);
+ $("#card-log").css("right", 90);
+ $("#card-about").css("top", 160);
+ $("#card-about").css("right", 250);
}
</script>
</html>

0 comments on commit 399e5d2

Please sign in to comment.