انشاء منتدى مجانيطلب كود لتبدل البنرات
4 مشترك
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"
صفحة 1 من اصل 1
طلب كود لتبدل البنرات
من طرف Burns Brad الأحد 29 مايو 2016 - 18:44
السلام عليكم،
أريد كود يستعرض ثلاثة بنرات ومن ثم تتغير هذه الثلاثة بنرات إلى
ثلاثة أخرى وبطريقة بسيطة وخفيفة على الموقع.
كما أتمنى أنَّ يكون الكود محتويًا على ميزة فتح نافذة مستقلة عند الضغط على البنر.
وشكرًا.
عدل سابقا من قبل Burns Brad في الخميس 2 يونيو 2016 - 18:26 عدل 1 مرات
Burns Brad
-
عدد المساهمات : 16
معدل النشاط : 3511
السُمعة : 1 -
Ahd allah-
-
عدد المساهمات : 1635
معدل النشاط : 7808
السُمعة : 209 -
رد: طلب كود لتبدل البنرات
من طرف Burns Brad الأحد 29 مايو 2016 - 21:24
ahd allah كتب:
لقد ألقيت نظرة عليه قبل وضعي للموضوع ولم ينفعني.
Burns Brad-
عدد المساهمات : 16
معدل النشاط : 3511
السُمعة : 1 -
رد: طلب كود لتبدل البنرات
من طرف Ahd allah الأحد 29 مايو 2016 - 21:38
شوف هذا الكود أخي
يوضع في التشكيلات العامة
قم بوضع رابط منتداك في الكود مكان mybannermaker.com
يوضع في التشكيلات العامة
قم بوضع رابط منتداك في الكود مكان 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-
-
عدد المساهمات : 1635
معدل النشاط : 7808
السُمعة : 209 -
رد: طلب كود لتبدل البنرات
من طرف 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-
عدد المساهمات : 16
معدل النشاط : 3511
السُمعة : 1 -
رد: طلب كود لتبدل البنرات
من طرف Mahmoud Eslam الأحد 29 مايو 2016 - 22:39
أهلاً بك ,
لو سمحت عزيزى ارفق لنا صورة توضح لنا ما تريد بالضبط !؟
لو سمحت عزيزى ارفق لنا صورة توضح لنا ما تريد بالضبط !؟
Mahmoud Eslam-
-
عدد المساهمات : 2367
معدل النشاط : 8063
السُمعة : 53 -
رد: طلب كود لتبدل البنرات
من طرف 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>
ويوضع في الهيدر او في التشكيلات العامة.
تقديري .
Ahd allah-
-
عدد المساهمات : 1635
معدل النشاط : 7808
السُمعة : 209 -
رد: طلب كود لتبدل البنرات
من طرف 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>
ويوضع في الهيدر او في التشكيلات العامة.
تقديري .
لا تزال تواجهني مشكلة صغيرة:
كيف يمكنني تعديل الارتفاع ليتناسب مع حجم الصورة؟
Burns Brad-
عدد المساهمات : 16
معدل النشاط : 3511
السُمعة : 1 -
رد: طلب كود لتبدل البنرات
من طرف Ahd allah الخميس 2 يونيو 2016 - 2:08
أوكي يا صديقي
سارسل لك الكود بعد ضبط الارتفاع
سارسل لك الكود بعد ضبط الارتفاع
Ahd allah-
-
عدد المساهمات : 1635
معدل النشاط : 7808
السُمعة : 209 -
رد: طلب كود لتبدل البنرات
من طرف 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-
-
عدد المساهمات : 1635
معدل النشاط : 7808
السُمعة : 209 -
رد: طلب كود لتبدل البنرات
من طرف 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-
عدد المساهمات : 16
معدل النشاط : 3511
السُمعة : 1 -
رد: طلب كود لتبدل البنرات
من طرف Ahd allah الخميس 2 يونيو 2016 - 2:26
أخي :
هل هناك اكواد أخري معه في التشكيلات العامة ؟
هل هناك اكواد أخري معه في التشكيلات العامة ؟
اذا كان هناك اكواد اخري فضعها هنا .
Ahd allah-
-
عدد المساهمات : 1635
معدل النشاط : 7808
السُمعة : 209 -
رد: طلب كود لتبدل البنرات
من طرف DeLeTe الخميس 2 يونيو 2016 - 2:46
السلام عليكم .. اعتذر على المقاطعة
ما الطول والعرض المطلوب لعرض جميع الصور بمقاس واحد؟
او قم بأعطائنا رابط الصورة التي تريد جميع الصور على نفس مقاساتها.
ما الطول والعرض المطلوب لعرض جميع الصور بمقاس واحد؟
او قم بأعطائنا رابط الصورة التي تريد جميع الصور على نفس مقاساتها.
DeLeTe-
-
عدد المساهمات : 2752
معدل النشاط : 9564
السُمعة : 75 -
رد: طلب كود لتبدل البنرات
من طرف Burns Brad الخميس 2 يونيو 2016 - 2:47
ahd allah كتب:أخي :
هل هناك اكواد أخري معه في التشكيلات العامة ؟اذا كان هناك اكواد اخري فضعها هنا .
لا وجود لأكواد أخرى.
بالمناسبة يا صديقي، قمت بمعاينة الكود مرة أخرى وعمل معي، لكن لا زال الارتفاع طويلًا قليلًا.
+
هل تستطيع تسريع مرور البنرات؟
وأعتذر إن أكثرت عليك بالطلبات.
عدل سابقا من قبل Burns Brad في الخميس 2 يونيو 2016 - 2:48 عدل 1 مرات
Burns Brad-
عدد المساهمات : 16
معدل النشاط : 3511
السُمعة : 1 -
رد: طلب كود لتبدل البنرات
من طرف 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-
-
عدد المساهمات : 1635
معدل النشاط : 7808
السُمعة : 209 -
رد: طلب كود لتبدل البنرات
من طرف Burns Brad الخميس 2 يونيو 2016 - 2:54
iNavalz كتب:السلام عليكم .. اعتذر على المقاطعة
ما الطول والعرض المطلوب لعرض جميع الصور بمقاس واحد؟
او قم بأعطائنا رابط الصورة التي تريد جميع الصور على نفس مقاساتها.
وعليكم السلام،
لا بأس، الارتفاع أريده 310 فقط، وشكرًا على المساعدة.
Burns Brad-
عدد المساهمات : 16
معدل النشاط : 3511
السُمعة : 1 -
رد: طلب كود لتبدل البنرات
من طرف DeLeTe الخميس 2 يونيو 2016 - 3:16
تفضل:
وضعت مقاسات الصور على الصورة التي لديك في منتداك بحيث تجعل اي صورة تضعها في الكود تتغير ابعادها تلقائياً
لا تنسى وضع الصور بتغيير "رابط الصورة"
ولا تنسى ايضا وضع روابط المواضبع والخ.. بتغيير العلامة "#"
ويمكنك ايضا تغيير سرعة مرور البنرات عن طريق تغيير الرقم 15 في الكود الموجود
- الكود:
<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"
DeLeTe-
-
عدد المساهمات : 2752
معدل النشاط : 9564
السُمعة : 75 -
رد: طلب كود لتبدل البنرات
من طرف 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"
جزيل الشكر على هذه المُبادرة الطيبة، لقد نجح الأمر، ولكنني أتصفح موقعي بواسطة:
Baidu Browser
ويظهر أنَّ العارضة قد وَسَّعت من عرض الموقع، لو تستطيع حل ذلك أكون سعيدًا.
كذلك أشكر كل من ساهم في حل هذه المشكلة، وبالتوفيق للجميع.
Burns Brad-
عدد المساهمات : 16
معدل النشاط : 3511
السُمعة : 1 -
رد: طلب كود لتبدل البنرات
من طرف DeLeTe الخميس 2 يونيو 2016 - 6:17
لأول مره اسمع بهذا المتصفح 
على العموم
قم بحذف الاجزاء التالية جميعها من الكود لديك
على العموم
قم بحذف الاجزاء التالية جميعها من الكود لديك
- الكود:
<a href="#"> <img src="رابط الصورة" style="width:300px; height:200px;" /></a>
DeLeTe-
-
عدد المساهمات : 2752
معدل النشاط : 9564
السُمعة : 75 -
رد: طلب كود لتبدل البنرات
من طرف Burns Brad الخميس 2 يونيو 2016 - 14:56
iNavalz كتب:لأول مره اسمع بهذا المتصفح
على العموم
قم بحذف الاجزاء التالية جميعها من الكود لديكواذا اردت وضع صورة جديدة قم باضافة الكود نفسه بين الصور الموجوده لديك
- الكود:
<a href="#"> <img src="رابط الصورة" style="width:300px; height:200px;" /></a>
فعلت كما طلبت مني، ولكن، بزيادة الصور يزداد العرض.
Burns Brad-
عدد المساهمات : 16
معدل النشاط : 3511
السُمعة : 1 -
رد: طلب كود لتبدل البنرات
من طرف Ahd allah الخميس 2 يونيو 2016 - 16:22
أخي : يمكنك تصغير حجم الصور يا صديقي حتي لا يسبب لك مشاكل
فانا اري الصور اكبر من اللازم .
وان كنت لا تستطيع ضع الكود هنا وسيتم ضبط حجم جميع الصور .
فانا اري الصور اكبر من اللازم .
وان كنت لا تستطيع ضع الكود هنا وسيتم ضبط حجم جميع الصور .
Ahd allah-
-
عدد المساهمات : 1635
معدل النشاط : 7808
السُمعة : 209 -
رد: طلب كود لتبدل البنرات
من طرف Burns Brad الخميس 2 يونيو 2016 - 16:38
ahd allah كتب:أخي : يمكنك تصغير حجم الصور يا صديقي حتي لا يسبب لك مشاكل
فانا اري الصور اكبر من اللازم .
وان كنت لا تستطيع ضع الكود هنا وسيتم ضبط حجم جميع الصور .
على قوقل كروم تعمل معي بشكل ممتاز، وبالفاير فوكس التحريك يتقطع، أما بواسطة المتصفح الذي ذكرته بالرد السابق
فهو يعمل بشكل ممتاز عدا أنه يزيد عرض الموقع.
المُشكلة حُلَّت تقريبًا، ولكن إن كان هناك من يريد تعديل الكود ليَعمل على المُتصفح المذكور سابقًا كما في قوقل كروم فأتمنى أن يضع ردًّا
قبلَ أن أضع إشارة الحل على الموضوع.
وشكرًا.
Burns Brad-
عدد المساهمات : 16
معدل النشاط : 3511
السُمعة : 1 -
رد: طلب كود لتبدل البنرات
من طرف Ahd allah الخميس 2 يونيو 2016 - 17:54
Burns Brad كتب:ahd allah كتب:أخي : يمكنك تصغير حجم الصور يا صديقي حتي لا يسبب لك مشاكل
فانا اري الصور اكبر من اللازم .
وان كنت لا تستطيع ضع الكود هنا وسيتم ضبط حجم جميع الصور .على قوقل كروم تعمل معي بشكل ممتاز، وبالفاير فوكس التحريك يتقطع، أما بواسطة المتصفح الذي ذكرته بالرد السابقفهو يعمل بشكل ممتاز عدا أنه يزيد عرض الموقع.المُشكلة حُلَّت تقريبًا، ولكن إن كان هناك من يريد تعديل الكود ليَعمل على المُتصفح المذكور سابقًا كما في قوقل كروم فأتمنى أن يضع ردًّاقبلَ أن أضع إشارة الحل على الموضوع.وشكرًا.
اذن عليك بتصغير حجم عرض الصور
وستحل المشكلة باذن الله يا صديقي .
بالتوفيق .
وستحل المشكلة باذن الله يا صديقي .
بالتوفيق .
Ahd allah-
-
عدد المساهمات : 1635
معدل النشاط : 7808
السُمعة : 209 -
رد: طلب كود لتبدل البنرات
من طرف Burns Brad الخميس 2 يونيو 2016 - 18:25
ahd allah كتب:Burns Brad كتب:ahd allah كتب:أخي : يمكنك تصغير حجم الصور يا صديقي حتي لا يسبب لك مشاكل
فانا اري الصور اكبر من اللازم .
وان كنت لا تستطيع ضع الكود هنا وسيتم ضبط حجم جميع الصور .على قوقل كروم تعمل معي بشكل ممتاز، وبالفاير فوكس التحريك يتقطع، أما بواسطة المتصفح الذي ذكرته بالرد السابقفهو يعمل بشكل ممتاز عدا أنه يزيد عرض الموقع.المُشكلة حُلَّت تقريبًا، ولكن إن كان هناك من يريد تعديل الكود ليَعمل على المُتصفح المذكور سابقًا كما في قوقل كروم فأتمنى أن يضع ردًّاقبلَ أن أضع إشارة الحل على الموضوع.وشكرًا.اذن عليك بتصغير حجم عرض الصور
وستحل المشكلة باذن الله يا صديقي .
بالتوفيق .
تصغير أحجام عرضها سيؤثر على الصورة من ناحية، ولكن أتوجه لك بالشكر على ما قدمته أنت ومن ساهم بالرد
للمساعدة، وبالتوفيق للجميع.
Burns Brad-
عدد المساهمات : 16
معدل النشاط : 3511
السُمعة : 1 -
مواضيع مماثلة» قسم البنرات الانجليزيه وقسم البنرات العربيه
» طلب كود إعلانات البنرات ~
» البنرات الفلاشية
» ممكن كود البنرات
» البنرات وشريط الاهداءت
» طلب كود إعلانات البنرات ~
» البنرات الفلاشية
» ممكن كود البنرات
» البنرات وشريط الاهداءت
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى