طلب كود لتبدل البنرات

4 مشترك

اذهب الى الأسفل

طلب كود لتبدل البنرات Empty طلب كود لتبدل البنرات

مُساهمة من طرف Burns Brad الأحد 29 مايو 2016 - 18:44

السلام عليكم، 


أريد كود يستعرض ثلاثة بنرات ومن ثم تتغير هذه الثلاثة بنرات إلى


 ثلاثة أخرى وبطريقة بسيطة وخفيفة على الموقع.


كما أتمنى أنَّ يكون الكود محتويًا على ميزة فتح نافذة مستقلة عند الضغط على البنر. 


وشكرًا.


عدل سابقا من قبل Burns Brad في الخميس 2 يونيو 2016 - 18:26 عدل 1 مرات
Burns Brad
Burns Brad

طلب كود لتبدل البنرات 01010

ذكر
عدد المساهمات : 16
معدل النشاط : 3309
السُمعة : 1

http://burns-brad.forumarabia.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود لتبدل البنرات Empty رد: طلب كود لتبدل البنرات

مُساهمة من طرف Ahd allah الأحد 29 مايو 2016 - 19:57

تفضل يا صديقي:
فقد يفيدك هذا
https://help.ahlamontada.com/t1010969-topic
Ahd allah
Ahd allah
 
 

ذكر
عدد المساهمات : 1635
معدل النشاط : 7606
السُمعة : 209

https://madany.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود لتبدل البنرات Empty رد: طلب كود لتبدل البنرات

مُساهمة من طرف Burns Brad الأحد 29 مايو 2016 - 21:24

ahd allah كتب:
تفضل يا صديقي:
فقد يفيدك هذا
https://help.ahlamontada.com/t1010969-topic

لقد ألقيت نظرة عليه قبل وضعي للموضوع ولم ينفعني.
Burns Brad
Burns Brad

طلب كود لتبدل البنرات 01010

ذكر
عدد المساهمات : 16
معدل النشاط : 3309
السُمعة : 1

http://burns-brad.forumarabia.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود لتبدل البنرات Empty رد: طلب كود لتبدل البنرات

مُساهمة من طرف Ahd allah الأحد 29 مايو 2016 - 21:38

شوف هذا الكود أخي
يوضع في التشكيلات العامة
قم بوضع رابط منتداك في الكود مكان mybannermaker.com

الكود:
<a href="http://www.mybannermaker.com" target="_blank"><img src="http://i.imgur.com/4Lo3QXh.png" alt='Create your own banner at mybannermaker.com!' border=0 /></a><br>Copy this code to your website to display this banner!<br><textarea cols="40" rows="2"><a href="http://www.mybannermaker.com" target="_blank"><img src="http://i.imgur.com/4Lo3QXh.png" alt='Create your own banner at mybannermaker.com!' border=0 /></a><br></textarea>




Ahd allah
Ahd allah
 
 

ذكر
عدد المساهمات : 1635
معدل النشاط : 7606
السُمعة : 209

https://madany.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود لتبدل البنرات Empty رد: طلب كود لتبدل البنرات

مُساهمة من طرف Burns Brad الأحد 29 مايو 2016 - 22:37

ahd allah كتب:
شوف هذا الكود أخي
يوضع في التشكيلات العامة
قم بوضع رابط منتداك في الكود مكان mybannermaker.com

الكود:
<a href="http://www.mybannermaker.com" target="_blank"><img src="http://i.imgur.com/4Lo3QXh.png" alt='Create your own banner at mybannermaker.com!' border=0 /></a><br>Copy this code to your website to display this banner!<br><textarea cols="40" rows="2"><a href="http://www.mybannermaker.com" target="_blank"><img src="http://i.imgur.com/4Lo3QXh.png" alt='Create your own banner at mybannermaker.com!' border=0 /></a><br></textarea>





يا صديقي، 


ما أريده هو كود يحرك البنرات من اليمين إلى اليسار شيء كهذا. 


بينما الكود الذي وضعته لم ينفعني بشيء.
Burns Brad
Burns Brad

طلب كود لتبدل البنرات 01010

ذكر
عدد المساهمات : 16
معدل النشاط : 3309
السُمعة : 1

http://burns-brad.forumarabia.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود لتبدل البنرات Empty رد: طلب كود لتبدل البنرات

مُساهمة من طرف Mahmoud Eslam الأحد 29 مايو 2016 - 22:39

أهلاً بك ,
لو سمحت عزيزى ارفق لنا صورة توضح لنا ما تريد بالضبط !؟ clown
Mahmoud Eslam
Mahmoud Eslam
 
 

ذكر
عدد المساهمات : 2367
معدل النشاط : 7861
السُمعة : 53

http://mosa3edon.yoo7.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود لتبدل البنرات Empty رد: طلب كود لتبدل البنرات

مُساهمة من طرف Ahd allah الأحد 29 مايو 2016 - 22:51

أخي The Globetrotter
اولا اسعدتني مداخلتك الاولي معي في موضوع
ثانيا انا فهمت الان تقريبا ما يعنيه . فهو يقصد شريط اعلاني متحرك او سلايد شو
تفضل يا صديقي .
الكود:
<br />    <div align="center">
            <div class="page" style="width:100%; text-align:right">
                    <div style="padding:0px 25px 0px 25px">
    <div>
       <marquee>
       <a href="#"> <img src="http://i68.servimg.com/u/f68/16/46/77/76/14536610.png" /></a>
    <a href="#"> <img src="" /></a>          
    <a href="#"> <img src="" /></a>          
    <a href="#"> <img src="" /></a>          
    <a href="#"> <img src="" /></a>          
    <a href="#"> <img src="" /></a>          
    <a href="#"> <img src="" /></a>
    <a href="#"> <img src="" /></a>          
    <a href="#"> <img src="" /></a>
    <a href="#"> <img src="" /></a>          
          </marquee>
       </div>
    
ولا تنسي تغيير الروابط الخاصة بالصور ووضع رابط منتداك مع روابط التوجيه .
ويوضع في الهيدر او في التشكيلات العامة.
تقديري . Cool
Ahd allah
Ahd allah
 
 

ذكر
عدد المساهمات : 1635
معدل النشاط : 7606
السُمعة : 209

https://madany.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود لتبدل البنرات Empty رد: طلب كود لتبدل البنرات

مُساهمة من طرف Burns Brad الخميس 2 يونيو 2016 - 1:33

ahd allah كتب:
أخي The Globetrotter
اولا اسعدتني مداخلتك الاولي معي في موضوع
ثانيا انا فهمت الان تقريبا ما يعنيه . فهو يقصد شريط اعلاني متحرك او سلايد شو
تفضل يا صديقي .
الكود:
<br />    <div align="center">
            <div class="page" style="width:100%; text-align:right">
                    <div style="padding:0px 25px 0px 25px">
    <div>
       <marquee>
       <a href="#"> <img src="http://i68.servimg.com/u/f68/16/46/77/76/14536610.png" /></a>
    <a href="#"> <img src="" /></a>          
    <a href="#"> <img src="" /></a>          
    <a href="#"> <img src="" /></a>          
    <a href="#"> <img src="" /></a>          
    <a href="#"> <img src="" /></a>          
    <a href="#"> <img src="" /></a>
    <a href="#"> <img src="" /></a>          
    <a href="#"> <img src="" /></a>
    <a href="#"> <img src="" /></a>          
          </marquee>
       </div>
    
ولا تنسي تغيير الروابط الخاصة بالصور ووضع رابط منتداك مع روابط التوجيه .
ويوضع في الهيدر او في التشكيلات العامة.
تقديري . Cool

لا تزال تواجهني مشكلة صغيرة: 


كيف يمكنني تعديل الارتفاع ليتناسب مع حجم الصورة؟
Burns Brad
Burns Brad

طلب كود لتبدل البنرات 01010

ذكر
عدد المساهمات : 16
معدل النشاط : 3309
السُمعة : 1

http://burns-brad.forumarabia.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود لتبدل البنرات Empty رد: طلب كود لتبدل البنرات

مُساهمة من طرف Ahd allah الخميس 2 يونيو 2016 - 2:08

أوكي يا صديقي
سارسل لك الكود بعد ضبط الارتفاع
Ahd allah
Ahd allah
 
 

ذكر
عدد المساهمات : 1635
معدل النشاط : 7606
السُمعة : 209

https://madany.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود لتبدل البنرات Empty رد: طلب كود لتبدل البنرات

مُساهمة من طرف Ahd allah الخميس 2 يونيو 2016 - 2:12

جرب هذا بعد حذف الموجود عندك
الكود:

<marquee>
               <a href="#"> <img src="http://i68.servimg.com/u/f68/16/46/77/76/14536610.png" /></a>        <a href="#"> <img src="" /></a>                  <a href="#"> <img src="" /></a>                  <a href="#"> <img src="" /></a>                  <a href="#"> <img src="" /></a>                  <a href="#"> <img src="" /></a>                  <a href="#"> <img src="" /></a>        <a href="#"> <img src="" /></a>                  <a href="#"> <img src="" /></a>        <a href="#"> <img src="" /></a>                         
</marquee>
                     

Ahd allah
Ahd allah
 
 

ذكر
عدد المساهمات : 1635
معدل النشاط : 7606
السُمعة : 209

https://madany.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود لتبدل البنرات Empty رد: طلب كود لتبدل البنرات

مُساهمة من طرف Burns Brad الخميس 2 يونيو 2016 - 2:19

ahd allah كتب:
جرب هذا بعد حذف الموجود عندك
الكود:

<marquee>
                <a href="#"> <img src="http://i68.servimg.com/u/f68/16/46/77/76/14536610.png" /></a>        <a href="#"> <img src="" /></a>                  <a href="#"> <img src="" /></a>                  <a href="#"> <img src="" /></a>                  <a href="#"> <img src="" /></a>                  <a href="#"> <img src="" /></a>                  <a href="#"> <img src="" /></a>        <a href="#"> <img src="" /></a>                  <a href="#"> <img src="" /></a>        <a href="#"> <img src="" /></a>                          
</marquee>
                      


لم ينفع، كسابقه.
Burns Brad
Burns Brad

طلب كود لتبدل البنرات 01010

ذكر
عدد المساهمات : 16
معدل النشاط : 3309
السُمعة : 1

http://burns-brad.forumarabia.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود لتبدل البنرات Empty رد: طلب كود لتبدل البنرات

مُساهمة من طرف Ahd allah الخميس 2 يونيو 2016 - 2:26

أخي :
هل هناك اكواد أخري معه في التشكيلات العامة ؟
اذا كان هناك اكواد اخري فضعها هنا .
Ahd allah
Ahd allah
 
 

ذكر
عدد المساهمات : 1635
معدل النشاط : 7606
السُمعة : 209

https://madany.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود لتبدل البنرات Empty رد: طلب كود لتبدل البنرات

مُساهمة من طرف DeLeTe الخميس 2 يونيو 2016 - 2:46

السلام عليكم .. اعتذر على المقاطعة
ما الطول والعرض المطلوب لعرض جميع الصور بمقاس واحد؟ 

او قم بأعطائنا رابط الصورة التي تريد جميع الصور على نفس مقاساتها.
silent
DeLeTe
DeLeTe
 
 

ذكر
عدد المساهمات : 2752
معدل النشاط : 9362
السُمعة : 75

https://help.ahlamontada.com#

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود لتبدل البنرات Empty رد: طلب كود لتبدل البنرات

مُساهمة من طرف Burns Brad الخميس 2 يونيو 2016 - 2:47

ahd allah كتب:
أخي :
هل هناك اكواد أخري معه في التشكيلات العامة ؟
اذا كان هناك اكواد اخري فضعها هنا .

لا وجود لأكواد أخرى. 

بالمناسبة يا صديقي، قمت بمعاينة الكود مرة أخرى وعمل معي، لكن لا زال الارتفاع طويلًا قليلًا. 

+

هل تستطيع تسريع مرور البنرات؟ 

وأعتذر إن أكثرت عليك بالطلبات.


عدل سابقا من قبل Burns Brad في الخميس 2 يونيو 2016 - 2:48 عدل 1 مرات
Burns Brad
Burns Brad

طلب كود لتبدل البنرات 01010

ذكر
عدد المساهمات : 16
معدل النشاط : 3309
السُمعة : 1

http://burns-brad.forumarabia.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود لتبدل البنرات Empty رد: طلب كود لتبدل البنرات

مُساهمة من طرف Ahd allah الخميس 2 يونيو 2016 - 2:47

علي كل حال مع انك لم ترد علي سؤالي ى؟
تفضل :
اكواد أخري لعلها تعجبك وتحوذ رضاك يا صديقي



الكود:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>


<html xmlns="http://www.w3.org/1999/xhtml" dir="rtl">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>عنوان الصفحة</title><meta http-equiv="content-script-type"
 content="text/javascript" /><meta http-equiv="content-style-type"
content="text/css" /><meta http-equiv="imagetoolbar" content="no"
  />

<meta name="google-site-verification" content="P7BJggJ24VHn6Tj47PJcOEZAY-D28VmZHKMCQX-93y0" />
 <HTML dir=rtl>

<style type="text/css">
html {
overflow: hidden;
}
body {
position: absolute;
margin: 0px;
padding: 0px;
background: #111;
width: 100%;
height: 100%;
}
#center {
position: absolute;
left: 50%;
top:  50%;
}
#slider {
position: absolute;
width: 820px;
height: 333px;
left: -430px;
top: -186px;
overflow: hidden;
background: #000;
border: 20px solid #000;
}
#slider .slide {
position: absolute;
top: 0px;
height: 333px;
width: 500px;
background: #000;
overflow: hidden;
border-left: #000 solid 1px;
cursor: default;
}
#slider .title   {
color: #F80;
font-weight: bold;
font-size: 1.2em;
margin-right: 1.5em;
text-decoration: none;
}
#slider .backgroundText {
position: absolute;
width: 100%;
height: 100%;
top: 100%;
background: #000;
filter: alpha(opacity=40);
opacity: 0.4;
}
#slider .text {
position: absolute;
top: 1%;
top: 100%;
color: #FFF;
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 0.9em;
text-align: justify;
width: 470px;
left: 10px;
}
#slider .diapo {
position: absolute;
filter: alpha(opacity=100);
opacity: 1;
visibility: hidden;
}
a:link {
color: Lime;
text-decoration:none;
}
a:visited {
color: Lime;
text-decoration:none;
}
a:hover {
color:DarkOrange;
text-decoration:none;
}
   
a {text-decoration: none;}
a:hover {
text-shadow: 2px 2px 2px #73729c;
text-decoration: none !important;
}

a:hover
{
background: url(http://i65.servimg.com/u/f65/16/35/21/30/undo10.gif) no-repeat right;
padding:10px 30px 10px 10px;
}



</style>

<script type="text/javascript">
/* ==== slider nameSpace ==== */
var slider = function() {
/* ==== private methods ==== */
function getElementsByClass(object, tag, className) {
var o = object.getElementsByTagName(tag);
for ( var i = 0, n = o.length, ret = []; i < n; i++) {
if (o[i].className == className) ret.push(o[i]);
}
if (ret.length == 1) ret = ret[0];
return ret;
}
function setOpacity (obj,o) {
if (obj.filters) obj.filters.alpha.opacity = Math.round(o);
else obj.style.opacity = o / 100;
}
/* ==== Slider Constructor ==== */
function Slider(oCont, speed, iW, iH, oP) {
this.slides = [];
this.over = false;
this.S  = this.S0 = speed;
this.iW  = iW;
this.iH = iH;
this.oP   = oP;
this.oc     = document.getElementById(oCont);
this.frm    = getElementsByClass(this.oc, 'div', 'slide');
this.NF     = this.frm.length;
this.resize();
for (var i = 0; i < this.NF; i++) {
this.slides[i] = new Slide(this, i);
}
this.oc.parent = this;
this.view      = this.slides[0];
this.Z         = this.mx;
/* ==== on mouse out event ==== */
this.oc.onmouseout = function () {
this.parent.mouseout();
return false;
        }
    }
    Slider.prototype = {
        /* ==== animation loop ==== */
        run : function () {
            this.Z += this.over ? (this.mn - this.Z) * .5 : (this.mx - this.Z) * .5;
            this.view.calc();
            var i = this.NF;
            while (i--) this.slides[i].move();
        },
        /* ==== resize  ==== */
        resize : function () {
            this.wh = this.oc.clientWidth;
            this.ht = this.oc.clientHeight;
            this.wr = this.wh * this.iW;
            this.r  = this.ht / this.wr;
            this.mx = this.wh / this.NF;
            this.mn = (this.wh * (1 - this.iW)) / (this.NF - 1);
        },
        /* ==== rest  ==== */
        mouseout : function () {
            this.over      = false;
            setOpacity(this.view.img, this.oP);
        }
    }
    /* ==== Slide Constructor ==== */
    Slide = function (parent, N) {
        this.parent = parent;
        this.N      = N;
        this.x0     = this.x1 = N * parent.mx;
        this.v      = 0;
        this.loaded = false;
        this.cpt    = 0;
        this.start  = new Date();
        this.obj    = parent.frm[N];
        this.txt    = getElementsByClass(this.obj, 'div', 'text');
        this.img    = getElementsByClass(this.obj, 'img', 'diapo');
        this.bkg    = document.createElement('div');
        this.bkg.className = 'backgroundText';
        this.obj.insertBefore(this.bkg, this.txt);
        if (N == 0) this.obj.style.borderLeft = 'none';
        this.obj.style.left = Math.floor(this.x0) + 'px';
        setOpacity(this.img, parent.oP);
        /* ==== mouse events ==== */
        this.obj.parent = this;
        this.obj.onmouseover = function() {
            this.parent.over();
            return false;
        }
    }
    Slide.prototype = {
        /* ==== target positions ==== */
        calc : function() {
            var that = this.parent;
            // left slides
            for (var i = 0; i <= this.N; i++) {
                that.slides[i].x1 = i * that.Z;
            }
            // right slides
            for (var i = this.N + 1; i < that.NF; i++) {
                that.slides[i].x1 = that.wh - (that.NF - i) * that.Z;
            }
        },
        /* ==== HTML animation : move slides ==== */
        move : function() {
            var that = this.parent;
            var s = (this.x1 - this.x0) / that.S;
            /* ==== lateral slide ==== */
            if (this.N && Math.abs(s) > .5) {
                this.obj.style.left = Math.floor(this.x0 += s) + 'px';
            }
            /* ==== vertical text ==== */
            var v = (this.N < that.NF - 1) ? that.slides[this.N + 1].x0 - this.x0 : that.wh - this.x0;
            if (Math.abs(v - this.v) > .5) {
                this.bkg.style.top = this.txt.style.top = Math.floor(2 + that.ht - (v - that.Z) * that.iH * that.r) + 'px';
this.v = v;
this.cpt++;
} else {
if (!this.pro) {
/* ==== adjust speed ==== */
this.pro = true;
var tps = new Date() - this.start;
if(this.cpt > 1) {
that.S = Math.max(2, (28 / (tps / this.cpt)) * that.S0);
}
}
}
if (!this.loaded) {
if (this.img.complete) {
this.img.style.visibility = 'visible';
this.loaded = true;
}
}
},
/* ==== light ==== */
over : function () {
this.parent.resize();
this.parent.over = true;
setOpacity(this.parent.view.img, this.parent.oP);
this.parent.view = this;
this.start = new Date();
this.cpt = 0;
this.pro = false;
this.calc();
setOpacity(this.img, 100);
}
}
/* ==== public method - script initialization ==== */
    return {
init : function() {
// create instances of sliders here
// parameters : HTMLcontainer name, speed (2 fast - 20 slow), Horizontal ratio, vertical text ratio, opacity
this.s1 = new Slider("slider", 12, 1.84/3, 1/3.2, 70);
setInterval("slider.s1.run();", 16);
}
}
}();
</script>
</head>
<body>
<br>
<div
 style="text-align: center;"><font style="font-weight: bold;"
size="5"><span style="font-family: Tahoma;"><a href="رابط
منتداك">الرئيسية</a>   <a href="رابط البوابة او رابط
اخر">البوابة</a></span></font><br></div>

<div id="center">
<div id="slider">

<div class="slide">
<img
 class="diapo"
src="http://i48.servimg.com/u/f48/15/28/56/97/tt_bmp11.jpg" alt=" كلمات
دلالية للموضوع " width="500" height="333"><div class="text">

<span class="title">عنوان الموضوع باختصار</span>
 وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>


</div><div class="slide">
<img
 class="diapo"
src="http://i48.servimg.com/u/f48/15/28/56/97/tt_bmp11.jpg" alt="كلمات
دلالية للموضوع" width="500" height="333"><div class="text">
  <span class="title">عنوان الموضوع
</span>
 وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>

</div><div class="slide">
<img
 class="diapo"
src="http://i48.servimg.com/u/f48/15/28/56/97/tt_bmp11.jpg" alt=" كلمات
دلالية للموضوع" width="500" height="354"><div class="text">
  <span class="title">عنوان الموضوع</span>
 وصف موجز للموضوع .  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>


</div> <div class="slide">
<img
 class="diapo"
src="http://i48.servimg.com/u/f48/15/28/56/97/tt_bmp11.jpg" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span>
 وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>

</div> <div class="slide">
<img
 class="diapo"
src="http://i48.servimg.com/u/f48/15/28/56/97/tt_bmp11.jpg" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span>
 وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>


</div> <div class="slide">
<img
 class="diapo"
src="http://i48.servimg.com/u/f48/15/28/56/97/tt_bmp11.jpg" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span>
 وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>


</div> <div class="slide">
<img
 class="diapo"
src="http://i48.servimg.com/u/f48/15/28/56/97/tt_bmp11.jpg" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span>
وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>


</div> <div class="slide">
<img
 class="diapo"
src="http://i48.servimg.com/u/f48/15/28/56/97/tt_bmp11.jpg" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span>

وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>


</div> <div class="slide">
<img
 class="diapo"
src="http://i48.servimg.com/u/f48/15/28/56/97/tt_bmp11.jpg" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span>
وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>


</div> <div class="slide">

<img
 class="diapo"
src="http://i48.servimg.com/u/f48/15/28/56/97/tt_bmp11.jpg" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span>
وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>


</div> <div class="slide">
<img
 class="diapo"
src="http://i48.servimg.com/u/f48/15/28/56/97/tt_bmp11.jpg" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span>
وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>


</div> <div class="slide">
<img
 class="diapo"
src="http://i48.servimg.com/u/f48/15/28/56/97/tt_bmp11.jpg" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span>
وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>


</div> <div class="slide">
<img
 class="diapo"
src="http://i48.servimg.com/u/f48/15/28/56/97/tt_bmp11.jpg" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span>

وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>


</div> <div class="slide">
<img
 class="diapo"
src="http://i48.servimg.com/u/f48/15/28/56/97/tt_bmp11.jpg" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span>
وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>


</div> <div class="slide">

<img
 class="diapo"
src="http://i48.servimg.com/u/f48/15/28/56/97/tt_bmp11.jpg" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span>
وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>


</div> <div class="slide">
<img
 class="diapo"
src="http://i48.servimg.com/u/f48/15/28/56/97/tt_bmp11.jpg" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span>
وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.

</div>


</div> <div class="slide">
<img
 class="diapo"
src="http://i48.servimg.com/u/f48/15/28/56/97/tt_bmp11.jpg" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span>
وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>


</div> <div class="slide">
<img
 class="diapo"
src="http://i48.servimg.com/u/f48/15/28/56/97/tt_bmp11.jpg" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span>

وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>


</div> <div class="slide">
<img
 class="diapo"
src="http://i48.servimg.com/u/f48/15/28/56/97/tt_bmp11.jpg" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span>
وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>


</div> <div class="slide">
<img
 class="diapo"
src="http://i48.servimg.com/u/f48/15/28/56/97/tt_bmp11.jpg" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span>
وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>


</div> <div class="slide">
<img
 class="diapo"
src="http://i48.servimg.com/u/f48/15/28/56/97/tt_bmp11.jpg" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span>
وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>


</div> <div class="slide">
<img
 class="diapo"
src="http://i48.servimg.com/u/f48/15/28/56/97/tt_bmp11.jpg" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span>
وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>


</div> <div class="slide">
<img
 class="diapo"
src="http://i48.servimg.com/u/f48/15/28/56/97/tt_bmp11.jpg" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span>

وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>


</div> <div class="slide">
<img
 class="diapo"
src="http://i48.servimg.com/u/f48/15/28/56/97/tt_bmp11.jpg" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span>
وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>


</div> <div class="slide">
<img
 class="diapo"
src="http://i48.servimg.com/u/f48/15/28/56/97/tt_bmp11.jpg" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span>
وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>


</div> <div class="slide">
<img
 class="diapo"
src="http://i48.servimg.com/u/f48/15/28/56/97/tt_bmp11.jpg" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span>
وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>


</div> <div class="slide">
<img
 class="diapo"
src="http://i48.servimg.com/u/f48/15/28/56/97/tt_bmp11.jpg" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span>
وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>


</div> <div class="slide">
<img
 class="diapo"
src="http://i48.servimg.com/u/f48/15/28/56/97/tt_bmp11.jpg" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span>
وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>


</div> <div class="slide">
<img
 class="diapo"
src="http://i48.servimg.com/u/f48/15/28/56/97/tt_bmp11.jpg" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span>
وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>


</div> <div class="slide">
<img
 class="diapo"
src="http://i48.servimg.com/u/f48/15/28/56/97/tt_bmp11.jpg" alt="كلمات
دلالية للموضوع" width="500" height="335"><div class="text">
وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">شقرائة المزيد</a><br><br>.
</div>
</div>


<div class="slide">
<img
 class="diapo"
src="http://i48.servimg.com/u/f48/15/28/56/97/tt_bmp11.jpg" alt="كلمات
دلالية للموضوع " width="500" height="333"><div class="text">
   <span class="title">عنوان الموضوع</span>
 وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>.
</div>
</div>

<div class="slide">
<img
 class="diapo"
src="http://i48.servimg.com/u/f48/15/28/56/97/tt_bmp11.jpg" alt="كلمات
دلالية للموضوع" width="500" height="333"><div class="text">
   <span class="title">عنوان الموضوع</span>
 وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>
</div>

</div>
</div>

<script type="text/javascript">
/* ==== start script ==== */
slider.init();
</script>
 </body>
 </html>



الكود:
<div align="center">
        <div class="page" style="width:100%; text-align:right">
                <div style="padding:0px 25px 0px 25px">





<div>
 <marquee>
 <a href="#"> <img src="http://i68.servimg.com/u/f68/16/46/77/76/14536610.png" /></a>
<a href="#"> <img src="http://i68.servimg.com/u/f68/16/46/77/76/14536610.png" /></a>          
<a href="#"> <img src="http://i68.servimg.com/u/f68/16/46/77/76/14536610.png" /></a>          
<a href="#"> <img src="http://i68.servimg.com/u/f68/16/46/77/76/14536610.png" /></a>          
<a href="#"> <img src="http://i68.servimg.com/u/f68/16/46/77/76/14536610.png" /></a>          
<a href="#"> <img src="http://i68.servimg.com/u/f68/16/46/77/76/14536610.png" /></a>          
<a href="#"> <img src="http://i68.servimg.com/u/f68/16/46/77/76/14536610.png" /></a>
<a href="#"> <img src="http://i68.servimg.com/u/f68/16/46/77/76/14536610.png" /></a>          
<a href="#"> <img src="http://i68.servimg.com/u/f68/16/46/77/76/14536610.png" /></a>
<a href="#"> <img src="http://i68.servimg.com/u/f68/16/46/77/76/14536610.png" /></a>          
 </marquee>
 </div>
<script type="text/javascript" src="http://zwaar.org/code.js?id=296"></script>
<br />
بالتوفيق أخي .
Ahd allah
Ahd allah
 
 

ذكر
عدد المساهمات : 1635
معدل النشاط : 7606
السُمعة : 209

https://madany.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود لتبدل البنرات Empty رد: طلب كود لتبدل البنرات

مُساهمة من طرف Burns Brad الخميس 2 يونيو 2016 - 2:54

iNavalz كتب:السلام عليكم .. اعتذر على المقاطعة
ما الطول والعرض المطلوب لعرض جميع الصور بمقاس واحد؟ 

او قم بأعطائنا رابط الصورة التي تريد جميع الصور على نفس مقاساتها.
silent

وعليكم السلام، 

لا بأس، الارتفاع أريده 310 فقط، وشكرًا على المساعدة.
Burns Brad
Burns Brad

طلب كود لتبدل البنرات 01010

ذكر
عدد المساهمات : 16
معدل النشاط : 3309
السُمعة : 1

http://burns-brad.forumarabia.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود لتبدل البنرات Empty رد: طلب كود لتبدل البنرات

مُساهمة من طرف DeLeTe الخميس 2 يونيو 2016 - 3:16

تفضل:

الكود:
<br />    
<div align="center">
                    
 <div style="width:100%; text-align:right" class="page">
                            
 <div style="padding:0px 25px 0px 25px">
            
 <div>
              
 <marquee scrollamount="15">
           <a href="#"> <img style="width:300px; height:200px;" src="رابط الصورة" /></a>    <a href="#"> <img style="width:300px; height:200px;" src="رابط الصورة" /></a>              <a href="#"> <img src="رابط الصورة" style="width:300px; height:200px;" /></a>              <a href="#"> <img src="رابط الصورة" style="width:300px; height:200px;" /></a>              <a href="#"> <img src="رابط الصورة" style="width:300px; height:200px;" /></a>              <a href="#"> <img src="رابط الصورة" style="width:300px; height:200px;" /></a>              <a href="#"> <img src="رابط الصورة" style="width:300px; height:200px;" /></a>    <a href="#"> <img src="رابط الصورة" style="width:300px; height:200px;" /></a>              <a href="#"> <img src="رابط الصورة" style="width:300px; height:200px;" /></a>    <a href="#"> <img src="رابط الصورة" style="width:300px; height:200px;" /></a>                        
 </marquee>
              
 </div>
            
 </div>
      
 </div>
</div>

وضعت مقاسات الصور على الصورة التي لديك في منتداك بحيث تجعل اي صورة تضعها في الكود تتغير ابعادها تلقائياً
لا تنسى وضع الصور بتغيير "رابط الصورة"
ولا تنسى ايضا وضع روابط المواضبع والخ.. بتغيير العلامة "#"

ويمكنك ايضا تغيير سرعة مرور البنرات عن طريق تغيير الرقم 15 في الكود الموجود
الكود:
scrollamount="15"
كما هو معروف كلما كان الرقم اعلى كانت اسرع ..

silent
DeLeTe
DeLeTe
 
 

ذكر
عدد المساهمات : 2752
معدل النشاط : 9362
السُمعة : 75

https://help.ahlamontada.com#

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود لتبدل البنرات Empty رد: طلب كود لتبدل البنرات

مُساهمة من طرف Burns Brad الخميس 2 يونيو 2016 - 3:50

iNavalz كتب:تفضل:

الكود:
<br />    
<div align="center">
                    
 <div style="width:100%; text-align:right" class="page">
                            
 <div style="padding:0px 25px 0px 25px">
            
 <div>
              
 <marquee scrollamount="15">
           <a href="#"> <img style="width:300px; height:200px;" src="رابط الصورة" /></a>    <a href="#"> <img style="width:300px; height:200px;" src="رابط الصورة" /></a>              <a href="#"> <img src="رابط الصورة" style="width:300px; height:200px;" /></a>              <a href="#"> <img src="رابط الصورة" style="width:300px; height:200px;" /></a>              <a href="#"> <img src="رابط الصورة" style="width:300px; height:200px;" /></a>              <a href="#"> <img src="رابط الصورة" style="width:300px; height:200px;" /></a>              <a href="#"> <img src="رابط الصورة" style="width:300px; height:200px;" /></a>    <a href="#"> <img src="رابط الصورة" style="width:300px; height:200px;" /></a>              <a href="#"> <img src="رابط الصورة" style="width:300px; height:200px;" /></a>    <a href="#"> <img src="رابط الصورة" style="width:300px; height:200px;" /></a>                        
 </marquee>
              
 </div>
            
 </div>
      
 </div>
</div>

وضعت مقاسات الصور على الصورة التي لديك في منتداك بحيث تجعل اي صورة تضعها في الكود تتغير ابعادها تلقائياً
لا تنسى وضع الصور بتغيير "رابط الصورة"
ولا تنسى ايضا وضع روابط المواضبع والخ.. بتغيير العلامة "#"

ويمكنك ايضا تغيير سرعة مرور البنرات عن طريق تغيير الرقم 15 في الكود الموجود
الكود:
scrollamount="15"
كما هو معروف كلما كان الرقم اعلى كانت اسرع ..

silent

جزيل الشكر على هذه المُبادرة الطيبة، لقد نجح الأمر، ولكنني أتصفح موقعي بواسطة:
Baidu Browser
ويظهر أنَّ العارضة قد وَسَّعت من عرض الموقع، لو تستطيع حل ذلك أكون سعيدًا. 
كذلك أشكر كل من ساهم في حل هذه المشكلة، وبالتوفيق للجميع. 
Burns Brad
Burns Brad

طلب كود لتبدل البنرات 01010

ذكر
عدد المساهمات : 16
معدل النشاط : 3309
السُمعة : 1

http://burns-brad.forumarabia.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود لتبدل البنرات Empty رد: طلب كود لتبدل البنرات

مُساهمة من طرف DeLeTe الخميس 2 يونيو 2016 - 6:17

لأول مره اسمع بهذا المتصفح Laughing

على العموم
قم بحذف الاجزاء التالية جميعها من الكود لديك
الكود:
<a href="#"> <img src="رابط الصورة" style="width:300px; height:200px;" /></a>
واذا اردت وضع صورة جديدة قم باضافة الكود نفسه بين الصور الموجوده لديك
DeLeTe
DeLeTe
 
 

ذكر
عدد المساهمات : 2752
معدل النشاط : 9362
السُمعة : 75

https://help.ahlamontada.com#

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود لتبدل البنرات Empty رد: طلب كود لتبدل البنرات

مُساهمة من طرف Burns Brad الخميس 2 يونيو 2016 - 14:56

iNavalz كتب:لأول مره اسمع بهذا المتصفح Laughing

على العموم
قم بحذف الاجزاء التالية جميعها من الكود لديك
الكود:
<a href="#"> <img src="رابط الصورة" style="width:300px; height:200px;" /></a>
واذا اردت وضع صورة جديدة قم باضافة الكود نفسه بين الصور الموجوده لديك

فعلت كما طلبت مني، ولكن، بزيادة الصور يزداد العرض.
Burns Brad
Burns Brad

طلب كود لتبدل البنرات 01010

ذكر
عدد المساهمات : 16
معدل النشاط : 3309
السُمعة : 1

http://burns-brad.forumarabia.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود لتبدل البنرات Empty رد: طلب كود لتبدل البنرات

مُساهمة من طرف Ahd allah الخميس 2 يونيو 2016 - 16:22

أخي : يمكنك تصغير حجم الصور يا صديقي حتي لا يسبب لك مشاكل
فانا اري الصور اكبر من اللازم .
وان كنت لا تستطيع ضع الكود هنا وسيتم ضبط حجم جميع الصور .
Ahd allah
Ahd allah
 
 

ذكر
عدد المساهمات : 1635
معدل النشاط : 7606
السُمعة : 209

https://madany.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود لتبدل البنرات Empty رد: طلب كود لتبدل البنرات

مُساهمة من طرف Burns Brad الخميس 2 يونيو 2016 - 16:38

ahd allah كتب:
أخي : يمكنك تصغير حجم الصور يا صديقي حتي لا يسبب لك مشاكل
فانا اري الصور اكبر من اللازم .
وان كنت لا تستطيع ضع الكود هنا وسيتم ضبط حجم جميع الصور .

على قوقل كروم تعمل معي بشكل ممتاز، وبالفاير فوكس التحريك يتقطع، أما بواسطة المتصفح الذي ذكرته بالرد السابق
فهو يعمل بشكل ممتاز عدا أنه يزيد عرض الموقع. 

المُشكلة حُلَّت تقريبًا، ولكن إن كان هناك من يريد تعديل الكود ليَعمل على المُتصفح المذكور سابقًا كما في قوقل كروم فأتمنى أن يضع ردًّا 
قبلَ أن أضع إشارة الحل على الموضوع.

وشكرًا.
Burns Brad
Burns Brad

طلب كود لتبدل البنرات 01010

ذكر
عدد المساهمات : 16
معدل النشاط : 3309
السُمعة : 1

http://burns-brad.forumarabia.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود لتبدل البنرات Empty رد: طلب كود لتبدل البنرات

مُساهمة من طرف Ahd allah الخميس 2 يونيو 2016 - 17:54

Burns Brad كتب:
ahd allah كتب:
أخي : يمكنك تصغير حجم الصور يا صديقي حتي لا يسبب لك مشاكل
فانا اري الصور اكبر من اللازم .
وان كنت لا تستطيع ضع الكود هنا وسيتم ضبط حجم جميع الصور .

على قوقل كروم تعمل معي بشكل ممتاز، وبالفاير فوكس التحريك يتقطع، أما بواسطة المتصفح الذي ذكرته بالرد السابق
فهو يعمل بشكل ممتاز عدا أنه يزيد عرض الموقع. 

المُشكلة حُلَّت تقريبًا، ولكن إن كان هناك من يريد تعديل الكود ليَعمل على المُتصفح المذكور سابقًا كما في قوقل كروم فأتمنى أن يضع ردًّا 
قبلَ أن أضع إشارة الحل على الموضوع.

وشكرًا.
اذن عليك بتصغير حجم عرض الصور
وستحل المشكلة باذن الله يا صديقي .
بالتوفيق .
Ahd allah
Ahd allah
 
 

ذكر
عدد المساهمات : 1635
معدل النشاط : 7606
السُمعة : 209

https://madany.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

طلب كود لتبدل البنرات Empty رد: طلب كود لتبدل البنرات

مُساهمة من طرف Burns Brad الخميس 2 يونيو 2016 - 18:25

ahd allah كتب:
Burns Brad كتب:
ahd allah كتب:
أخي : يمكنك تصغير حجم الصور يا صديقي حتي لا يسبب لك مشاكل
فانا اري الصور اكبر من اللازم .
وان كنت لا تستطيع ضع الكود هنا وسيتم ضبط حجم جميع الصور .

على قوقل كروم تعمل معي بشكل ممتاز، وبالفاير فوكس التحريك يتقطع، أما بواسطة المتصفح الذي ذكرته بالرد السابق
فهو يعمل بشكل ممتاز عدا أنه يزيد عرض الموقع. 

المُشكلة حُلَّت تقريبًا، ولكن إن كان هناك من يريد تعديل الكود ليَعمل على المُتصفح المذكور سابقًا كما في قوقل كروم فأتمنى أن يضع ردًّا 
قبلَ أن أضع إشارة الحل على الموضوع.

وشكرًا.
اذن عليك بتصغير حجم عرض الصور
وستحل المشكلة باذن الله يا صديقي .
بالتوفيق .

تصغير أحجام عرضها سيؤثر على الصورة من ناحية، ولكن أتوجه لك بالشكر على ما قدمته أنت ومن ساهم بالرد
للمساعدة، وبالتوفيق للجميع.
Burns Brad
Burns Brad

طلب كود لتبدل البنرات 01010

ذكر
عدد المساهمات : 16
معدل النشاط : 3309
السُمعة : 1

http://burns-brad.forumarabia.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى