Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 3.145.109.100
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Новостной слайдер
Сообщение оставлено 16.11.2010 в 23:29:51 | Сообщение #1
И так. Приступим к установке.
Для начала зайдём в панель управления > глобальные блоки, создадим глобальный блок под названием: News.
И в него вставим данный код:
Code
<style type="text/css">      
#wrap {width: 250px;height: 380px;padding:10px;background-image: url(http://iucoz.ru/other/silder/pattern.png);}      
* html #wrap {width: 270px;height: 380px;padding:10px;background-image: url(http://iucoz.ru/other/silder/pattern.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://iucoz.ru/other/silder/arrow_up.png" width="25" height="25" id="down"></div>      
       <div id="b"><img src="http://iucoz.ru/other/silder/arrow_dw.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">      
var j = jQuery.noConflict();      

var cheight = j("#cont").height();      
var wheight = j("#wrap").height();      
var maxmarging = parseInt(cheight)-parseInt(wheight);      

j("#up").hover(      
function() {      
j("#cont").animate({marginTop: "-" + maxmarging + "", marginBottom: "0"}, 5000);      
j("#up").animate({opacity: 1}, 70);      
},      
function() {      
j("#cont").stop();      
j("#up").animate({opacity: 0.3}, 70);      
});      
             
j("#down").hover(      
function() {      
j("#cont").animate({marginBottom: "-" + maxmarging + "", marginTop: "0"}, 5000);      
j("#down").animate({opacity: 1}, 70);      
},      
function() {      
j("#cont").stop();      
j("#down").animate({opacity: 0.3}, 70);      
});      

</script>

(p.s.: что бы отображался слайдер новостей в нужном месте).
НО! Он не будет работать пока что!
Надо вставить данный код после Вашего Css (таблица стилей):

Code
<script type="text/javascript" src="http://iucoz.ru/other/silder/jquery.js"></script>
 
 
   
Сообщение оставлено 20.11.2010 в 11:38:27 | Сообщение #2
А скрина нет?Жаль(
 
Пойду файловиком на музыкальный портал(посещаемость более 500),буду заливать альбомы с музыкой бесплатно!Пишите в ЛС ваши предложения!

 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика