[واجهه] : سلايد شو منتدي العشاق اصبح بين يدكم من العمالقة storyeg.com

لجنة التطوير · 18 أبريل 2014

سلام عليكم الان نقدم لكم سلايد شو مجاني لعيونك ..

مثال ..

سلايد شو منتديات العشاق storyeg.com

طريقة التركيب

مثلا

ندخل علي قالب Header

و نضع أسفل القالب ...

الكود هذا

رمز Code:

thumbnailType: 'count',
customClass: 'myCarousel',
progressRingColorOpacity: '0,0,0,.9',
progressRingBackgroundOn: false,
margin: 22,
easeLeft: 'easeOutBounce',
easeRight:'easeOutBounce',
inView: 4,
advance: 2,
autoPilot: true,
prevNextInternal: false,
autoHideCaptions: false
});

});

سلايد شو العشاق storyeg.com

a{text-decoration:none;outline:0px}
a img{border:0px}

.n-bar0 {
background-repeat: repeat-x;
background-image:url(images/storyeg4.jpg);
margin-bottom: 3px;
}

.n-bar2 {
background-image:url(images/storyeg_2.jpg);
background-repeat: no-repeat;
background-position: right top;
height: 41px;
}

.navbox{
margin-bottom: 11px;
}
.n-bar2 ul {
margin: 0px;
padding: 5px 7px 0px 0px;
list-style-type: none;
}
.n-bar2 ul li {
float: right;
margin-left: 2px;
line-height: 32px;
text-align: center;

}
.n-bar2 ul li a {
background-image:url(images/storyeg_1.jpg);
background-repeat: no-repeat;
height: 32px;
display: block;
color: #404040;
font-family: "GE SS2","Arial";
font-size: 16px;
padding-right: 20px;
text-shadow:0px 1px 0px #fff;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
transition: all 0.1s linear;

}
.n-bar2 ul li a:visited {color: #404040;
}
.n-bar2 ul li a:hover {
color: #FFFFFF;text-shadow:0px 1px 0px #485907
}
.n-bar2 ul li.fm-01 a {background-position: right top;width: 118px;}
.n-bar2 ul li.fm-02 a {width: 106px;background-position: -269px top;}
.n-bar2 ul li.fm-03 a {background-position: -149px top;width: 99px;}
.n-bar2 ul li.fm-04 a {background-position: left top;width: 126px;}
.n-bar2 ul li.fm-01 a:hover {background-position: right bottom;}
.n-bar2 ul li.fm-02 a:hover {background-position: -269px bottom;}
.n-bar2 ul li.fm-03 a:hover {background-position: -149px bottom;}
.n-bar2 ul li.fm-04 a:hover {background-position: left bottom;}
#example-one ul li.fm-01 a.current, #example-one ul.tab-1 li a:hover { background-position: right bottom; color: white;text-shadow:0px 1px 0px #485907 }
#example-one ul li.fm-02 a.current, #example-one ul.tab-2 li a:hover { background-position: -269px bottom; color: white;text-shadow:0px 1px 0px #485907 }
#example-one ul li.fm-03 a.current, #example-one ul.tab-3 li a:hover { background-position: -149px bottom; color: white;text-shadow:0px 1px 0px #485907 }
#example-one ul li.fm-04 a.current, #example-one ul.tab-4 li a:hover { background-position: left bottom; color: white;text-shadow:0px 1px 0px #485907 }

.ic_thumbnails {
display:none
}
form#qrform table.tborder thead tr td.tcat p{
margin:0px
}
.f-mn-high {
min-height:53px
}
.drp2 .wrapper-dropdown-3 .dropdown:after {
*******: "";
width: 0;
height: 0;
position: absolute;
bottom: 100%;
left: 15px;
border-width: 0 6px 6px 6px;
border-style: solid;
border-color: #fff transparent;
}

.drp2 .wrapper-dropdown-3 .dropdown:before {
*******: "";
width: 0;
height: 0;
position: absolute;
bottom: 100%;
left: 13px;
border-width: 0 8px 8px 8px;
border-style: solid;
border-color: rgba(0,0,0,0.1) transparent;
}
/*************************** postbit_legacy Tabs ***************************/
.djdot{
position:relative;
right:0;
font: 9px tahoma;
width: 180px;
margin:15px 0 0 0;
z-index:2;
}

.djdot ul{
margin: 0;
padding: 0;
position: absolute;
right:0;
float:right;
}

و ترفع ملف images.zip إلي مجلد images

ترفع ملف js.zip إلي مجلد js

و تفك الضغط عنهم بداخل المجلدات و مبروك عليك ..

تحياتي لكم
و اي سؤال او إستفسار نرحب بكم ..</div>
الملفات المرفقة

images.zip (27.0 كيلوبايت)

js.zip (6.4 كيلوبايت)

[واجهه] : سلايد شو منتدي العشاق اصبح بين يدكم من العمالقة storyeg.com

لجنة التطوير

عضوية تقوم بجلب المواضيع من مواقع اخرى