كود:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.infinitecarousel3.min.js"></script>
<script type="text/javascript">
$(function(){
$('.carousel').infiniteCarousel({
imagePath: 'images/',
transitionSpeed:600,
displayTime: 6000,
internalThumbnails: false,
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
});
});
</script>
</script>
<script type="text/javascript" src="js/organictabs.jquery.js"></script>
<script type="text/javascript">
$(function() {
$("#example-one").organicTabs();
$("#example-two").organicTabs({
"speed": 200
});
});
</script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>سلايد شو العشاق storyeg.com</title>
<style>
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;
}
</style>
</head>
<body>
<div id="example-one">
<div class="n-bar0"><div class="n-bar1"><div class="n-bar2">
<ul class="nav">
<li class="fm-01"><a href="#tab-1" class="current">أعمال تيست</a></li>
<li class="fm-02"><a href="#tab-2">أعمال تيست 2</a></li>
<li class="fm-04"><a href="#tab-3">أعمال تيست3 </a></li>
<li class="fm-04"><a href="#tab-4">أعمال تيست 4</a></li>
<li class="fm-04"><a href="#tab-5">أعمال تيست 5 </a></li>
</ul>
</div></div></div>
<div class="thumb0"><div class="thumb1"><div class="thumb2" style="direction:ltr">
<div class="list-wrap">
<div style="padding-left:16px" id="tab-1">
<ul class="carousel"><!-- Anime banners -->
<li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im68.gulfup.com/hZsKh.png" width="200" /></a></li>
<li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im75.gulfup.com/Y6oCe.png" width="200" /></a></li>
<li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im49.gulfup.com/J5b2x.png" width="200" /></a>
<li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://img03.arabsh.com/uploads/image/2014/03/20/0c30454366f107.png" width="200" /></a></li>
<li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://www.3asq.com/img/uploads/13951243621.png" width="200" /></a></li>
<li><a href="#"><img alt="شركة العمالقة لخدمات الويب1" height="100" src="http://im83.gulfup.com/rs0tU.png" width="200" /></a></li>
<li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://www.m5zn.com/newuploads/2014/03/18/png//afd38ff1d2dca78.png" width="200" /></a></li>
<li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im79.gulfup.com/dXWSu.png" width="200" /></a></li>
<li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im72.gulfup.com/iyZud.png" width="200" /></a>
<li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im49.gulfup.com/6Wjt2.png" width="200" /></a>
<li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im70.gulfup.com/3Mxpj.png" width="200" /></a>
<li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://www.m5zn.com/newuploads/2014/03/13/png//75c2e42ce3bca35.png" width="200" /></a>
<li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://img04.arabsh.com/uploads/image/2014/03/11/0c314d4c67f702.png" width="200" /></a>
</li>
</ul>
</div>
<div style="padding-left:12px" id="tab-2" class="hide">
<ul class="carousel"><!-- Manga banners -->
<li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://www5.0zz0.com/2014/03/19/15/899494084.png" width="200" /></a></li>
<li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im56.gulfup.com/IY7hl.png" width="200" /></a></li>
<li><a href="#"><img alt=" شركة العمالقة لخدمات الويب" height="100" src="http://www4.0zz0.com/2014/03/19/15/595414352.png" width="200" /></a></li>
<li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im78.gulfup.com/hFIBI.png" width="200" /></a></li>
<li><a href="#"><img alt="شركة العمالقة لخدمات الويب " height="100" src="http://im33.gulfup.com/ll15b.png" width="200" /></a></li>
<li><a href="#"><img alt=" شركة العمالقة لخدمات الويب" height="100" src="http://im51.gulfup.com/LBCaL.png" width="200" /></a></li>
<li><a href="#"><img alt=" شركة العمالقة لخدمات الويب" height="100" src="http://im85.gulfup.com/AzWo4.png" width="200" /></a></li>
<li><a href="#"><img alt=" شركة العمالقة لخدمات الويب " height="100" src="http://im45.gulfup.com/5jQNf.png" width="200" /></a></li>
</ul>
</div>
<div style="padding-left:12px" id="tab-3" class="hide">
<ul class="carousel"><!-- Prog and games -->
<li><a href="#"><img alt="شركة العمالقة لخدمات الويب " height="100" src="http://im68.gulfup.com/PeR5J.png" width="200" /></a></li>
<li><a href="#"><img alt="Your شركة العمالقة لخدمات الويب" height="100" src="http://www3.0zz0.com/2014/03/21/21/281352634.png" width="200" /></a></li>
<li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im48.gulfup.com/Cxqqv.png" width="200" /></a></li>
<li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://www.m5zn.com/newuploads/2014/03/18/png//c1e2e8affc09d1a.png" width="200" /></a></li>
<li><a href="#"><img alt=" شركة العمالقة لخدمات الويب " height="100" src="http://im50.gulfup.com/dGRKg.png" width="200" /></a></li>
</ul>
</div>
<div style="padding-left:12px" id="tab-4" class="hide">
<ul class="carousel"><!-- Movies -->
<li><a href="#"><img alt=" شركة العمالقة لخدمات الويب" height="100" src="http://im69.gulfup.com/mwima.png" width="200" /></a></li>
<li><a href="#"><img alt=" شركة العمالقة لخدمات الويب" height="100" src="http://im54.gulfup.com/LlfbD.jpg" width="200" /></a></li>
<li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://www.m5zn.com/newuploads/2014/03/20/png//5c0180c409f782f.png" width="200" /></a></li>
<li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im70.gulfup.com/ipeKG.jpg" width="200" /></a></li>
<li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://i5.minus.com/jb2hZAirpo73V7.png" width="200" /></a></li>
</ul>
</div>
<div style="padding-left:12px" id="tab-5" class="hide">
<ul class="carousel"><!-- All -->
<li><a href="#"><img alt=" شركة العمالقة لخدمات الويب" height="100" src="http://im87.gulfup.com/JWavr.jpg" width="200" /></a></li>
<li><a href="#"><img alt=" شركة العمالقة لخدمات الويب" height="100" src="http://im89.gulfup.com/u7F9N.png" width="200" /></a></li>
<li><a href="#"><img alt="شركة العمالقة لخدمات الويب " height="100" src="http://im54.gulfup.com/lmqqP.gif" width="200" /></a></li>
<li><a href="#"><img alt="شركة العمالقة لخدمات الويب " height="100" src="http://im51.gulfup.com/mdXYn.png" width="200" /></a></li>
<li><a href="#"><img alt="شركة العمالقة لخدمات الويب " height="100" src="http://www3.0zz0.com/2014/02/16/15/779725425.png" width="200" /></a></li>
<li><a href="#"><img alt=" شركة العمالقة لخدمات الويب" height="100" src="http://im58.gulfup.com/u4mTX.png" width="200" /></a></li>
<li><a href="#"><img alt="القرآن الكريم" height="100" src="http://im49.gulfup.com/fPSgf.png" width="200" /></a></li>
</ul>
</div>
</div> <!-- END List Wrap -->
</div></div></div>
</div><!-- -->
<!-- Baidu banner ends at 1-4 -->
</body>
</html>
مواقع النشر (المفضلة)