Красивый рип вида материалов новостей для ucoz, с плавным увеличением картинки в модальном окне. Красивый рип вида материалов новостей для ucoz. Автор рипа: MonaX Установка: ПУ/управление дизайном/вид материалов новостей стираем там все и ставим следующий код: Code
<style type="text/css" media="all"> @import url(http://ucoznik.ucoz.ua/highslide/highslide.css); </style> <script type="text/javascript" src="http://ucoznik.ucoz.ua/highslide/highslide.js"></script> <script type="text/javascript" src="http://ucoznik.ucoz.ua/highslide/include_highslide.js"></script> <script type="text/javascript"> hs.graphicsDir = 'http://ucoznik.ucoz.ua/highslide/graphics/'; </script>
<!-- <Оглавление новости> --> <table style="background: transparent url() repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" align="center" border="0" cellpadding="0" cellspacing="0" height="0" width="506"> <tbody><tr><td></td></tr> </tbody></table> <table background="http://ucoznik.ucoz.ua/raznoe/ripi/zagolowok2.png" border="0" cellpadding="0" cellspacing="0" height="52" width="506" align="center"> <tbody><tr> <td style="padding: 0px 0px 16pt 0px;"> <!-- material --> <table style="border-collapse: collapse;"><tbody><tr><td> <!-- <1> --> <table style="background: transparent url() repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" align="center" border="0" cellpadding="0" cellspacing="0" height="0" width="444"> <tbody><tr><td></td></tr> </tbody></table> <table background="" border="0" cellpadding="0" cellspacing="0" height="0" width="444" align="center"> <tbody><tr> <td style="text-align: center;padding-top: 0px; padding-right: 11px; padding-bottom: 0pt; padding-left: 40px; "> <!-- material --> <span class="shadow3" style="font-size: 9pt; color: rgb(255, 165, 0);"><b>$TITLE$</b></span> <!-- material --> </td></tr> </tbody></table> <table style="background: transparent url() repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" align="center" border="0" cellpadding="0" cellspacing="0" height="0" width="444"> <tbody><tr><td></td></tr> </tbody></table> <!-- </1> --> </td><td> <!-- <2> --> <table style="background: transparent url() repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" align="center" border="0" cellpadding="0" cellspacing="0" height="0" width="59"> <tbody><tr><td></td></tr> </tbody></table> <table background="" border="0" cellpadding="0" cellspacing="0" height="0" width="59" align="center"> <tbody><tr> <td style="padding: 12px 13px 0pt 9px;"> <!-- material --> <a></a><div align="center"><a>$RATED$</a></div> <!-- material --> </td></tr> </tbody></table> <table style="background: transparent url() repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" align="center" border="0" cellpadding="0" cellspacing="0" height="0" width="59"> <tbody><tr><td></td></tr> </tbody></table> <!-- </2> --> </td></tr></tbody></table> <!-- material --> </td></tr> </tbody></table> <table style="background: transparent url() repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" align="center" border="0" cellpadding="0" cellspacing="0" height="0" width="506"> <tbody><tr><td></td></tr> </tbody></table> <!-- </Оглавление новости> --></div> <!-- <Описание новости и ее фото> --> <table style="background: transparent url() repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" align="center" border="0" cellpadding="0" cellspacing="0" height="0" width="506"> <tbody><tr><td></td></tr> </tbody></table> <table background="http://ucoznik.ucoz.ua/raznoe/ripi/novost44.png" border="0" cellpadding="0" cellspacing="0" height="182" width="506" align="center"> <tbody><tr> <td style="padding: 0px 0px 0pt 0px;"> <!-- material --> <table style="border-collapse: collapse;"><tbody><tr><td> <!-- <1> --> <table style="background: transparent url() repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" align="center" border="0" cellpadding="0" cellspacing="0" height="0" width="234"> <tbody><tr><td></td></tr> </tbody></table> <table background="" border="0" cellpadding="0" cellspacing="0" width="234" align="center"> <tbody><tr> <td style="padding: 0px 11px 11pt 48px;"> <!-- material --> <div class="kartinki"> <a id="thumb1" href="$IMG_URL1$" class="highslide" onclick="return hs.expand(this)"> <div style="overflow:hidden; float:left; margin: 0px 0px 0px 0px"> <img style="position:absolute;" src="http://ucoznik.ucoz.ua/raznoe/ripi/ramka_na_novosti.png" border="0" width="147" height="145px"> <img width="147" height="145" src="$IMG_URL1$"> </div></a></div><a id="thumb1" href="$IMG_URL1$" class="highslide" onclick="return hs.expand(this)"> </a> <!-- material --> </td></tr> </tbody></table> <table style="background: transparent url() repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" align="center" border="0" cellpadding="0" cellspacing="0" height="2" width="234"> <tbody><tr><td></td></tr> </tbody></table> <!-- </1> --> </td><td> <!-- <2> --> <table style="background: transparent url() repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" align="center" border="0" cellpadding="0" cellspacing="0" height="0" width="269"> <tbody><tr><td></td></tr> </tbody></table> <table background="" border="0" cellpadding="0" cellspacing="0" width="269" align="center"> <tbody><tr> <td style="padding: 0px 39px 0pt 26px;"> <!-- material --> <div class="shadow3" style="text-align: left; clear: both; "><span style="">$MESSAGE$</span></div><br> <!-- material --> </td></tr> </tbody></table> <table style="background: transparent url() repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" align="center" border="0" cellpadding="0" cellspacing="0" height="0" width="269"> <tbody><tr><td></td></tr> </tbody></table> <!-- </2> --> </td></tr></tbody></table> <!-- material --> </td></tr> </tbody></table> <table style="background: transparent url() repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" align="center" border="0" cellpadding="0" cellspacing="0" height="0" width="506"> <tbody><tr><td></td></tr> </tbody></table> <!-- </Описание новости и ее фото> --></div> <!-- <Подробней о самой новости> --> <table style="background: transparent url() repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" align="center" border="0" cellpadding="0" cellspacing="0" height="0" width="506"> <tbody><tr><td></td></tr> </tbody></table> <table background="http://ucoznik.ucoz.ua/raznoe/ripi/podrobney_o_novosti2.png" border="0" cellpadding="0" cellspacing="0" height="46" width="506" align="center"> <tbody><tr> <td style="padding: 0px 0px 0pt 0px;"> <!-- material --> <table style="border-collapse: collapse; width:100%;"><tbody><tr><td> <!-- <1> --> <table style="background: transparent url() repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" align="center" border="0" cellpadding="0" cellspacing="0" height="0" width="366"> <tbody><tr><td></td></tr> </tbody></table> <table background="" border="0" cellpadding="0" cellspacing="0" height="0" width="366" align="center"> <tbody><tr> <td style="padding: 22px 22px 0pt 51px;"> <!-- material --> <!-- Polosa --> <marquee onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=4" width="100%" scrollamount="4"> <!--IF--><div class="shadow4" style="color:#c1c1c1; clear: both;">Добавил: <a href="$PROFILE_URL$" style="color:#e6e6fa;">$USERNAME$</a> | Дата: <span>$DATE$</span><!--ENDIF--> </div></marquee> <!-- /Polosa --> <!-- material --> </td></tr> </tbody></table> <table style="background: transparent url() repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" align="center" border="0" cellpadding="0" cellspacing="0" height="0" width="366"> <tbody><tr><td></td></tr> </tbody></table> <!-- </1> --> </td><td> </td><td> <!-- <2> --> <table style="background: transparent url() repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" align="center" border="0" cellpadding="0" cellspacing="0" height="0" width="137"> <tbody><tr><td></td></tr> </tbody></table> <table background="" border="0" cellpadding="0" cellspacing="0" height="0" width="137" align="center"> <tbody><tr> <td style="padding: 0px 15px 1pt 6px;"> <!-- material --> <a href="$ENTRY_URL$" target="blank" class="but3 b4"></a> <!-- material --> </td></tr> </tbody></table> <table style="background: transparent url() repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" align="center" border="0" cellpadding="0" cellspacing="0" height="0" width="137"> <tbody><tr><td></td></tr> </tbody></table> <!-- </2> --> </td> </tr></tbody></table> <!-- material --> </td></tr> </tbody></table> <table style="background: transparent url() repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" align="center" border="0" cellpadding="0" cellspacing="0" height="0" width="506"> <tbody><tr><td></td></tr> </tbody></table> <!-- </Подробней о самой новости> --></div> В CSS в любое место: Code .shadow1 { font-weight: bold; font-size: 8px; color: #222; text-shadow: 0px 0px 2px white,0px 0px 3px white,0px 0px 3px white; } my.css:286 .shadow1 { font-weight: bold; font-size: 8px; color: #222; text-shadow: 0px 0px 2px white,0px 0px 3px white,0px 0px 3px white; } user agent stylesheet div { display: block; }
.b1 {width:89px; background-image:url(http://www.stalkers-sz.ru/d/melkiy_diz/skachat1.png);} .b2 {width:89px; background-image:url(http://www.stalkers-sz.ru/d/melkiy_diz/zerkalo1.png);} .b3 {width:98px; background-image:url(http://www.stalkers-sz.ru/d/melkiy_diz/podrobney1.png);} .b4 {width:112px; background-image:url(http://www.stalkers-sz.ru/d/melkiy_diz/Podrobney.png);} .b5 {width:89px; background-image:url(http://www.stalkers-sz.ru/d/melkiy_diz/net_dannih1.png);} a.but1 {height:27px; display: block;} a.but1:hover {background-position:bottom;} a.but2 {height:30px; display: block;} a.but2:hover {background-position:bottom;} a.but3 {height:25px; display: block;} a.but3:hover {background-position:bottom;}
element.style { float: left; font-size: 7pt; position: absolute; top: 124px; left: 6px; } |