سلام عليكم الان نقدم لكم سلايد شو مجاني لعيونك ..
مثال ..
سلايد شو منتديات العشاق storyeg.com
طريقة التركيب
مثلا
ندخل علي قالب Header
و نضع أسفل القالب ...
الكود هذا
رمز Code:
سلايد شو العشاق 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 {
content: "";
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 {
content: "";
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
و تفك الضغط عنهم بداخل المجلدات و مبروك عليك ..
تحياتي لكم
و اي سؤال او إستفسار نرحب بكم ..
الملفات المرفقة
js.zip (6.4 كيلوبايت) images.zip (27.0 كيلوبايت)المصدر: منتديات بنات كول وناسه على طول - من قسم: rss
sghd] a, lkj]d hguahr hwfp fdk d];l lk hgulhgrm storyeg>com
بنات , العاب , توبيكات , مسابقات , مكياج , برامج , طبخ , فساتين , مدارس , جامعات , مشاغل , مشغل , كوفيرات , كوفيره , صالون نسائي , صوالين نسائية
المصدرمنتديات بنات كول وناسه على طول
via منتدى سعودي ونبنات , العاب , توبيكات , مسابقات , مكياج , برامج , طبخ , فساتين , مدارس , جامعات , مشاغل , مشغل , كوفيرات , كوفيره , صالون نسائي , صوالين نسائية
| شكرا لك على نشر الموضوع |
0 Responses to coool-girlsسلايد شو منتدي العشاق اصبح بين يدكم من العمالقة storyeg.comسعودى