منتديات فرتكه
منتديات فرتكة
التسجيل

[Html] كود سلايد شو بشكل احترافى و جذاب ولافت للأنظار يعمل كعارض صور بطريقة 3D
الرئيسيةالرئيسية  البوابهالبوابه  س .و .جس .و .ج  بحـثبحـث  التسجيلالتسجيل  دخولدخول  


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


اعلانات المنتدي











اخر المواضيع
الموضوعتاريخ انشاء المساهمةبواسطة
شراء الاثاث المستعمل في جدة
افضل خدمات نقل عفش بجدة بارخص الاسعار
نصائح لنقل الاغراض القابلة للكسر عند نقل اثاث منزلك
كيفية نقل الاثاث من منزل لاخر دون تلف
خطوات كشف تسربات المياه بمنزلك واصلاحها
اسهل طرق تنظيف الخزانات
اسهل طرق تعقيم المسابح وتنظيفها
خطوات تنظيف الفلل وترتيبها
طرق تنظيف المجلس وتعطيره
أغنية سعد المجرد LET GO الجديدة معدلة على شكل Trap Music
اليوم في 00:55
الثلاثاء 19 سبتمبر 2017, 01:05
الأحد 17 سبتمبر 2017, 02:30
الخميس 14 سبتمبر 2017, 22:56
الخميس 14 سبتمبر 2017, 01:01
الثلاثاء 29 أغسطس 2017, 22:58
الأحد 27 أغسطس 2017, 02:58
الجمعة 25 أغسطس 2017, 16:39
الجمعة 25 أغسطس 2017, 00:54
الأربعاء 23 أغسطس 2017, 15:10
اسماء عثمان
اسماء عثمان
اسماء عثمان
اسماء عثمان
اسماء عثمان
اسماء عثمان
اسماء عثمان
اسماء عثمان
اسماء عثمان
مستر غوغل





 
شاطر


السبت 01 سبتمبر 2012, 16:55
رسالة
بيانات كاتب الموضوع
[Html] كود سلايد شو بشكل احترافى و جذاب ولافت للأنظار يعمل كعارض صور بطريقة 3D
المعلومات
الكاتب:
اللقب:
المدير العام
الرتبه:
المدير العام
الصورة الرمزية
 
avatar


البيانات
الجنس : ذكر
عدد المساهمات : 2196
تاريخ التسجيل : 01/12/2011
العمر : 18
حكمتي المفضله : إحترم الكبير يحترمك الصغير
 
 

 


الإتصالات
الحالة:
وسائل الإتصال:
معاينة صفحة البيانات الشخصي للعضو
http://www.fartaka.alafdal.net

مُساهمةموضوع: [Html] كود سلايد شو بشكل احترافى و جذاب ولافت للأنظار يعمل كعارض صور بطريقة 3D   





بسم الله الرحمن الرحيم
السلام عليكم


كود حصري جدا مبرمج بتقنيات
Html - Css -Javascript

نبذه عن الكود:
عبارة عن سلايد شو احترافى جذاب ولافت للأنظار يعمل كعارض صور بطريقة 3D فى صفحات Html
يمكن استعماله كـ معرض او مكتبة صور
او كـ مجلة الكترونية بتقنية
3d لاول مره على المنتديات والمواقع

صور للكود





طريقة وضع الكود
لوحة الادارة - عناصر اضافية - ادارة صفحات Html - انشاء صفحة Html جديدة

الشرح بالصور







واتبع الخطوات الآتية
قم بتعطيل Html ليصبح الصندوق باللون الاخضر كما بالصورة التالية


ضع خيارات الصفحه كـ الآتى
هل تود استعمال أعلى و أسفل صفحة منتداك؟ لا
استعمال
هذه الصفحة كصفحة رئيسية؟ اختر لا او نعم اذا اردت ان تجعلها رئيسة
المنتدى وفى هذه الحالة يتوجب عليك وضع رابط يوجه نحو ahlamontada.com

انسخ الكود التالى وضعه بالصفحه مع مراعاة تغيير مايتطلب تغييره فى الكود
عنوان الصفحة:العنوان الرئيسى الذى سيظهر اعلى المتصفح وفى محركات البحث
كلمات دلالية للموضوع:ضع كلمات دلالية للموضوع او الصوره تساعدك فى الأرشفة
عنوان الموضوع باختصار:عنوان الموضوع او اسم للصورة
رابط الموضوع:رابط الموضوع او الصفحة المرادة
وصف موجز للموضوع:ضع وصف بسيط للموضوع او الصورة
مع مراعاة تغيير الصورة التالية بالصور المرادة للمحتوى الذى ستقدمه فى صفحتك
الكود:
الكود:
http://i48.servimg.com/u/f48/15/28/56/97/tt_bmp11.jpg


وهكذا الحال مع بقية الكود
بعد اتمام العملية السابقة بنجاح:اضغط قدم

الكود للنسخ

الكود:
[/b][b]<!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>[/b][b]












 الموضوع الأصلي : [Html] كود سلايد شو بشكل احترافى و جذاب ولافت للأنظار يعمل كعارض صور بطريقة 3D // المصدر : منتديات فرتكة // الكاتب: على السلت




على السلت ; توقيع العضو










الإثنين 03 سبتمبر 2012, 19:36
رسالة
بيانات كاتب الموضوع
[Html] كود سلايد شو بشكل احترافى و جذاب ولافت للأنظار يعمل كعارض صور بطريقة 3D
المعلومات
الكاتب:
اللقب:
المدير العام
الرتبه:
المدير العام
الصورة الرمزية
 
avatar


البيانات
الجنس : ذكر
عدد المساهمات : 3579
تاريخ التسجيل : 13/09/2010
العمر : 23
حكمتي المفضله : لآ تأتمن أي إمرأة إلا امك :)
 
 

 


الإتصالات
الحالة:
وسائل الإتصال:
معاينة صفحة البيانات الشخصي للعضو
https://www.facebook.com/Des.MoDy?ref=bookmarks

مُساهمةموضوع: رد: [Html] كود سلايد شو بشكل احترافى و جذاب ولافت للأنظار يعمل كعارض صور بطريقة 3D   





روووووووووووعه

تسلم إيديك يا علي

تقبل مروري











 الموضوع الأصلي : [Html] كود سلايد شو بشكل احترافى و جذاب ولافت للأنظار يعمل كعارض صور بطريقة 3D // المصدر : منتديات فرتكة // الكاتب: MoDy Designer






مواقع النشر (المفضلة)

تعليقات الفيس بوك

الــرد الســـريـع


خــدمات المـوضـوع
 KonuEtiketleri كلمات دليليه
[Html] كود سلايد شو بشكل احترافى و جذاب ولافت للأنظار يعمل كعارض صور بطريقة 3D , [Html] كود سلايد شو بشكل احترافى و جذاب ولافت للأنظار يعمل كعارض صور بطريقة 3D , [Html] كود سلايد شو بشكل احترافى و جذاب ولافت للأنظار يعمل كعارض صور بطريقة 3D ,[Html] كود سلايد شو بشكل احترافى و جذاب ولافت للأنظار يعمل كعارض صور بطريقة 3D ,[Html] كود سلايد شو بشكل احترافى و جذاب ولافت للأنظار يعمل كعارض صور بطريقة 3D , [Html] كود سلايد شو بشكل احترافى و جذاب ولافت للأنظار يعمل كعارض صور بطريقة 3D
 KonuLinki رابط الموضوع
 Konu BBCode BBCode
 KonuHTML Kodu HTMLcode
إذا وجدت وصلات لاتعمل في الموضوع او أن الموضوع [ [Html] كود سلايد شو بشكل احترافى و جذاب ولافت للأنظار يعمل كعارض صور بطريقة 3D ] مخالف ,, من فضلك راسل الإدارة من هنا






مواضيع ذات صلة





© جميع الحقوق محفوظة لمنتديات فرتكة 2014
تحويل شركة فور يمنى