test11

<style scoped="" type="text/css"> #slides *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} #slides ul,#slides li{padding:0;margin:0;list-style:none;position:relative} #slides ul{height:300px} #slides li{width:49.9%;height:100%;position:absolute;display:none} #slides li:nth-child(1), #slides li:nth-child(2), #slides li:nth-child(3), #slides li:nth-child(4){display:block} #slides li:nth-child(1){left:0;top:0} #slides li:nth-child(2){left:50.1%;width:24.8%;height:49.8%} #slides li:nth-child(3){left:75.2%;width:24.8%;height:49.8%} #slides li:nth-child(4){left:50.1%;top:50.2%;height:49.9%} #slides a{display:block;width:100%;height:100%;overflow:hidden} #slides img{display:block;width:100%;height:100%;border:0;padding:4px;background-color:#E90A0A;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px} #slides .overlayx{width:100%;height:100%;position:absolute;z-index:2;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWsNz0f-dKiMXSNh5XrQabTc-SR9qoulgSDEt2lYftcpmQLAdqFtW7kWVeL8ypQph6LNRv4Nzy3c4lEFLDK0eDwfWbceZj68dNXcjepki9ajX32fPNTZrtkp1aOUm3dw4EufCJSjtrviQ/s1600/linebg-fade.png);background-position:50% 50%;background-repeat:repeat-x;border:4px solid #D6D6D6;;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px} #slides h4{ position: absolute; bottom: 30px; margin: 0; right: 0; padding: 0 10px; color: rgb(2, 2, 2); z-index: 3; font-weight: normal; font: 13px/20px 'DroidKufi-regular', tahoma; background: #FFFFFF; border: 1px solid; text-align: center; } #slides li:nth-child(2) h4,#slides li:nth-child(3) h4{font-size:13px;line-height:15px} #slides .label_text{ font-size: 9px; overflow: hidden; color: white; bottom: 10px; z-index: -1; font-family: Verdana,Geneva,sans-serif; position: absolute; } #slides li:nth-child(2) .autname,#slides li:nth-child(3) .autname{display:none} #slides .overlayx,#slides li{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out} #slides li:hover .overlayx{-ms-filter:"progid:DXImageTransform.Microsoft. Alpha(Opacity=10)";filter:alpha(opacity=10);-khtml-opacity:0.1;-moz-opacity:0.1;opacity:0.1} #buttons{margin:5px 0 0} #buttons a{ display: inline-block; text-indent: -9996px; height: 26px; float: center; margin: 3px 10px 12px 1px; background: #ccc; border: 1px solid #B1ADAD; box-shadow: 0 1px 2px 0 cornsilk; position: relative; left: 285px; width: 30px; } #buttons a::before{content:"";width:0;height:0;border-width:8px 7px;border-style:solid;border-color:transparent #535353 transparent transparent;position:absolute;top:50%;margin-top:-8px;margin-left:-10px;left:50%} #buttons a#nextx::before{border-color:transparent transparent transparent #535353;margin-left:-3px} @media only screen and (max-width:600px){ #slides ul{height:600px} #slides li:nth-child(1){width:100%;height:49.8%} #slides li:nth-child(2){top:50.2%;height:24.8%;left:0;width:49.8%} #slides li:nth-child(3){left:50.2%;top:50.2%;width:49.8%;height:24.8%} #slides li:nth-child(4){left:0;top:75.3%;height:24.8%;width:100%} } </style> <div id="featuredpost"> </div> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script> <script src="https://ivyth.googlecode.com/svn/js/featuredpost.min.js" type="text/javascript"></script> <script type='text/javascript'> //<![CDATA[ $(document).ready(function () { FeaturedPost({ blogURL:"http://hosam-herry.blogspot.com/", MaxPost:8, idcontaint:"#featuredpost", ImageSize:300, interval:5000, autoplay:true, MonthNames:["يناير","فبراير","مارس","أيريل","مايو","يونيه","يوليو","اغسطس","سبتمبر","أكتوبر","نوفمبر","ديسمبر"], tagName:false }); }); //]]> </script>