منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.


انشاء منتدى مجاني شبيه بهذا المنتدى

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

معلومة طلب كود لتبدل البنرات

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

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


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


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


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


وشكرًا.


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

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

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

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

معلومة رد: طلب كود لتبدل البنرات

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

تفضل يا صديقي:
فقد يفيدك هذا
http://help.ahlamontada.com/t1010969-topic
avatar
Ahd allah
احلى مساعد
احلى مساعد

ذكر
عدد المساهمات : 2238
معدل النشاط : 4203
السُمعة : 164

http://madany.moontada.net

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

معلومة رد: طلب كود لتبدل البنرات

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

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

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

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

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

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

معلومة رد: طلب كود لتبدل البنرات

مُساهمة من طرف 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>




avatar
Ahd allah
احلى مساعد
احلى مساعد

ذكر
عدد المساهمات : 2238
معدل النشاط : 4203
السُمعة : 164

http://madany.moontada.net

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

معلومة رد: طلب كود لتبدل البنرات

مُساهمة من طرف 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>





يا صديقي، 


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


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

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

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

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

معلومة رد: طلب كود لتبدل البنرات

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

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

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

http://help-pub.3oloum.org/

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

معلومة رد: طلب كود لتبدل البنرات

مُساهمة من طرف 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
avatar
Ahd allah
احلى مساعد
احلى مساعد

ذكر
عدد المساهمات : 2238
معدل النشاط : 4203
السُمعة : 164

http://madany.moontada.net

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

معلومة رد: طلب كود لتبدل البنرات

مُساهمة من طرف 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

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


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

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

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

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

معلومة رد: طلب كود لتبدل البنرات

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

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

ذكر
عدد المساهمات : 2238
معدل النشاط : 4203
السُمعة : 164

http://madany.moontada.net

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

معلومة رد: طلب كود لتبدل البنرات

مُساهمة من طرف 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>
                     

avatar
Ahd allah
احلى مساعد
احلى مساعد

ذكر
عدد المساهمات : 2238
معدل النشاط : 4203
السُمعة : 164

http://madany.moontada.net

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

معلومة رد: طلب كود لتبدل البنرات

مُساهمة من طرف 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>
                      


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

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

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

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

معلومة رد: طلب كود لتبدل البنرات

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

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

ذكر
عدد المساهمات : 2238
معدل النشاط : 4203
السُمعة : 164

http://madany.moontada.net

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

معلومة رد: طلب كود لتبدل البنرات

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

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

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

ذكر
عدد المساهمات : 3154
معدل النشاط : 6793
السُمعة : 71

http://help.ahlamontada.com#

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

معلومة رد: طلب كود لتبدل البنرات

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

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

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

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

+

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

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


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

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

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

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

معلومة رد: طلب كود لتبدل البنرات

مُساهمة من طرف 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 />
بالتوفيق أخي .
avatar
Ahd allah
احلى مساعد
احلى مساعد

ذكر
عدد المساهمات : 2238
معدل النشاط : 4203
السُمعة : 164

http://madany.moontada.net

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

معلومة رد: طلب كود لتبدل البنرات

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

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

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

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

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

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

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

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

معلومة رد: طلب كود لتبدل البنرات

مُساهمة من طرف 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
avatar
DeLeTe
 
 

ذكر
عدد المساهمات : 3154
معدل النشاط : 6793
السُمعة : 71

http://help.ahlamontada.com#

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

معلومة رد: طلب كود لتبدل البنرات

مُساهمة من طرف 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
ويظهر أنَّ العارضة قد وَسَّعت من عرض الموقع، لو تستطيع حل ذلك أكون سعيدًا. 
كذلك أشكر كل من ساهم في حل هذه المشكلة، وبالتوفيق للجميع. 
avatar
Burns Brad
 
 

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

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

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

معلومة رد: طلب كود لتبدل البنرات

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

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

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

ذكر
عدد المساهمات : 3154
معدل النشاط : 6793
السُمعة : 71

http://help.ahlamontada.com#

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

معلومة رد: طلب كود لتبدل البنرات

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

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

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

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

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

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

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

معلومة رد: طلب كود لتبدل البنرات

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

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

ذكر
عدد المساهمات : 2238
معدل النشاط : 4203
السُمعة : 164

http://madany.moontada.net

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

معلومة رد: طلب كود لتبدل البنرات

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

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

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

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

وشكرًا.
avatar
Burns Brad
 
 

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

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

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

معلومة رد: طلب كود لتبدل البنرات

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

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

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

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

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

ذكر
عدد المساهمات : 2238
معدل النشاط : 4203
السُمعة : 164

http://madany.moontada.net

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

معلومة رد: طلب كود لتبدل البنرات

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

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

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

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

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

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

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

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

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


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