Скрипт на jQwery. Показывает любую вашу информацию в слайдере, при наведении на стрелочку плавно контент платвно двигаеться. Вы можете разместить в нём любую вашу информацию.
Содзаём глобальный блок или через конструктор создаём новый блок и вставляем туда данный код
<style type="text/css">
#wrap {width: 250px;height: 380px;padding:10px;background-image: url(http://s08.radikal.ru/i181/0907/f5/d4bb14a363f6.png);}
* html #wrap {width: 270px;height: 380px;padding:10px;background-image: url(http://i014.radikal.ru/0907/e2/0ea7493637f1.png);}
#flow {overflow: hidden;height:380;width:220;}
#pult {float:right; width:25px;height:380px;background-color:#ebebeb;}
#b {margin-top:330px;}
.contblock {font-family: Verdana; font-size:11px; color:#666666; border-bottom: 1px dotted #999999; padding:4px;text-align:justify;}
.postdate {color: #0066CC;font-weight: bold;}
#up {filter: alpha(opacity=30); opacity: 0.30;}
#down {filter: alpha(opacity=30); opacity: 0.30;}
</style>
<div id="wrap"><div id="pult">
<div id="t"><img src="http://s19.radikal.ru/i192/0907/a9/b36d07e42d73.png" width="25" height="25" id="down"></div>
<div id="b"><img src="http://i014.radikal.ru/0907/e9/def3200b6913.png" width="25" height="25" id="up"></div>
</div><div id="flow"><div id="cont"><div class="contblock"><span class="postdate">23 марта</span><br>Сегодня как видите сделал дизайн для сайта, думаю многим он понравится, всё пытался удержать в рамках приличия. И как видите, всё удалось на Ура! Так что, теперь на сайте скоро появятся статьи, обои, сюжеты, переводы, ссылки на скачивания игры и многое-многое другое!</div>
<div class="contblock"><span class="postdate">22 марта</span><br>Сегодня сделал классный скрипт по поиску и форме входа. Ну что бы красиво было...
И в Css (таблица стилей) добавил пару классов для вида комментариев. Надеюсь Вам здесь будет уютно...</div>
<div class="contblock"><span class="postdate">21 марта</span><br>Сегодня сделал сайт про игру: Metal Gear Solid. Я очень люблю эту игру, ещё с 10 лет играю в неё. Начинал с первой части и закончил четвёртой. Создатель игры думает приостановить создание следующей части игры. НО! Будем надеяться что всё таки он одумается и продолжит создание данной игры!</div>
</div></div>
</div><script type="text/javascript">"jsContainer">"jsCode">
"blueColSimp">var j "blueColSimp">= jQuery.noConflict"brackets">("brackets">);"blueColSimp">var cheight "blueColSimp">= j"brackets">("invComm">"#cont""brackets">).height"brackets">("brackets">);
"blueColSimp">var wheight "blueColSimp">= j"brackets">("invComm">"#wrap""brackets">).height"brackets">("brackets">);
"blueColSimp">var maxmarging "blueColSimp">= "lettuceColSimp">parseInt"brackets">(cheight"brackets">)"blueColSimp">-"lettuceColSimp">parseInt"brackets">(wheight"brackets">);j"brackets">("invComm">"#up""brackets">).hover"brackets">(
function"brackets">("brackets">) "brackets">{
j"brackets">("invComm">"#cont""brackets">).animate"brackets">("brackets">{marginTop"blueColSimp">: "invComm">"-" "blueColSimp">+ maxmarging "blueColSimp">+ "invComm">"", marginBottom"blueColSimp">: "invComm">"0""brackets">}, "redCol">5000"brackets">);
j"brackets">("invComm">"#up""brackets">).animate"brackets">("brackets">{opacity"blueColSimp">: "redCol">1"brackets">}, "redCol">70"brackets">);
"brackets">},
function"brackets">("brackets">) "brackets">{
j"brackets">("invComm">"#cont""brackets">).stop"brackets">("brackets">);
j"brackets">("invComm">"#up""brackets">).animate"brackets">("brackets">{opacity"blueColSimp">: "redCol">0"redCol">."redCol">3"brackets">}, "redCol">70"brackets">);
"brackets">}"brackets">);
j"brackets">("invComm">"#down""brackets">).hover"brackets">(
function"brackets">("brackets">) "brackets">{
j"brackets">("invComm">"#cont""brackets">).animate"brackets">("brackets">{marginBottom"blueColSimp">: "invComm">"-" "blueColSimp">+ maxmarging "blueColSimp">+ "invComm">"", marginTop"blueColSimp">: "invComm">"0""brackets">}, "redCol">5000"brackets">);
j"brackets">("invComm">"#down""brackets">).animate"brackets">("brackets">{opacity"blueColSimp">: "redCol">1"brackets">}, "redCol">70"brackets">);
"brackets">},
function"brackets">("brackets">) "brackets">{
j"brackets">("invComm">"#cont""brackets">).stop"brackets">("brackets">);
j"brackets">("invComm">"#down""brackets">).animate"brackets">("brackets">{opacity"blueColSimp">: "redCol">0"redCol">."redCol">3"brackets">}, "redCol">70"brackets">);
"brackets">}"brackets">);"htmContainer"></script>
редактируем под себя
Если у вас неправильно ставится слайдер можете сделать вот так.
Просто я немного убрал кода. Не будет полосы прокрутки.
<style type="text/css"> #flow {overflow: hidden;height:380;width:185;} .contblock {font-family: Verdana; font-size:11px; color:#666666; border-bottom: 1px dotted #999999; padding:4px;text-align:justify;} .postdate {color: #0066CC;font-weight: bold;} #up {filter: alpha(opacity=30); opacity: 0.30;} #down {filter: alpha(opacity=30); opacity: 0.30;} </style> <div id="wrap"><div id="pult"> <div class="contblock"><span class="postdate">02 Января</span><br>На нашем сайте Вы сможете разместить и хранить Ваши любимые снимки. Меню разбито на категории.Вы можете обратиться к Администрации сайта и мы создадим новую. Вы сможете разместить свои снимки сразу после короткой регистрации.</div> <div class="contblock"><span class="postdate">20 Января</span><br>На нашем сайте размещщены Аватары. Вы сможете установить их на сайтах или форумах взяв прямую ссылку на Аватарку. Так же Вы сможете добавить свои....</div> <div class="contblock"><span class="postdate">25 Января</span><br>У нас работает форум и чат, где сможете общаться. Убедительная просьба оставлять комментарии. Пожелания по работе сайта приветствуются. Кто хочет принять активное участие, добро пожаловать в Модераторы. </div> </div></div> </div>
Редактируем под себя.