Advertisement:

Author Topic: Güzel bir kapat butonlu splash kodu  (Read 2842 times)

Offline byzero

  • Semi-Newbie
  • *
  • Posts: 54
  • Gender: Male
  • www.forumzero.org
    • Forumzero
Güzel bir kapat butonlu splash kodu
« on: January 18, 2010, 06:53:06 AM »
Örnek olarak
http://forumzero.bplaced.net/splash.html

Arkdaslar gezerken rasladım güzel bir spah reklam kodu ama benim sitemde olmuyor :(:( inframe ilede cekince gzl olmuyor... isteyen denesin...
 fadein,jquery-latest,thickbox, olan dosyaları  temanızın icine yani Themes/default default temayı kulanıyorum ben siz hangi temayı kulanıyorsanız onun icine atın  fadein,jquery-latest,thickbox, dosyasyalarını temanın icine atıktan sonra 
style.css en altına ekleyin...
Code: [Select]
/*Tickbox*/
/*********************************************************************************************************************************/
* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

/*fadeinbox*/
/*********************************************************************************************************************************/
#fadeinbox{
position:absolute;
width: 0px;
height:0px;
left: 0;
top: -400px;

/*padding: 4px;*/
z-index: 103;
visibility:hidden;
position:relative;


filter:progid:DXImageTransform.Microsoft.RandomDissolve(duration=1)
progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135) ; -moz-opacity:0

}

#fadeinbox_ad{
border: 2px solid black;
background-color: lightyellow;
position:absolute;
top:20px;
left:0px;

}

#hide_box{
position:absolute;
right:15px;
top:0px;
border: 2px solid black;
border-bottom:0px;
height:18px;
background-color: lightyellow;
font-size:12px;
color:#000000;
font-weight:bold;
width:50px;
text-align:center;
z-index: 103;
}
#hide_box a{
font-size:12px;
color:#000000;
font-weight:bold;
text-decoration:none;
z-index: 103;
}
Simdi vercegim koduda nerde cıkmasını istiyorsanız oraya yapıstırın...
Code: [Select]
<script language="javascript">
var fbWidth = '300';
var fbHeight = '250';
/*
Specify display mode. 3 possible values are:
1) "always"- This makes the fade-in box load each time the page is displayed
2) "oncepersession"- This uses cookies to display the fade-in box only once per browser session
3) integer (ie: 5)- Finally, you can specify an integer to display the box randomly via a frequency of 1/integer...
For example, 2 would display the box about (1/2) 50% of the time the page loads. */
var displaymode="always"
var enablefade="yes" /* ("yes" to enable fade in effect, "no" to disable) */
var autohidebox=["no", 5] /*Automatically hide box after x seconds? [yes/no, if_yes_hide_after_seconds]*/
var showonscroll="yes" /*Should box remain visible even when user scrolls page? ("yes"/"no)*/
var IEfadelength=1 /*fade in duration for IE, in seconds*/
var Mozfadedegree=0.05 /*fade in degree for NS6+ (number between 0 and 1. Recommended max: 0.2)*/
</script>
<script src="thickbox.js" type="text/javascript"></script>
<script src="jquery-latest.js" type="text/javascript"></script>
<script src="fadein.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" media="all" href="style.css" />


<div id="fadeinbox">
<div id="fadeinbox_ad">
<!-- Addedic - ad code starts -->
Reklam kodu buraya
<!-- Addedic - ad code  ends -->
</div>
<div id="hide_box"> <a href="#" onClick="hidefadebox();return false">Kapat</a></div>
</div>



<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
http://forumzero.org
Pvp Server Kurma Vede İnternet,Donanım Veya İnternet Üzerine Kurlu Oyunlar Vede İstediginiz Her şeyi Bir çatıda Topladık  Ücretsiz Vede Sınırsız mp3,oyun,film tek tıkla indirme keyfine erişebilirsiniz.
ForumZero
ForumZero
ForumZero Ana Sayfa
ForumZero Kayıt
ForumZero Giriş
www.forumzero.org - forumzero.org - forumzero