Следите за новостями любимого конструктора сайтов uCoz в социальных сетях!
Типа как здесь. Только здесь модуль новостной, а текст надо бодет добавить в другом модуле
Отредактируйте главную модуля статьи http://dobrazovanie.ucoz.net/panel/?a=tmpl;m=10;t=1 и добавьте в том же месте как и в модуле новости код:
<div class="container" id="example"> <div id="slides"> <div class="slides_container"> <div class="slide"><a href="#"><img alt="Slide 1" src="/vospitateli/v1.jpg" style="width: 567px; height: 268px;" /></a> <div class="caption" style="bottom:0"> <p> </p> </div> </div> <div class="slide"><a href="#"><img alt="Slide 2" src="/vospitateli/v2.jpg" style="width: 567px; height: 270px;" /></a> <div class="caption"> <p> </p> </div> </div> <div class="slide"><a href="#"><img alt="Slide 3" src="/vospitateli/v3.jpg" style="width: 567px; height: 270px;" /></a> <div class="caption"> <p> </p> </div> </div> <div class="slide"><a href="#"><img alt="Slide 4" src="/vospitateli/v4.jpg" style="width: 567px; height: 270px;" /></a> <div class="caption"> <p> </p> </div> </div> <div class="slide"><a href="#"><img alt="Slide 5" src="/vospitateli/v5.jpg" style="width: 567px; height: 270px;" /></a> <div class="caption"> <p> </p> </div> </div> <div class="slide"><a href="#"><img alt="Slide 6" src="/vospitateli/v6.jpg" style="width: 567px; height: 270px;" /></a> <div class="caption"> <p> </p> </div> </div> <div class="slide"><a href="#"><img alt="Slide 7" src="/vospitateli/v7.jpg" style="width: 567px; height: 270px;" /></a> <div class="caption"> <p> </p> </div> </div> </div> <a class="prev" href="#"><img alt="Arrow Prev" src="/arrow-next2.png" style="width: 24px; height: 43px;" /></a> <a class="next" href="#"><img alt="Arrow Next" src="/arrow-next1.png" style="width: 24px; height: 43px;" /></a></div> <img alt="Example Frame" id="frame" src="/example-.png" style="width: 739px; height: 341px;" /></div> <script type="text/javascript" src="/js/slides.js"></script> <script type="text/javascript"> $(function(){ $('#slides').slides({ preload: true, preloadImage: 'loading.gif', play: 5000, pause: 2500, hoverPause: true, animationStart: function(current){ $('.caption').animate({ bottom:-35 },100); if (window.console && console.log) { console.log('animationStart on slide: ', current); }; }, animationComplete: function(current){ $('.caption').animate({ bottom:0 },200); if (window.console && console.log) { console.log('animationComplete on slide: ', current); }; }, slidesLoaded: function() { $('.caption').animate({ bottom:0 },200); } }); });</script>
<div class="container" id="example"> <div id="slides"> <div class="slides_container"> <div class="slide"><a href="#"><img alt="Slide 1" src="/vospitateli/v1.jpg" style="width: 567px; height: 268px;" /></a>
<div class="caption" style="bottom:0"> <p> </p> </div> </div>
<div class="slide"><a href="#"><img alt="Slide 2" src="/vospitateli/v2.jpg" style="width: 567px; height: 270px;" /></a>
<div class="caption"> <p> </p> </div> </div>
<div class="slide"><a href="#"><img alt="Slide 3" src="/vospitateli/v3.jpg" style="width: 567px; height: 270px;" /></a>
<div class="slide"><a href="#"><img alt="Slide 4" src="/vospitateli/v4.jpg" style="width: 567px; height: 270px;" /></a>
<div class="slide"><a href="#"><img alt="Slide 5" src="/vospitateli/v5.jpg" style="width: 567px; height: 270px;" /></a>
<div class="slide"><a href="#"><img alt="Slide 6" src="/vospitateli/v6.jpg" style="width: 567px; height: 270px;" /></a>
<div class="slide"><a href="#"><img alt="Slide 7" src="/vospitateli/v7.jpg" style="width: 567px; height: 270px;" /></a>
<div class="caption"> <p> </p> </div> </div> </div> <a class="prev" href="#"><img alt="Arrow Prev" src="/arrow-next2.png" style="width: 24px; height: 43px;" /></a> <a class="next" href="#"><img alt="Arrow Next" src="/arrow-next1.png" style="width: 24px; height: 43px;" /></a></div> <img alt="Example Frame" id="frame" src="/example-.png" style="width: 739px; height: 341px;" /></div>
<script type="text/javascript" src="/js/slides.js"></script> <script type="text/javascript"> $(function(){ $('#slides').slides({ preload: true, preloadImage: 'loading.gif', play: 5000, pause: 2500, hoverPause: true, animationStart: function(current){ $('.caption').animate({ bottom:-35 },100); if (window.console && console.log) { console.log('animationStart on slide: ', current); }; }, animationComplete: function(current){ $('.caption').animate({ bottom:0 },200); if (window.console && console.log) { console.log('animationComplete on slide: ', current); }; }, slidesLoaded: function() { $('.caption').animate({ bottom:0 },200); } }); });</script>
Если просто текст, тогда добавьте код:
<div align="center" class="mnd"> <p style="text-align: center;"><span style="font-size:48px;"><strong><span style="color:#cc3300;"><span style="font-family:times new roman,times,serif;"><span style="background-color:#FFFFFF;">Добро пожаловать!</span></span></span></strong></span></p> <h1 style="margin: 0cm -0.05pt 0.0001pt 0cm; text-indent: 14.2pt; text-align: center;"><span style="font-size:22px;"><span style="color:#cc6633;"><span style="background-color:#FFFFFF;">Приветствуем Вас на нашем сайте!</span></span></span></h1> <h1 style="margin: 0cm -0.05pt 0.0001pt 0cm; text-indent: 14.2pt; text-align: center;"><span style="font-size:22px;"><span style="color:#cc6633;"><span style="background-color:#FFFFFF;">Приглашаем принять участие</span></span></span></h1> <h1 style="margin: 0cm -0.05pt 0.0001pt 0cm; text-indent: 14.2pt; text-align: center;"><span style="font-size:22px;"><span style="color:#cc6633;"><span style="background-color:#FFFFFF;">в конкурсах профессионального мастерства</span></span></span></h1> <h1 style="margin: 0cm -0.05pt 0.0001pt 0cm; text-indent: 14.2pt; text-align: center;"><span style="font-size:22px;"><span style="color:#cc6633;"><span style="background-color:#FFFFFF;">организованных для педагогов и воспитанников </span></span></span></h1> <h1 style="margin: 0cm -0.05pt 0.0001pt 0cm; text-indent: 14.2pt; text-align: center;"><span style="font-size:22px;"><span style="color:#cc6633;"><span style="background-color:#FFFFFF;">детских садов </span></span></span><span style="font-size:22px;"><span style="color:#cc6633;"><span style="background-color:#FFFFFF;">Каменского района Алтайского края</span></span></span></h1> <p style="margin: 0cm -0.05pt 0.0001pt 0cm; text-indent: 14.2pt; text-align: center;"> </p> <div align="center" class="mnd"><span style="color:#800000;"><span style="font-size:18px;">Мы глазами детей</span></span></div> </div>
<div align="center" class="mnd"> <p style="text-align: center;"><span style="font-size:48px;"><strong><span style="color:#cc3300;"><span style="font-family:times new roman,times,serif;"><span style="background-color:#FFFFFF;">Добро пожаловать!</span></span></span></strong></span></p>
<h1 style="margin: 0cm -0.05pt 0.0001pt 0cm; text-indent: 14.2pt; text-align: center;"><span style="font-size:22px;"><span style="color:#cc6633;"><span style="background-color:#FFFFFF;">Приветствуем Вас на нашем сайте!</span></span></span></h1>
<h1 style="margin: 0cm -0.05pt 0.0001pt 0cm; text-indent: 14.2pt; text-align: center;"><span style="font-size:22px;"><span style="color:#cc6633;"><span style="background-color:#FFFFFF;">Приглашаем принять участие</span></span></span></h1>
<h1 style="margin: 0cm -0.05pt 0.0001pt 0cm; text-indent: 14.2pt; text-align: center;"><span style="font-size:22px;"><span style="color:#cc6633;"><span style="background-color:#FFFFFF;">в конкурсах профессионального мастерства</span></span></span></h1>
<h1 style="margin: 0cm -0.05pt 0.0001pt 0cm; text-indent: 14.2pt; text-align: center;"><span style="font-size:22px;"><span style="color:#cc6633;"><span style="background-color:#FFFFFF;">организованных для педагогов и воспитанников </span></span></span></h1>
<h1 style="margin: 0cm -0.05pt 0.0001pt 0cm; text-indent: 14.2pt; text-align: center;"><span style="font-size:22px;"><span style="color:#cc6633;"><span style="background-color:#FFFFFF;">детских садов </span></span></span><span style="font-size:22px;"><span style="color:#cc6633;"><span style="background-color:#FFFFFF;">Каменского района Алтайского края</span></span></span></h1>
<p style="margin: 0cm -0.05pt 0.0001pt 0cm; text-indent: 14.2pt; text-align: center;"> </p>
<div align="center" class="mnd"><span style="color:#800000;"><span style="font-size:18px;">Мы глазами детей</span></span></div> </div>