Новости в ajax окне для uCoz | |
И так начнем:
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> Сегодня как видите сделал дизайн для сайта, думаю многим он понравится, всё пытался удержать в рамках приличия. И как видите, всё удалось на Ура! Так что, теперь на сайте скоро появятся статьи, обои, сюжеты, переводы, ссылки на скачивания игры и многое-многое другое!</div> <div class="contblock"><span class="postdate">22 марта</span> Сегодня сделал классный скрипт по поиску и форме входа. Ну что бы красиво было... И в Css (таблица стилей) добавил пару классов для вида комментариев. Надеюсь Вам здесь будет уютно...</div> <div class="contblock"><span class="postdate">21 марта</span> Сегодня сделал сайт про игру: 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> 2. Вам нужно создать в любом текстовом редакторе, потдерживающем кодировку Utf-8, документ xml. В нем пишем:
Code <ajax><cmd t="layerContentBs" p="innerHTML"><![CDATA[<iframe style="width:100%;height:400px" frameborder="0" scrolling="no" hspace="0" vspace="0" allowtransparency="true" src="ссылка на страницу с кодом"></iframe>]]></cmd></ajax> 3. На своем сайте в нужном вам месте вставляем код:
Code <a href="javascript://" onclick="openLayerB('Bs',0,'Ссылка до xml файла','Название окна',200,100,'1','','',0,'justify'); return false;">Просмотреть список пользователей, побывавших сегодня на сайте.</a> Готово! Внимание, то что обозначено: Красным цветом - Менять обязательно
Code <script type="text/javascript" src="http://iucoz.ru/other/silder/jquery.js"></script> | |
Категория: для ucoz | Просмотров: 648 | Добавил: rony |
Всего комментариев: 0 | |