انجمن کدستانMoisrex

   <style type="text/css">

       /* This css file serves as a template for styling your kwicks.  Feel free to modify, but please make note of the comments - some of them are important. */

       .kwicksWrapper

       {

           width: 994px;

           margin: 0 auto;

       }

       .kwicks

       {

           /* recommended styles for kwicks ul container */

           list-style: none;

           position: relative;

           margin: 0 auto;

           padding: 0;

       }

       .kwicks li

       {

           /* these are required, but the values are up to you (must be pixel) */

           width: 188px;

           height: 350px; /*do not change these */

           display: block;

           overflow: hidden;

           padding: 0; /* if you need padding, do so with an inner div (or implement your own box-model hack) */

       }

       .kwicks.horizontal li

       {

           /* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */

           margin-right: 0px; /*Set to same as spacing option. */

           float: left;

       }

       .kwicks.vertical li

       {

           /* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */

           margin-bottom: 0px; /*Set to same as spacing option. */

       }

       #kwick_1

       {

           background-color: transparent;

       }

       #kwick_2

       {

           background-color: transparent;

       }

       #kwick_3

       {

           background-color: transparent;

       }

       #kwick_4

       {

           background-color: transparent;

       }

       #kwick_5

       {

           background-color: transparent;

       }

       .kwicks.horizontal #kwick_4

       {

           margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */

       }

       .kwicks.vertical #kwick_4

       {

           margin-bottom: none; /* cancel margin on last kiwck (if you set a margin above) */

       }

       .kwicks li a

       {

           display: block;

           height: 350px;

       }

       .kwicks li .kwicksCaption

       {

           display: none;

           width: 100%;

           padding: 10px;

           background: #fff;

           color: #fff;

           font-family: NazaninBold,Times new roman,Arial,Tahoma;

           font-size: 15px;

           font-weight: bold;

           text-align: right;

           position: absolute;

           bottom: 0;

           background-color: #000;

           filter: alpha(opacity=70);

           -moz-opacity: .780;

           opacity: .70;

       }

       .kwicks li.active .kwicksCaption

       {

           display: block;

       }

   </style>

   <script src="http://www.saramad.ir/ThumbSlider/jquery.easing.1.3.js" type="text/javascript"></script>

   <script src="http://www.saramad.ir/ThumbSlider/jquery.kwicks-1.5.1.js" type="text/javascript"></script>

   <script type="text/javascript">

       $().ready(function () {

           $('.kwicks').kwicks({

               max: 677,

               min: 88,

               sticky: false,

               spacing: 0,

               duration: 800

           });

       });

   </script>

<ul class="kwicks horizontal">

<li id="kwick_1"><a href="http://46.36.112.145/Pages/default.aspx" target="_blank">

<img src="http://www.saramad.ir/Content/media/image/2012/08/62062_orig.jpg?t=634813606676807915"></a>

<div class="kwicksCaption">

<span>ثبت نام ششمین نمایشگاه بین المللی رسانه های دیجیتال</span>

</div>

</li>

<li id="kwick_2"><a href="http://www.saramad.ir/idea-fa.html" target="_blank">

<img src="http://www.saramad.ir/Content/media/image/2012/08/62059_orig.jpg?t=634813606077454862"></a>

<div class="kwicksCaption">

<span>در بانک ایده های سرآمد حامی ایده های جدید شما هستیم</span>

</div>

</li>

<li id="kwick_3"><a href="http://www.saramad.ir/eshop-fa.html" target="_blank">

<img src="http://www.saramad.ir/Content/media/image/2012/08/62060_orig.jpg"></a>

<div class="kwicksCaption">

<span>فروشگاه سرآمد درگاهی مطمئن برای تامین نیازهای نرم افزاری شماست.</span>

</div>

</li>

<li id="kwick_4"><a href="http://www.saramad.ir//fastlogin-fa.html" target="_blank">

<img src="http://www.saramad.ir/Content/media/image/2012/08/62063_orig.jpg"></a>

<div class="kwicksCaption">

<span>با پیوستن به باشگاه دیجیتال عضوی از خانواده سرآمد شوید و از امکانات متنوع آن بهره

مند گردید.</span>

</div>

</li>

<li id="kwick_5"><a href="http://www.saramad.ir/festinalregistration-fa.html" target="_blank">

<img src="http://www.saramad.ir/Content/media/image/2012/08/62061_orig.jpg"></a>

<div class="kwicksCaption">

<span>جشنواره های رسانه های دیجیتال محفلی مناسب برای پیدایش ایده های نو در بستر رسانه

های دیجیتال.</span>

</div>

</li>

</ul>

</div>