Tuesday, 17 December 2013

EnterPage with jQuery (Curtain) By BagsFreakz

Nah permisi.... ane mau share nih om2 master yg ad disini....
maaf kalo ngotorin forumnya... Big Grin

ni ane mau share aja dikit bikin enterpage pake jQuery

live preview => http://bagsfreakz.comli.com

download scriptnya dulu om http://bagsfreakz.comli.com/curtains.zip

trus upload di hostingannya om2 disini masing2 trus gambarnya busa diedit sesuai selera disini






<head> 
<script type="text/javascript" src="<a class="linkification-ext" title="Linkification: http://jqueryjs.googlecode.com/files/jquery-1.3.2.js" href="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js">http://jqueryjs.googlecode.com/files/jquery-1.3.2.js</a>"></script> 
<script src="jquery.easing.1.3.js" type="text/javascript"></script> 
</head> 
<body> 
<div class="leftcurtain"><img src="images/frontcurtain.jpg"/></div> 
<div class="rightcurtain"><img src="images/frontcurtain.jpg"/></div> 
<img class="logo" src="images/buildinter.png"/> 
<a class="rope" href="#"><img src="images/rope.png"/></a> 
</body>

sama dibagian cssnya


*{ 
margin:0; 
padding:0; 

body { 
text-align: center; 
background: #4f3722 url('images/darkcurtain.jpg') repeat-x; 

img{ 
border: none; 

.leftcurtain{ 
width: 50%; 
height: 495px; 
top: 0px; 
left: 0px; 
position: absolute; 
z-index: 2; 

.rightcurtain{ 
width: 51%; 
height: 495px; 
rightright: 0px; 
top: 0px; 
position: absolute; 
z-index: 3; 

.rightcurtain img, .leftcurtain img{ 
width: 100%; 
height: 100%; 

.logo{ 
margin: 0px auto
margin-top: 150px; 

.rope{ 
position: absolute; 
top: -40px; 
left: 70%; 
z-index: 4; 
}


wah kyknya itu aj dulu y om.... nanti kalo ad yg ditanyakan bales thread ini y om atw bisa langsung ke FB (https://www.facebook.com/bagsfreakz)
maaf sebelumnya kalo ngotori forumnya.... Big Grin Peace