منتديات احلى حكاية
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

منتديات احلى حكاية دخول

موقع خاص بالتصاميم وتحويل الاستايلات واكواد حصريه لخدمه مواقع احلى منتدى


طَلب كود سلآيد شو ..

2 مشترك

descriptionطَلب كود سلآيد شو .. Emptyرد: طَلب كود سلآيد شو .. الأربعاء يونيو 24, 2015 9:31 pm

more_horiz
اتفضلى

الكود:

<div id="animeshow01">
 <div align="center">
 <div class="cat-featured wall">
 
 <div class="carousel fcarousel fcarousel-6 wrap cf">
 
 <div class="carousel-container">
 
 <div data-jcarousel="true" style="width: 880px;" class="carousel-clip">
 
 <ul style="left: -9776px;" class="carousel-list">
 <li class="item-video">
 
 <div class="thumb">
 <a class="clip-link" data-id="7719" title="NARUTO SHIPPUDEN الحلقة 108 مترجمة" href="http://anime-show.com/watch-online/naruto-shippuden-108-72381.html"> <span class="clip"> <img src="http://anime-show.com/uploads/150x84_72392762d30.png" alt="NARUTO SHIPPUDEN الحلقة 108 مترجمة" /><span class="vertical-align"></span> </span> <span class="overlay"></span> </a>
 </div>
 </li>
 <li class="item-video">
 
 <div class="thumb">
 <a class="clip-link" data-id="7719" title="NARUTO SHIPPUDEN الحلقة 107 مترجمة" href="http://anime-show.com/watch-online/naruto-shippuden-107-72380.html"> <span class="clip"> <img src="http://anime-show.com/uploads/150x84_72391a0b360.png" alt="NARUTO SHIPPUDEN الحلقة 107 مترجمة" /><span class="vertical-align"></span> </span> <span class="overlay"></span> </a>
 </div>
 </li>
 <li class="item-video">
 
 <div class="thumb">
 <a class="clip-link" data-id="7719" title="Ace of Diamond الحلقة 61 مترجمة" href="http://anime-show.com/watch-online/ace-of-diamond-61-72379.html"> <span class="clip"> <img src="http://anime-show.com/uploads/150x84_723906dc180.png" alt="Ace of Diamond الحلقة 61 مترجمة" /><span class="vertical-align"></span> </span> <span class="overlay"></span> </a>
 </div>
 </li>
 <li class="item-video">
 
 <div class="thumb">
 <a class="clip-link" data-id="7719" title="Nanatsu no taizai الحلقة 12 مترجمة" href="http://anime-show.com/watch-online/nanatsu-no-taizai-12-72378.html"> <span class="clip"> <img src="http://anime-show.com/uploads/150x84_72389b1ce10.png" alt="Nanatsu no taizai الحلقة 12 مترجمة" /><span class="vertical-align"></span> </span> <span class="overlay"></span> </a>
 </div>
 </li>
 <li class="item-video">
 
 <div class="thumb">
 <a class="clip-link" data-id="7719" title="Shirogane no Ishi Argevollen ‏ الحلقة 22 مترجمة" href="http://anime-show.com/watch-online/shirogane-no-ishi-argevollen-22-72377.html"> <span class="clip"> <img src="http://anime-show.com/uploads/150x84_72388bf3c80.png" alt="Shirogane no Ishi Argevollen ‏ الحلقة 22 مترجمة" /><span class="vertical-align"></span> </span> <span class="overlay"></span> </a>
 </div>
 </li>
 <li class="item-video">
 
 <div class="thumb">
 <a class="clip-link" data-id="7719" title="Psycho pass 2 الحلقة 9 مترجمة" href="http://anime-show.com/watch-online/psycho-pass-2-9-72376.html"> <span class="clip"> <img src="http://anime-show.com/uploads/150x84_7238734a960.png" alt="Psycho pass 2 الحلقة 9 مترجمة" /><span class="vertical-align"></span> </span> <span class="overlay"></span> </a>
 </div>
 </li>
 <li class="item-video">
 
 <div class="thumb">
 <a class="clip-link" data-id="7719" title="Donten ni Warau الحلقة 12 الأخيرة مترجمة" href="http://anime-show.com/watch-online/donten-ni-warau-12-72375.html"> <span class="clip"> <img src="http://anime-show.com/uploads/150x84_72386a0cbf0.png" alt="Donten ni Warau الحلقة 12 الأخيرة مترجمة" /><span class="vertical-align"></span> </span> <span class="overlay"></span> </a>
 </div>
 </li>
 <li class="item-video">
 
 <div class="thumb">
 <a class="clip-link" data-id="7719" title="NARUTO SHIPPUDEN الحلقة 106 مترجمة" href="http://anime-show.com/watch-online/naruto-shippuden-106-72374.html"> <span class="clip"> <img src="http://anime-show.com/uploads/150x84_72385b257c0.png" alt="NARUTO SHIPPUDEN الحلقة 106 مترجمة" /><span class="vertical-align"></span> </span> <span class="overlay"></span> </a>
 </div>
 </li>
 <li class="item-video">
 
 <div class="thumb">
 <a class="clip-link" data-id="7719" title="Ookami Shoujo to Kuro Ouji الحلقة الأخيرة 12 مترجمة" href="http://anime-show.com/watch-online/ookami-shoujo-to-kuro-ouji-12-72373.html"> <span class="clip"> <img src="http://anime-show.com/uploads/150x84_723849dc770.png" alt="Ookami Shoujo to Kuro Ouji الحلقة الأخيرة 12 مترجمة" /><span class="vertical-align"></span> </span> <span class="overlay"></span> </a>
 </div>
 </li>
 <li class="item-video">
 
 <div class="thumb">
 <a class="clip-link" data-id="7719" title="Dragon ball kai 135 (2014) الحلقة 37" href="http://anime-show.com/watch-online/dragon-ball-kai-135-2014-37-72372.html"> <span class="clip"> <img src="http://anime-show.com/uploads/150x84_723837c0490.png" alt="Dragon ball kai 135 (2014) الحلقة 37" /><span class="vertical-align"></span> </span> <span class="overlay"></span> </a>
 </div>
 </li>
 <li class="item-video">
 
 <div class="thumb">
 <a class="clip-link" data-id="7719" title="Log Horizon 2 الحلقة 12 مترجمة" href="http://anime-show.com/watch-online/log-horizon-2-12-72371.html"> <span class="clip"> <img src="http://anime-show.com/uploads/150x84_72382960b20.png" alt="Log Horizon 2 الحلقة 12 مترجمة" /><span class="vertical-align"></span> </span> <span class="overlay"></span> </a>
 </div>
 </li>
 <li class="item-video">
 
 <div class="thumb">
 <a class="clip-link" data-id="7719" title="Sword art online الحلقة 24 الأخيرة مترجمة" href="http://anime-show.com/watch-online/sword-art-online-24-72370.html"> <span class="clip"> <img src="http://anime-show.com/uploads/150x84_72381ef5a80.png" alt="Sword art online الحلقة 24 الأخيرة مترجمة" /><span class="vertical-align"></span> </span> <span class="overlay"></span> </a>
 </div>
 </li>
 <li class="item-video">
 
 <div class="thumb">
 <a class="clip-link" data-id="7719" title="one piece الحلقة 675 مترجمة" href="http://anime-show.com/watch-online/one-piece-675-72369.html"> <span class="clip"> <img src="http://anime-show.com/uploads/150x84_72380d2c4d0.png" alt="one piece الحلقة 675 مترجمة" /><span class="vertical-align"></span> </span> <span class="overlay"></span> </a>
 </div>
 </li>
 <li class="item-video">
 
 <div class="thumb">
 <a class="clip-link" data-id="7719" title="Magic Kaito 1412 الحلقة 11 مترجمة" href="http://anime-show.com/watch-online/magic-kaito-1412-11-72368.html"> <span class="clip"> <img src="http://anime-show.com/uploads/150x84_723796d7910.png" alt="Magic Kaito 1412 الحلقة 11 مترجمة" /><span class="vertical-align"></span> </span> <span class="overlay"></span> </a>
 </div>
 </li>
 <li class="item-video">
 
 <div class="thumb">
 <a class="clip-link" data-id="7719" title="Inou Battle wa Nichijou-kei no Naka الحلقة 11 مترجمة" href="http://anime-show.com/watch-online/inou-battle-wa-nichijou-kei-no-naka-11-72367.html"> <span class="clip"> <img src="http://anime-show.com/uploads/150x84_723784b9760.png" alt="Inou Battle wa Nichijou-kei no Naka الحلقة 11 مترجمة" /><span class="vertical-align"></span> </span> <span class="overlay"></span> </a>
 </div>
 </li>
 </ul>
 
 </div>
 
 <div data-jcarouselcontrol="true" class="carousel-prev">
 </div>
 
 <div data-jcarouselcontrol="true" class="carousel-next">
 </div>
 
 </div>
 
 </div>
 
 </div>
 </div>
</div>
 <style>
#animeshow01 {
    width: 1024px;
    margin: 0px auto;
    background-color: #F0F0F0;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.41);
    border: 1px solid #FFF;
}
.wall {
    padding: 17px 0px;
    background: none repeat scroll 0% 0% #1A1A1A;
    position: relative;
    z-index: 2;
    text-shadow: none;
}
.wall {
    padding: 17px 0px;
    background: none repeat scroll 0% 0% #1A1A1A;
    position: relative;
    z-index: 2;
    text-shadow: none;
}
.fcarousel .carousel-container {
    position: relative;
    margin: 0px 35px;
}
.fcarousel .carousel-container {
    position: relative;
    margin: 0px 35px;
}
.fcarousel .carousel-clip {
    position: relative;
    overflow: hidden;
    height: 100px;
    width: 100%;
    margin: 0px auto;
}
.fcarousel .carousel-clip {
    position: relative;
    overflow: hidden;
    height: 100px;
    width: 100%;
    margin: 0px auto;
}
.fcarousel ul {
    width: 999em;
    position: absolute;
}
.fcarousel ul {
    width: 999em;
    position: absolute;
}
ul {
    margin: 0px 0px 20px;
}
ul {
    list-style: outside none none;
    margin: 0px;
}
ul {
    margin: 0px 0px 20px;
}
ul {
    list-style: outside none none;
    margin: 0px;
}
.fcarousel li {
    float: right;
    width: 150px;
    height: 84px;
    border: 3px solid #333;
    margin: 5px 10px 20px;
    overflow: visible !important;
    background: none repeat scroll 0% 0% #000;
    position: relative;
    box-shadow: 0px 0px 5px #000;
    transition: all 0.25s ease 0s;
}
.fcarousel li {
    float: right;
    width: 150px;
    height: 84px;
    border: 3px solid #333;
    margin: 5px 10px 20px;
    overflow: visible !important;
    background: none repeat scroll 0% 0% #000;
    position: relative;
    box-shadow: 0px 0px 5px #000;
    transition: all 0.25s ease 0s;
}
.fcarousel .thumb {
    width: 150px;
    height: 84px;
}
.fcarousel .thumb {
    width: 150px;
    height: 84px;
}
.thumb {
    position: relative;
    background: none repeat scroll 0% 0% #000;
    overflow: hidden;
    vertical-align: bottom;
    display: inline-block;
}
.thumb {
    position: relative;
    background: none repeat scroll 0% 0% #000;
    overflow: hidden;
    vertical-align: bottom;
    display: inline-block;
}
.thumb .clip-link {
    position: absolute;
    bottom: -100px;
    top: -100px;
    left: -100px;
    right: -100px;
    text-align: center;
    white-space: nowrap;
    word-break: normal;
}
.thumb .clip-link {
    position: absolute;
    bottom: -100px;
    top: -100px;
    left: -100px;
    right: -100px;
    text-align: center;
    white-space: nowrap;
    word-break: normal;
}
.thumb .clip {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.thumb .clip {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.fcarousel .thumb img {
    width: 150px;
}
.thumb .clip img, .thumb .vertical-align {
    display: inline-block;
    vertical-align: middle;
}
.fcarousel .thumb img {
    width: 150px;
}
.thumb .clip img, .thumb .vertical-align {
    display: inline-block;
    vertical-align: middle;
}
.thumb img {
    width: 100%;
}
.thumb img {
    width: 100%;
}
.thumb .clip .vertical-align {
    height: 100%;
}
.thumb .clip .vertical-align {
    height: 100%;
}
.thumb .clip img, .thumb .vertical-align {
    display: inline-block;
    vertical-align: middle;
}
.thumb .clip img, .thumb .vertical-align {
    display: inline-block;
    vertical-align: middle;
}
.item-video .thumb .overlay {
    background-image: url("http://anime-show.com/images/icon-play-24.png");
}
.item-video .thumb .overlay {
    background-image: url("http://anime-show.com/images/icon-play-24.png");
}
.thumb .overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url("http://anime-show.com/images/icon-plus-24.png");
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease 0s;
}
.thumb .overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url("http://anime-show.com/images/icon-plus-24.png");
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease 0s;
}
.fcarousel .carousel-prev {
    left: -30px;
}
.fcarousel .carousel-prev, .fcarousel .carousel-next {
    display: inline-block;
    width: 27px;
    height: 90px;
    margin: 5px 0px;
    cursor: pointer;
    text-indent: -5555em;
    overflow: hidden;
    background: url("http://anime-show.com/images/fcarousel-nav.png") no-repeat scroll 0px 0px transparent;
    position: absolute;
    top: 0px;
}
.fcarousel .carousel-prev {
    left: -30px;
}
.fcarousel .carousel-prev, .fcarousel .carousel-next {
    display: inline-block;
    width: 27px;
    height: 90px;
    margin: 5px 0px;
    cursor: pointer;
    text-indent: -5555em;
    overflow: hidden;
    background: url("http://anime-show.com/images/fcarousel-nav.png") no-repeat scroll 0px 0px transparent;
    position: absolute;
    top: 0px;
}
.fcarousel .carousel-next {
    background-position: -50px 0px;
    right: -30px;
}
.fcarousel .carousel-prev, .fcarousel .carousel-next {
    display: inline-block;
    width: 27px;
    height: 90px;
    margin: 5px 0px;
    cursor: pointer;
    text-indent: -5555em;
    overflow: hidden;
    background: url("http://anime-show.com/images/fcarousel-nav.png") no-repeat scroll 0px 0px transparent;
    position: absolute;
    top: 0px;
}
.fcarousel .carousel-next {
    background-position: -50px 0px;
    right: -30px;
}
.fcarousel .carousel-prev, .fcarousel .carousel-next {
    display: inline-block;
    width: 27px;
    height: 90px;
    margin: 5px 0px;
    cursor: pointer;
    text-indent: -5555em;
    overflow: hidden;
    background: url("http://anime-show.com/images/fcarousel-nav.png") no-repeat scroll 0px 0px transparent;
    position: absolute;
    top: 0px;
}

</style><script src="//connect.facebook.net/en_US/all.js#xfbml=1" id="facebook-jssdk"></script><script src="//www.google-analytics.com/analytics.js" async=""></script><script type="text/javascript" src="http://anime-show.com/javascript/jquery_004.js"></script><script type="text/javascript" src="http://anime-show.com/javascript/jquery_005.js"></script><script type="text/javascript" src="http://anime-show.com/javascript/jquery_002.js"></script><script type="text/javascript" src="http://anime-show.com/javascript/jquery_003.js"></script><script type="text/javascript" src="http://anime-show.com/javascript/theme.js"></script>


descriptionطَلب كود سلآيد شو .. Emptyرد: طَلب كود سلآيد شو .. الخميس يونيو 25, 2015 9:56 pm

more_horiz
تفضلى اختى


الكود:

<style type="text/css" id="vbulletin_css">
.head_ads_s { width:980px; margin:0 auto 0 auto;}
#wrapper_work {
    width: 980px;
  margin:0 auto 0 auto;position: relative;
}

.image_carousel {
    padding: 15px 0 15px 10px;
    position: relative;
}
.image_carousel a {
display: block;
float: left;
}
.image_carousel img {
    border: 1px solid #ccc;
    background-color:#fff;
    padding: 9px;
    margin: 7px 11px 7px 10px;
    display: block;
    float: left;
}

.image_carousel img:hover {
    border: 1px solid #DDD;
    -moz-box-shadow: 0 1px 5px #555;
    -webkit-box-shadow: 0 1px 5px #555;
    box-shadow: 0px 1px 5px #555;

}
a.prev, a.next {
    background: url(http://i11.servimg.com/u/f11/16/75/43/85/miscel10.png) no-repeat transparent;
    width: 45px;
    height: 50px;
    display: block;
    position: absolute;
    top: 85px;
}
a.prev {            left: -18px;
                    background-position: 0 0; }
a.prev:hover {        background-position: 0 -50px; }
a.prev.disabled {    background-position: 0 -100px !important;  }
a.next {            right: -27px;
                    background-position: -50px 0; }
a.next:hover {        background-position: -50px -50px; }
a.next.disabled {    background-position: -50px -100px !important;  }
a.prev.disabled, a.next.disabled {
    cursor: default;
}

a.prev span, a.next span {
    display: none;
}
.pagination {
    text-align: center;

}
.pagination a {
    background: url(http://i11.servimg.com/u/f11/16/75/43/85/miscel11.png) 0 -300px no-repeat transparent;
    width: 15px;
    height: 15px;
    margin: 0 5px 0 0;
    display: inline-block;float:none;
}
.pagination a.selected {
    background-position: -25px -300px;
    cursor: default;
}
.pagination a span {
    display: none;
}

</style>




<script type="text/javascript" src="http://a7la7ekaya.googlecode.com/files/jquery.carouFredSel-5.5.0.js"></script>
<script type="text/javascript" src="http://a7la7ekaya.googlecode.com/files/custom.js"></script>
<script type="text/javascript" src="http://a7la7ekaya.googlecode.com/files/jquery.easing.1.3.js"></script>



<div class="head_ads_s">
    <div id="wrapper_work">
        <div class="image_carousel">
    <div id="foo4">
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/13560410.png" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/zwe2t10.jpg" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/13562310.png" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/owwg110.jpg" alt="578 احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/pexx210.jpg" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/13561910.png" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/56ar110.png" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/mangab10.png" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/70049210.png" alt="احلى حكاية" width="201" height="127" /></a>

        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/j8we111.png" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/13277810.png" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/efpl310.png" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/bcda410.png" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/55775210.png" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/1dnvq10.png" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/omil210.png" alt="احلى حكاية" width="201" height="127" /></a>

                <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/0d334c10.png" alt="احلى حكاية" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/68550010.png" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/g8e2nb10.png" alt="احلى حكاية" width="201" height="127" /></a>
        <a href="http://www.a7la-7ekaya.com/**"><img src="http://i11.servimg.com/u/f11/16/75/43/85/jd4d110.png" alt="احلى حكاية" width="201" height="127" /></a>
    </div>
    <div class="clearfix"></div>
    <a class="prev" id="foo4_prev" href="#"><span>prev</span></a>
    <a class="next" id="foo4_next" href="#"><span>next</span></a>
    <div class="pagination" id="foo4_pag"></div>
</div>


    </div>
</div>

privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى