Bsden Site Yapma Tasarım Yapma Free Css Html Kodları Vs Videolu Anlatım

[bodos4]

Metin2 EP, Valorant VP dahil tüm oyun ürünlerini en uygun fiyatlarla bulabilir, Item ve Karakterlerinizi hızlıca satabilirsiniz. HEMEN TIKLA!

Sitenize Açılan Perde İntrosu Kodu Kendi Yapımım:

<center> <style type="text/css">
#ad-45c4 br {
		display: none;
}
</style>
<table height="102" id="ad-45c4">
    <tbody>
        <tr>
            <td height="102">&nbsp;</td>
        </tr>
    </tbody>
</table>
<table height="400">
    <tbody>
        <tr>
            <td><center>   <style type="text/css">
	<!--
		body {
			background-color: #FFFFFF;
			color: #000000;
			font-size: 12;
			margin: 0;
			font-family:  Tahoma, Verdana, Arial;
		}
	//-->
	</style> 	 <center> <style type="text/css">
#ad-45c4 br {
		display: none;
}
</style>
            <table height="102" id="ad-45c4">
                <tbody>
                    <tr>
                        <td height="102"><iframe scrolling="no" height="90" frameborder="0" width="728" src="http://onur-2069.tr.gg/"></iframe><br />
                        <br />
                        &nbsp;</td>
                    </tr>
                </tbody>
            </table>
            <table height="400">
                <tbody>
                    <tr>
                        <td><center>                         <script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js" type="text/javascript"></script>                         <script type="text/javascript" src="http://microp44.byethost7.com/jquery.easing.1.3.js"></script>                         <script type="text/javascript"> 
      $(document).ready(function() { 
      
         $curtainopen = false; 
      
         $(".rope").click(function(){ 
            $(this).blur(); 
            if ($curtainopen == false){ 
               $(this).stop().animate({top: '0px' }, {queue:false, duration:350, easing:'easeOutBounce'});
               $(".leftcurtain").stop().animate({width:'60px'}, 2000 ); 
               $(".rightcurtain").stop().animate({width:'60px'},2000 ); 
               $curtainopen = true; 
            }else{ 
               $(this).stop().animate({top: '-40px' }, {queue:false, duration:350, easing:'easeOutBounce'}); 
               $(".leftcurtain").stop().animate({width:'50%'}, 2000 ); 
               $(".rightcurtain").stop().animate({width:'51%'}, 2000 ); 
               $curtainopen = false; 
            } 
            return false; 
         }); 
          
      });    
   </script>                         <style type="text/css"> 
       *{ 
          margin:0; 
          padding:0; 
       } 
       body { 
          text-align: center; 
          background: #4f3722 url('http://i66.servimg.com/u/f66/14/46/49/60/darkcu10.jpg') repeat-x; 
       } 
       img{ 
         border: none; 
      } 
      p{ 
      margin-bottom:10px; 
      color:#FFFFFF; 
      } 
       .leftcurtain{ 
         width: 50%; 
         height: 495px; 
         top: 0px; 
         left: 0px; 
         position: absolute; 
         z-index: 2; 
      } 
       .rightcurtain{ 
         width: 51%; 
         height: 495px; 
         right: 0px; 
         top: 0px; 
         position: absolute; 
         z-index: 3; 
      } 
      .rightcurtain img, .leftcurtain img{ 
         width: 100%; 
         height: 100%; 
      } 
      .logo{ 
         margin: 0px auto; 
         margin-top: 80px; 
      } 
      .rope{ 
         position: absolute; 
         top: -40px; 
         left: 70%; 
         z-index: 4; 
      } 
      
   </style>
                        <div style="overflow: hidden; width: 50%; display: block;" class="leftcurtain"><img alt="" src="http://i66.servimg.com/u/f66/14/46/49/60/frontc10.jpg" /></div>
                        <div style="overflow: hidden; width: 51%; display: block;" class="rightcurtain"><img alt="" src="http://i66.servimg.com/u/f66/14/46/49/60/frontc10.jpg" /></div>
                        <a style="top: -40px;" class="rope" href="http://onur-2069.tr.gg/#">        <img alt="" src="http://i66.servimg.com/u/f66/14/46/49/60/rope10.png" />     </a>
                        <div class="logo">
                        <p><br />
                        &nbsp;</p>
                        <p>İyi Eğlenceler!</p>
                        <p>&nbsp;</p>
                        </div>
                        <font color="white">    </font> 		<br />
                        <br />
                        <br />
                        <br />
                        <br />
                        </center></td>
                    </tr>
                </tbody>
            </table>
            </center>  <style type="text/css">

input {visibility:hidden;}

</style> 		<br />
            <br />
            <br />
            <br />
            <script language="JavaScript1.2" type="text/javascript"> 
function setcountup(theyear,themonth,theday){ 
yr=theyear;mo=themonth;da=theday 
} 
//////////CONFIGURE THE countup SCRIPT HERE////////////////// 
//STEP 1: Configure the date to count up from, in the format year, month, day: 
//This date should be less than today 
setcountup(2009,05,08) 
//STEP 2: Configure text to be attached to count up 
var displaymessage="(her saniye büyüyoruz)" 
//STEP 3: Configure the below 5 variables to set the width, height, background color, and text style of the countup area 
var countupwidth='95%' 
var countupheight='20px' //applicable only in NS4 
var countupbgcolor='alt1' 
var opentags='<span class="smallfont">' 
var closetags='</span>' 
//////////DO NOT EDIT PASS THIS LINE////////////////// 
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec") 
var crosscount='' 
function start_countup(){ 
if (document.layers) 
document.countupnsmain.visibility="show" 
else if (document.all||document.getElementById) 
crosscount=document.getElementById&&!document.all?document.getElementById("countupie") : countupie 
countup() 
} 
if (document.all||document.getElementById) 
document.write('<span id="countupie" style="width:'+countupwidth+'; background-color:'+countupbgcolor+'"></span>') 
window.onload=start_countup 
function countup(){ 
var today=new Date() 
var todayy=today.getYear() 
if (todayy < 1000) 
todayy+=1900 
var todaym=today.getMonth() 
var todayd=today.getDate() 
var todayh=today.getHours() 
var todaymin=today.getMinutes() 
var todaysec=today.getSeconds() 
var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec 
paststring=montharray[mo-1]+" "+da+", "+yr 
dd=Date.parse(todaystring)-Date.parse(paststring) 
dday=Math.floor(dd/(60*60*1000*24)*1) 
dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1) 
dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1) 
dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1) 
if (document.layers){ 
document.countupnsmain.document.countupnssub.document.write(opentags+dday+ " gün, "+dhour+" saat, "+dmin+" dakika ve "+dsec+" saniyedir sizlerleyiz... "+displaymessage+closetags) 
document.countupnsmain.document.countupnssub.document.close() 
} 
else if (document.all||document.getElementById) 
crosscount.innerHTML=opentags+dday+ " gün, "+dhour+" saat, "+dmin+" dakika ve "+dsec+" saniye "+displaymessage+closetags 
setTimeout("countup()",1000) 
} </script>             <span id="countupie" style="width: 95%;"><span class="smallfont">SAYFAMIZA GİRİŞ İ&Ccedil;İN TIKLA RESMİNE TIKLAYIN :D</span></span>				</center></td>
        </tr>
    </tbody>
</table>
</center>