<!-- блюпосты -->
<script type="text/javascript" src="http://forumstatic.ru/files/0010/b4/f8/78275.js"></script>

<!-- Cлайдер -->
<div id="slider2" slide-width="888" slide-height="210" class="slider" style="padding:0;height:0;width:0">
<h3>Блюпосты гильдии</h3>
<img button-width="50" class="button-left hide" src="/files/0012/ad/ab/40208.png"/>
<img button-width="50" class="button-right" src="/files/0012/ad/ab/40208.png"/>

    <!-- 1-й Контейнер слайдера -->
    <div class="slider-content active">

<div class="post-cont">
<div class="p-text">у меня пичаль-бида с тырнетом. <br>
он то есть, то его нет<br>
до конца января я буду в таком вот подвисшем состоянии (пока к себе в хату не перееду).<br>
сегодня постараюсь быть.</div>
<div class="p-auth"><a href="/search.php?action=show_user_posts&user_id=2">Труер</a></div>
<div class="p-date">Вчера 16:39:06</div>
<div class="p-link"><a href="http://blackteam.mmohost.ru/viewtopic.php?id=203&p=2#p1784">Сообщение об отсутствии</a></div>
</div>
<div class="post-cont">
<div class="p-text">Я сказал, что опаздаю но появлюсь, главное заскринь в 20.00 состав рейда чтоб потом не вспоминать кто был с начала рт</div>
<div class="p-auth"><a href="/search.php?action=show_user_posts&user_id=98">Slakerman</a></div>
<div class="p-date">30.12.2014 12:23:00</div>
<div class="p-link"><a href="http://blackteam.mmohost.ru/viewtopic.php?id=203&p=2#p1774">Сообщение об отсутствии</a></div>
</div>
<div class="post-cont">
<div class="p-text"><b>Труер</b><br>
Герда, если тебя сегодня не будет, то дай мне, пожалуйста, промоут в событии на сегодня, а также спиши епгп, у меня прав недостаточно.</div>
<div class="p-auth"><a href="/search.php?action=show_user_posts&user_id=329">Ноззарет</a></div>
<div class="p-date">30.12.2014 10:18:34</div>
<div class="p-link"><a href="http://blackteam.mmohost.ru/viewtopic.php?id=203&p=2#p1774">Сообщение об отсутствии</a></div>
</div>


    </div>
    <!-- 2-й Контейнер слайдера -->
    <div class="slider-content">

<div class="post-cont">
<div class="p-text">текст поста 2</div>
<div class="p-auth"><a href="/search.php?action=show_user_posts&user_id=N">Автор</a></div>
<div class="p-date">дата поста2</div>
<div class="p-link"><a href="/viewtopic.php?id=N&p=N#N">Ссылка на пост</a></div>
</div>
<div class="post-cont">
<div class="p-text">текст поста2</div>
<div class="p-auth"><a href="/search.php?action=show_user_posts&user_id=N">Автор</a></div>
<div class="p-date">дата поста2</div>
<div class="p-link"><a href="/viewtopic.php?id=N&p=N#N">Ссылка на пост</a></div>
</div>
<div class="post-cont">
<div class="p-text">текст поста2</div>
<div class="p-auth"><a href="/search.php?action=show_user_posts&user_id=N">Автор</a></div>
<div class="p-date">дата поста2</div>
<div class="p-link"><a href="/viewtopic.php?id=N&p=N#N">Ссылка на пост</a></div>
</div>

    </div>
    <!-- 3-й Контейнер слайдера -->
    <div class="slider-content">

<div class="post-cont">
<div class="p-text">текст поста3</div>
<div class="p-auth"><a href="/search.php?action=show_user_posts&user_id=N">Автор</a></div>
<div class="p-date">дата поста3</div>
<div class="p-link"><a href="/viewtopic.php?id=N&p=N#N">Ссылка на пост</a></div>
</div>
<div class="post-cont">
<div class="p-text">текст поста3</div>
<div class="p-auth"><a href="/search.php?action=show_user_posts&user_id=N">Автор</a></div>
<div class="p-date">дата поста3</div>
<div class="p-link"><a href="/viewtopic.php?id=N&p=N#N">Ссылка на пост</a></div>
</div>
<div class="post-cont">
<div class="p-text">текст поста3</div>
<div class="p-auth"><a href="/search.php?action=show_user_posts&user_id=N">Автор</a></div>
<div class="p-date">дата поста3</div>
<div class="p-link"><a href="/viewtopic.php?id=N&p=N#N">Ссылка на пост</a></div>
</div>

    </div>

</div>
<script>$("#slider2").slideF();</script><script>$("#slider2").slideF(1,500);</script>
<!--//End Cлайдер -->


<style>
#pun-stats .container {margin-top: 210px;}
.slider {display: none;}
#pun-index .slider {display: block;}

.slider .post-cont {
    display: inline-block;
    height: 115px;
    margin: 25px 15px 5px 20px;
    width: 220px;
}
.slider .p-text {
    color: #095289;
    max-height: 80px;
overflow: hidden;
text-overflow: ellipsis;
text-indent: 5px;
white-space: nowrap;
   margin-bottom: 3px;
}
.slider .p-text:before {content: '«'}
.slider .p-text:after {content: '»'}
.slider .p-date:before {content: '('}
.slider .p-date:after {content: ')'}
.slider .p-auth, .slider .p-date, .slider .p-link {display: inline; font-size: 10px;}

.slider .post-cont a {}
.slider .post-cont a:hover {}

.slider h3 {
    bottom: 185px;
    display: block;
    left: 20px;
    position: absolute;
    color: #885636;
    font-family: "Bliz Quadrata",Georgia,"Palatino Linotype",Times,serif;
    font-size: 14px;
    font-weight: bold;
    text-shadow: -2px 0 1px rgba(0, 0, 0, 0.3), -2px -2px 1px rgba(0, 0, 0, 0.3), 0 -2px 1px rgba(0, 0, 0, 0.3), 2px -2px 1px rgba(0, 0, 0, 0.3), -1px -1px 0 #000, 1px 1px 0 rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
} 

.slider,
.slider * {
  margin:0;
  padding:0;
}
.slider {
    background: url("/files/0012/ad/ab/62818.jpg") repeat-x scroll 0 0 transparent;
    bottom: 588px;
    left: 515px;
    overflow: hidden;
    position: absolute;
}
.button-left.hide,.button-right.hide{
  display:none;
}
.slider img.button-left,
.slider img.button-right{
  cursor:pointer;
background: url("/files/0012/ad/ab/88421.png") no-repeat scroll 0 0 transparent;
}
.slider img.button-left {background-position: 6px -45px}
.slider img.button-right {background-position: -54px -45px}
.slider img.button-left:hover {background-position: 6px 0}
.slider img.button-right:hover {background-position: -54px 0px}

div.Wrap-slids {
  text-align:left;
  overflow:hidden;
  position:relative;
}
div.train {
  text-align:left;
  overflow:hidden;
  white-space:nowrap;
  position:absolute;
}
.slider-content{
  margin:0;padding:0;
  white-space: normal;
  word-break: normal;
  overflow:hidden;
  display:none;
    height: 180px;
    margin-top: 30px;
background: url("/files/0012/ad/ab/50665.png") no-repeat scroll top center transparent;
}
.slider-content.active {
   display:block;
}
</style>