ازي اعمل اعلان متحرك

kekokrsto كتب:

السلام عليكم و رحمه الله و بركتة رمضان كريم

ازي اعمل  اعلان متحرك مع الصفحه خاص بيه ف منتدي

مثال بالصور

ارجو الرد و شكر

الكود:


  <style>
#topbar {
height:30px;
width:auto;
background-repeat:repeat-x;
text-align:left;
padding-top:4px;
}
#adsground {
height:auto;
margin:0 auto;
width: 0px;
background:#fff;
border-bottom:2px #005094 solid;
border-right:2px #005094 solid;
border-left:2px #005094 solid;
text-align:center;
padding:4px;
}
#headlineatas {
opacity:1.0;
height:auto;
width:auto;
position:fixed;
top:-30px;
left:-30px;
border-bottom:1px #005094 solid;
border-bottom:0px blue solid;
color:#333;
padding:0px;
z-index:1001;
font-size:13px;}
</style>
<script type="text/javascript">
function getValue()
{
document.getElementById("headlineatas").style.display = 'none';
}
</script>
<div id="headlineatas">
<div id="topbar">
</div>
<div id="adsground">
<p align="left"><h3></h3></p>
<script type="text/javascript">
$(document).ready(function(){
$('div#b_icon1').hide();
$('div#b_icon2').hide();
$('div#b_icon3').hide();
$("div#h_icon1").mouseover(function() {
$('div#h_icon1').hide();
$('div#b_icon1').show();
});
$("div#h_icon2").mouseover(function() {
$('div#h_icon2').hide();
$('div#b_icon2').show();
});
$("div#h_icon3").mouseover(function() {
$('div#h_icon3').hide();
$('div#b_icon3').show();
});
$('div#b_icon1').click(function(){
$('#bannerfloat03').html('');
});
});
</script>
<div style="left: 500px; top: 300px; width: 338px; height: 280px; position: absolute" id="bannerfloatADS">
        <a href="رابط الصفحة التي تريد فتحها" target="_blank"><img src="رابط الصوره" border="0"><div style="left: 250px; top: 70px; width: 40px; height: 0px; position: absolute" id="h_icon2"><img alt="" src="https://cdn3.iconfinder.com/data/icons/freeapplication/png/24x24/Close.png" /></div>
<div style="top: 220px; width: 20px; height: 60px; display: none; position: absolute; leftt: 70px" id="b_icon2"><span onmouseup="document.getElementById('bannerfloatADS').style.display='none'"><img alt="" width="6" height="3" src="http://2.bp.blogspot.com/-MMPpCZmtMOk/Ta7bZ-q_ysI/AAAAAAAAAfo/iRHsnr_ZxVE/s1600/close.png" /></span></div></div>
<p>
<br/></p></div></div>

وهبة الساحر كتب:مرحبا,
بعد اذن الاخوة
تفضل عزيزى هذا طلبك؟

الكود:


  <style>
#topbar {
height:30px;
width:auto;
background-repeat:repeat-x;
text-align:left;
padding-top:4px;
}
#adsground {
height:auto;
margin:0 auto;
width: 0px;
background:#fff;
border-bottom:2px #005094 solid;
border-right:2px #005094 solid;
border-left:2px #005094 solid;
text-align:center;
padding:4px;
}
#headlineatas {
opacity:1.0;
height:auto;
width:auto;
position:fixed;
top:-30px;
left:-30px;
border-bottom:1px #005094 solid;
border-bottom:0px blue solid;
color:#333;
padding:0px;
z-index:1001;
font-size:13px;}
</style>
<script type="text/javascript">
function getValue()
{
document.getElementById("headlineatas").style.display = 'none';
}
</script>
<div id="headlineatas">
<div id="topbar">
</div>
<div id="adsground">
<p align="left"><h3></h3></p>
<script type="text/javascript">
$(document).ready(function(){
$('div#b_icon1').hide();
$('div#b_icon2').hide();
$('div#b_icon3').hide();
$("div#h_icon1").mouseover(function() {
$('div#h_icon1').hide();
$('div#b_icon1').show();
});
$("div#h_icon2").mouseover(function() {
$('div#h_icon2').hide();
$('div#b_icon2').show();
});
$("div#h_icon3").mouseover(function() {
$('div#h_icon3').hide();
$('div#b_icon3').show();
});
$('div#b_icon1').click(function(){
$('#bannerfloat03').html('');
});
});
</script>
<div style="left: 500px; top: 300px; width: 338px; height: 280px; position: absolute" id="bannerfloatADS">
        <a href="رابط الصفحة التي تريد فتحها" target="_blank"><img src="رابط الصوره" border="0"><div style="left: 250px; top: 70px; width: 40px; height: 0px; position: absolute" id="h_icon2"><img alt="" src="https://cdn3.iconfinder.com/data/icons/freeapplication/png/24x24/Close.png" /></div>
<div style="top: 220px; width: 20px; height: 60px; display: none; position: absolute; leftt: 70px" id="b_icon2"><span onmouseup="document.getElementById('bannerfloatADS').style.display='none'"><img alt="" width="6" height="3" src="http://2.bp.blogspot.com/-MMPpCZmtMOk/Ta7bZ-q_ysI/AAAAAAAAAfo/iRHsnr_ZxVE/s1600/close.png" /></span></div></div>
<p>
<br/></p></div></div>

- طريقة وضع الأكواد الصحيحة فى كافة الأماكن

الكود:


<script language="JavaScript1.2">

var ie=document.all
var dom=document.getElementById
var ns4=document.layers

var bouncelimit=32 //(must be divisible by 8)
var direction="up"

function initbox(){
if (!dom&&!ie&&!ns4)
return
crossobj=(dom)?document.getElementById("dropin").style : ie? document.all.dropin : document.dropin
scroll_top=(ie)? document.body.scrollTop : window.pageYOffset
crossobj.top=scroll_top-250
crossobj.visibility=(dom||ie)? "visible" : "show"
dropstart=setInterval("dropin()",50)
}

function dropin(){
scroll_top=(ie)? document.body.scrollTop : window.pageYOffset
if (parseInt(crossobj.top)<100+scroll_top)
crossobj.top=parseInt(crossobj.top)+40
else{
clearInterval(dropstart)
bouncestart=setInterval("bouncein()",50)
}
}

function bouncein(){
crossobj.top=parseInt(crossobj.top)-bouncelimit
if (bouncelimit<0)
bouncelimit+=8
bouncelimit=bouncelimit*-1
if (bouncelimit==0){
clearInterval(bouncestart)
}
}

function dismissbox(){
if (window.bouncestart) clearInterval(bouncestart)
crossobj.visibility="hidden"
}


window.onload=initbox

</script></head>

<body>
<div id="dropin" style="position:absolute;visibility:hidden;left:260;top:100;width:385;height:118;background-color:#F5F5F5">

<div align="right"><a href="#" onClick="dismissbox();return false">[اغلاق
  ] </a>                           
  <b><span lang="ar-sa"><font face="Tahoma" size="2">إعــــــلان</font></span></b></div>
<center>
<p><a href="رابط الصفحة التي تريد فتحها" target="_blank">
<img title="اسم الاعلان عند المرور عليه" alt="اسم الاعلان" src="رابط الصوره" border="0" width="468" height="60"></a></p>
</center>

</div>

الكود:


<style>
#topbar {
height:30px;
width:auto;
background-repeat:repeat-x;
text-align:left;
padding-top:4px;
}
#adsground {
height:auto;
margin:0 auto;
width: 0px;
background:#fff;
border-bottom:2px #005094 solid;
border-right:2px #005094 solid;
border-left:2px #005094 solid;
text-align:center;
padding:4px;
}
#headlineatas {
opacity:1.0;
height:auto;
width:auto;
position:fixed;
top:-30px;
left:-30px;
border-bottom:1px #005094 solid;
border-bottom:0px blue solid;
color:#333;
padding:0px;
z-index:1001;
font-size:13px;}
</style>
<script type="text/javascript">
function getValue()
{
document.getElementById("headlineatas").style.display = 'none';
}
</script>
<div id="headlineatas">
<div id="topbar">
</div>
<div id="adsground">
<p align="left"><h3></h3></p>
<script type="text/javascript">
$(document).ready(function(){
$('div#b_icon1').hide();
$('div#b_icon2').hide();
$('div#b_icon3').hide();
$("div#h_icon1").mouseover(function() {
$('div#h_icon1').hide();
$('div#b_icon1').show();
});
$("div#h_icon2").mouseover(function() {
$('div#h_icon2').hide();
$('div#b_icon2').show();
});
$("div#h_icon3").mouseover(function() {
$('div#h_icon3').hide();
$('div#b_icon3').show();
});
$('div#b_icon1').click(function(){
$('#bannerfloat03').html('');
});
});
</script>
<div style="left: 500px; top: 300px; width: 338px; height: 280px; position: absolute" id="bannerfloatADS">
<a href="رابط الصفحة التي تريد فتحها" target="_blank"><img src="رابط الصوره" border="0"><div style="left: 250px; top: 70px; width: 40px; height: 0px; position: absolute" id="h_icon2"><img alt="" src="https://cdn3.iconfinder.com/data/icons/freeapplication/png/24x24/Close.png" /></div>
<div style="top: 220px; width: 20px; height: 60px; display: none; position: absolute; leftt: 70px" id="b_icon2"><span onmouseup="document.getElementById('bannerfloatADS').style.display='none'"><img alt="" width="6" height="3" src="http://2.bp.blogspot.com/-MMPpCZmtMOk/Ta7bZ-q_ysI/AAAAAAAAAfo/iRHsnr_ZxVE/s1600/close.png" /></span></div></div>
<p>
<br/></p></div></div>

الكود:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
    <style>
    #fanback {
    display:none;
    background:rgba(0,0,0,0.8);
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:99999;
    }
    #fan-exit {
    width:100%;
    height:100%;
    }
    #fanbox {
    background:white;
    width:420px;
    height:270px;
    position:absolute;
    top:58%;
    left:63%;
    margin:-220px 0 0 -375px;
    -webkit-box-shadow: inset 0 0 50px 0 #939393;
    -moz-box-shadow: inset 0 0 50px 0 #939393;
    box-shadow: inset 0 0 50px 0 #939393;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: -220px 0 0 -375px;
    }
    #fanclose {
    float:right;
    cursor:pointer;
    background:url(http://3.bp.blogspot.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9O7O1q3c8/s1600/fanclose.png) repeat;
    height:15px;
    padding:20px;
    position:relative;
    padding-right:40px;
    margin-top:-20px;
    margin-right:-22px;
    }
    .remove-borda {
    height:1px;
    width:366px;
    margin:0 auto;
    background:#F3F3F3;
    margin-top:16px;
    position:relative;
    margin-left:20px;
    }
    </style>


    <script type='text/javascript'>
    //<![CDATA[
    jQuery.cookie = function (key, value, options) {

    // key and at least value given, set cookie...
    if (arguments.length > 1 && String(value) !== "[object Object]") {
    options = jQuery.extend({}, options);

    if (value === null || value === undefined) {
    options.expires = -1;
    }

    if (typeof options.expires === 'number') {
    var days = options.expires, t = options.expires = new Date();
    t.setDate(t.getDate() + days);
    }

    value = String(value);

    return (document.cookie = [
    encodeURIComponent(key), '=',
    options.raw ? value : encodeURIComponent(value),
    options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
    options.path ? '; path=' + options.path : '',
    options.domain ? '; domain=' + options.domain : '',
    options.secure ? '; secure' : ''
    ].join(''));
    }

    // key and possibly options given, get cookie...
    options = value || {};
    var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
    return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
    };
    //]]>
    </script>
    <script type='text/javascript'>
    jQuery(document).ready(function($){
    if($.cookie('popup_user_login') != 'yes'){
    $('#fanback').delay(100).fadeIn('medium');
    $('#fanclose, #fan-exit').click(function(){
    $('#fanback').stop().fadeOut('medium');
    });
    }
    $.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
    });
    </script>

    <div id='fanback'><div id='fan-exit'></div><div id='fanbox'><div id='fanclose'></div><div class='remove-borda'></div>
    <!--ضع محتوي الاعلان تحت هذا السطر-->
<a href="رابط الصفحة التي تريد فتحها" target="_blank"><img src="رابط الصوره" border="0">

    <!--توقف من تعديل لاتعدل شي وراء هذا السطر-->
    </div></div>

وهبة الساحر كتب:اها , جرب هذا

الكود:


<script language="JavaScript1.2">

var ie=document.all
var dom=document.getElementById
var ns4=document.layers

var bouncelimit=32 //(must be divisible by
var direction="up"

function initbox(){
if (!dom&&!ie&&!ns4)
return
crossobj=(dom)?document.getElementById("dropin").style : ie? document.all.dropin : document.dropin
scroll_top=(ie)? document.body.scrollTop : window.pageYOffset
crossobj.top=scroll_top-250
crossobj.visibility=(dom||ie)? "visible" : "show"
dropstart=setInterval("dropin()",50)
}

function dropin(){
scroll_top=(ie)? document.body.scrollTop : window.pageYOffset
if (parseInt(crossobj.top)<100+scroll_top)
crossobj.top=parseInt(crossobj.top)+40
else{
clearInterval(dropstart)
bouncestart=setInterval("bouncein()",50)
}
}

function bouncein(){
crossobj.top=parseInt(crossobj.top)-bouncelimit
if (bouncelimit<0)
bouncelimit+=8
bouncelimit=bouncelimit*-1
if (bouncelimit==0){
clearInterval(bouncestart)
}
}

function dismissbox(){
if (window.bouncestart) clearInterval(bouncestart)
crossobj.visibility="hidden"
}


window.onload=initbox

</script></head>

<body>
<div id="dropin" style="position:absolute;visibility:hidden;left:260;top:100;width:385;height:118;background-color:#F5F5F5">

<div align="right"><a href="#" onClick="dismissbox();return false">[اغلاق
  ] </a>                           
  <b><span lang="ar-sa"><font face="Tahoma" size="2">إعــــــلان</font></span></b></div>
<center>
<p><a href="رابط الصفحة التي تريد فتحها" target="_blank">
<img title="اسم الاعلان عند المرور عليه" alt="اسم الاعلان" src="رابط الصوره" border="0" width="468" height="60"></a></p>
</center>

</div>

+
كود اخر

الكود:


<style>
#topbar {
height:30px;
width:auto;
background-repeat:repeat-x;
text-align:left;
padding-top:4px;
}
#adsground {
height:auto;
margin:0 auto;
width: 0px;
background:#fff;
border-bottom:2px #005094 solid;
border-right:2px #005094 solid;
border-left:2px #005094 solid;
text-align:center;
padding:4px;
}
#headlineatas {
opacity:1.0;
height:auto;
width:auto;
position:fixed;
top:-30px;
left:-30px;
border-bottom:1px #005094 solid;
border-bottom:0px blue solid;
color:#333;
padding:0px;
z-index:1001;
font-size:13px;}
</style>
<script type="text/javascript">
function getValue()
{
document.getElementById("headlineatas").style.display = 'none';
}
</script>
<div id="headlineatas">
<div id="topbar">
</div>
<div id="adsground">
<p align="left"><h3></h3></p>
<script type="text/javascript">
$(document).ready(function(){
$('div#b_icon1').hide();
$('div#b_icon2').hide();
$('div#b_icon3').hide();
$("div#h_icon1").mouseover(function() {
$('div#h_icon1').hide();
$('div#b_icon1').show();
});
$("div#h_icon2").mouseover(function() {
$('div#h_icon2').hide();
$('div#b_icon2').show();
});
$("div#h_icon3").mouseover(function() {
$('div#h_icon3').hide();
$('div#b_icon3').show();
});
$('div#b_icon1').click(function(){
$('#bannerfloat03').html('');
});
});
</script>
<div style="left: 500px; top: 300px; width: 338px; height: 280px; position: absolute" id="bannerfloatADS">
<a href="رابط الصفحة التي تريد فتحها" target="_blank"><img src="رابط الصوره" border="0"><div style="left: 250px; top: 70px; width: 40px; height: 0px; position: absolute" id="h_icon2"><img alt="" src="https://cdn3.iconfinder.com/data/icons/freeapplication/png/24x24/Close.png" /></div>
<div style="top: 220px; width: 20px; height: 60px; display: none; position: absolute; leftt: 70px" id="b_icon2"><span onmouseup="document.getElementById('bannerfloatADS').style.display='none'"><img alt="" width="6" height="3" src="http://2.bp.blogspot.com/-MMPpCZmtMOk/Ta7bZ-q_ysI/AAAAAAAAAfo/iRHsnr_ZxVE/s1600/close.png" /></span></div></div>
<p>
<br/></p></div></div>

اخر
 

الكود:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
    <style>
    #fanback {
    display:none;
    background:rgba(0,0,0,0.8);
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:99999;
    }
    #fan-exit {
    width:100%;
    height:100%;
    }
    #fanbox {
    background:white;
    width:420px;
    height:270px;
    position:absolute;
    top:58%;
    left:63%;
    margin:-220px 0 0 -375px;
    -webkit-box-shadow: inset 0 0 50px 0 #939393;
    -moz-box-shadow: inset 0 0 50px 0 #939393;
    box-shadow: inset 0 0 50px 0 #939393;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: -220px 0 0 -375px;
    }
    #fanclose {
    float:right;
    cursor:pointer;
    background:url(http://3.bp.blogspot.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9O7O1q3c8/s1600/fanclose.png) repeat;
    height:15px;
    padding:20px;
    position:relative;
    padding-right:40px;
    margin-top:-20px;
    margin-right:-22px;
    }
    .remove-borda {
    height:1px;
    width:366px;
    margin:0 auto;
    background:#F3F3F3;
    margin-top:16px;
    position:relative;
    margin-left:20px;
    }
    </style>


    <script type='text/javascript'>
    //<![CDATA[
    jQuery.cookie = function (key, value, options) {

    // key and at least value given, set cookie...
    if (arguments.length > 1 && String(value) !== "[object Object]") {
    options = jQuery.extend({}, options);

    if (value === null || value === undefined) {
    options.expires = -1;
    }

    if (typeof options.expires === 'number') {
    var days = options.expires, t = options.expires = new Date();
    t.setDate(t.getDate() + days);
    }

    value = String(value);

    return (document.cookie = [
    encodeURIComponent(key), '=',
    options.raw ? value : encodeURIComponent(value),
    options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
    options.path ? '; path=' + options.path : '',
    options.domain ? '; domain=' + options.domain : '',
    options.secure ? '; secure' : ''
    ].join(''));
    }

    // key and possibly options given, get cookie...
    options = value || {};
    var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
    return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
    };
    //]]>
    </script>
    <script type='text/javascript'>
    jQuery(document).ready(function($){
    if($.cookie('popup_user_login') != 'yes'){
    $('#fanback').delay(100).fadeIn('medium');
    $('#fanclose, #fan-exit').click(function(){
    $('#fanback').stop().fadeOut('medium');
    });
    }
    $.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
    });
    </script>

    <div id='fanback'><div id='fan-exit'></div><div id='fanbox'><div id='fanclose'></div><div class='remove-borda'></div>
    <!--ضع محتوي الاعلان تحت هذا السطر-->
<a href="رابط الصفحة التي تريد فتحها" target="_blank"><img src="رابط الصوره" border="0">

    <!--توقف من تعديل لاتعدل شي وراء هذا السطر-->
    </div></div>