كود أزرار نقطة التطوير من عرب كود تعديل شبكة أكواد



شبكة أكواد : هنطور منتداك ___ مع شبكة أكواد هتلاقي أكواد جديدة و حصرية أكواد قديمة وطورناها تصاميم إستايلات مجانية دعم فني وتقني وتعبئة منتداك بالمواضيع و خدمة 24 ساعة بلا إنقطاع   ،  


الرئيسيةالتسجيلالأعضاءاليوميةمكتبة الصورس .و .جبحـثالمجموعاتدخول


المواضيع الأخيرة
» تصميم بنر إعلاني مربعات خام مجانا
الثلاثاء مارس 14, 2017 11:10 pm من طرف sasa designe

» [كود] الماوس الاحترافي
السبت مارس 04, 2017 3:41 am من طرف sasa designe

» [كود][حصري] كود وضع صورة كإعلان مع صندوق الرد
الجمعة فبراير 17, 2017 11:58 pm من طرف sasa designe

» [كود] تمبلايت لوضع خانة المشرفين كما في منتديات الفي بي
الثلاثاء سبتمبر 01, 2015 12:11 pm من طرف sasa designe

» كود وضع اسم الاعضاء في المشاركات والاقسام بشكل روعة
الجمعة يونيو 26, 2015 2:56 am من طرف sasa designe

» [كود] تومبيلات لعمل عدد المواضيع و المساهمات
الجمعة يونيو 26, 2015 2:31 am من طرف sasa designe

» عمل احصائيات للقسم مثل الفي بي تماما .
الجمعة يونيو 26, 2015 1:14 am من طرف sasa designe

» كيفية وضع أكود الـ css في صفحات html
الخميس يونيو 25, 2015 5:18 pm من طرف sasa designe

» كود عمل ظل للروابط
الأربعاء يونيو 24, 2015 6:48 pm من طرف sasa designe

» كود [Template] لوحة التحكم ( البيانات الشخصيه ) مثل الـ vb
الإثنين يونيو 22, 2015 5:11 pm من طرف sasa designe

Back 
to Top

شاطر | 
 

 كود سلايد شو يوضع في الصفحة الرئيسية للمنتدى

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


Admin


عدد المساهمات : 118
تاريخ التسجيل : 04/02/2013
العمر : 22

معاينة صفحة البيانات الشخصي للعضو http://akwad.netgoo.org
مُساهمةموضوع: كود سلايد شو يوضع في الصفحة الرئيسية للمنتدى    الأربعاء مارس 18, 2015 7:27 am

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

أقدم لكم كود سلايد شو الاحترافي بعد التعديل عليه ليعمل على الصفحة الرئيسية للمنتدى ويوضع في التشكيلات العامة

معاينة للكود



طريقة وضع الكود
كيفية وضع كود html في الصفحة الرئيسية

ملاحظة كتب:

قبل وضع الكود عليك بوضع صورة في حجم هذه الصورة

http://i19.servimg.com/u/f19/15/94/01/79/eu10.png

والان مع الكود


الكود:
<div style="RIGHT:740px; OVERFLOW: visible; WIDTH:60px; POSITION: absolute; TOP: 1100px; HEIGHT: 20px">
                            <style type="text/css">

body {


width: 50%;
height: 50%;
}

#slider {
width: 500px;
height: 250px;



}
#slider .slide {
position: absolute;
height: 300px;
width: 300px;
background: #E8E8E8;
overflow: hidden;
border-right
: #000 solid 1px;
cursor: default;
}
#slider .title  {
color: #F80;
font-weight: bold;
font-size: 1.2em;
margin-right: 100.5em;
text-decoration: none;
}
#slider .backgroundText {
position: absolute;
width: 100%;
height: 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;

}
#slider .diapo {
position: absolute;
filter: alpha(opacity=100);
opacity: 1;
visibility: hidden;
}a
a:link {
color:black;
text-decoration:none;
}
a:visited {
color:black;
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> <br />                          
   <div id="center">
                                                        
      <div id="slider">
                                                           
         <div class="slide">
                                     <img style="width: 500px; height: 250px;" alt=" " src="http://www.m5zn.com/newuploads/2015/03/15/png//cbb51cd4dbdbbb0.png" class="diapo" />                          
            <div class="text">
                                           <span class="title">عنوان الموضوع</span> وصف الموضوع   <a target="_blank" href="رابط الموضوع">قرائة كاملا</a><br /><br />                          
            </div>
                                                                  
         </div>
                                                           
         <div class="slide">
                                     <img style="width: 500px; height: 250px;" alt=" " src="http://www.m5zn.com/newuploads/2015/03/15/png//cbb51cd4dbdbbb0.png" class="diapo" />                          
            <div class="text">
                                           <span class="title">عنوان الموضوع</span> وصف الموضوع   <a target="_blank" href="رابط الموضوع">قرائة كاملا</a><br /><br />                          
            </div>
                                                                  
         </div>
                                                           
         <div class="slide">
                                     <img style="width: 500px; height: 250px;" alt=" " src="http://www.m5zn.com/newuploads/2015/03/15/png//cbb51cd4dbdbbb0.png" class="diapo" />                          
            <div class="text">
                                           <span class="title">عنوان الموضوع</span> وصف الموضوع   <a target="_blank" href="رابط الموضوع">قرائة كاملا</a><br /><br />                          
            </div>
                                                                  
         </div>
                                                           
      </div>
                                 <script type="text/javascript">
/* ==== start script ==== */
slider.init();
</script>                            
   </div>
</div>

لا تنسى تعديل اللازم
santa santa santa santa
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

كود سلايد شو يوضع في الصفحة الرئيسية للمنتدى

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

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

انشاء منتدى مجاني





إسم العضوية
تذكرني؟
كلمة المرور