|
Форум сайта » Система uCoz » Новости сайта » Вид новостей как на Up-Rise |
Вид новостей как на Up-Rise |
[spoiler="Скрин"]http://img.ii4.ru/images/2011/01/05/73581_2004_08_05_145802.jpg[/spoiler]
[spoiler="Скрин "]http://img.ii4.ru/images/2011/01/05/73580_3331.jpg[/spoiler] [Table]Это вставляем в Верхнюю часть сайта[/Table] [Table]В самый верх ставим[/Table]
Code <script type="text/javascript" src="http://orel-cs.net.ru/xyunya_Bcyakaya/sprite.js"></script> <script src="http://orel-cs.net.ru/xyunya_Bcyakaya/lytebox.original.js" type="text/javascript"></script> [Table]Потом идём В CSS сайта и ставим туда вот это[/Table]
Code .news1 {width:4px;height:25px;background: url('http://up-rise.ru/Design/1/img/34.png') no-repeat left;} .news2 {background: url('http://up-rise.ru/Design/1/img/36.png') repeat-x;font-family:Verdana,Arial,Sans-Serif;font-size:12px;font-weight:bold;color:#F5F5F5; padding: 0px 0px 5px 0px;} .news3 {width:4px;height:25px;background: url('http://up-rise.ru/Design/1/img/35.png') no-repeat right;} .news17 {width:100px;background: url('http://up-rise.ru/Design/1/img/36.png') repeat-x;font-family:Verdana,Arial,Sans-Serif;font-size:12px;font-weight:bold;color:#F5F5F5; padding: 0px 0px 5px 0px;} .news4 {width:4px;height:6px;background: url('http://up-rise.ru/Design/1/img/38.png') repeat-y left;} .news5 {background: url('http://up-rise.ru/Design/1/img/41.png');} .news6 {width:4px;height:6px;background: url('http://up-rise.ru/Design/1/img/37.png') repeat-y right;} .news7 {width:28px;height:23px;background: url('http://up-rise.ru/Design/1/img/46.png') no-repeat left;} .news8 {background: url('http://up-rise.ru/Design/1/img/47.png') repeat-x;} .news9 {width:28px;height:23px;background: url('http://up-rise.ru/Design/1/img/48.png') no-repeat right;} .news10 {width:140px;background: url('http://up-rise.ru/Design/1/img/41.png');font-size:11px;font-size:11px;color:#fff;padding:10px 0px 0px 10px;} .news111 {background: url('http://up-rise.ru/Design/1/img/41.png');padding:10px 0px 0px 10px;} .news15 {width:3px;height:3px;background: url('http://up-rise.ru/Design/1/img/38.png') no-repeat left;} .news12 {width:3px;height:3px;background: url('http://up-rise.ru/Design/1/img/49.png') no-repeat left;} .news13 {background: url('http://up-rise.ru/Design/1/img/50.png') repeat-x;} .news14 {width:3px;height:3px;background: url('http://up-rise.ru/Design/1/img/51.png') no-repeat right;} .news16 {width:3px;height:3px;background: url('http://up-rise.ru/Design/1/img/37.png') no-repeat right;} .NewsOption {font-family:verdana,arial,helvetica;font-size:8pt; color:#828282;padding:3;} .NewsOption2 {font-family:verdana,arial,helvetica;font-size:8pt; color:#f4f4f4;padding:3;} #lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; } #lbOverlay.grey { background-color: #000000; } #lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-ali tckbgn: center; line-height: 0; } #lbMain a img { border: none; } #lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; } #lbOuterContainer.grey { border: 3px solid #888888; } #lbDetailsContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em; overflow: auto; margin: 0 auto; } #lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; } #lbImageContainer, #lbIframeContainer { padding: 10px; } #lbLoading {position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(/SinNew2010/img/loading.gif) center no-repeat;} #lbDetailsData { padding: 0 10px; } #lbDetailsData.grey { color: #333333; } #lbDetails { width: 60%; float: left; text-align: left; } #lbCaption { display: block; font-weight: bold; } #lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; } #lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; } #lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; } #lbClose.grey { background: url(http://up-rise.ru/Design/1/img/close_grey.png) no-repeat; } [Table]Потом идём В Вид Материалов Новостей[/Table] [Table]И вставляем это[/Table]
Code <table cellpadding="0" cellspacing="0" border="0" width="820px"> <tr> <td class="news1"><img src="http://up-rise.ru/Design/1/img/34.1.png"></td> <td class="news2"><a href="$ENTRY_URL$">$TITLE$</a></td> <td class="news17" align="right"></td> <td class="news3"><img src="http://up-rise.ru/Design/1/img/35.1.png"></td> </tr> </table> <table cellpadding="0" cellspacing="0" border="0" width="820px" > <tr> <td class="news4"><img src="http://up-rise.ru/Design/1/img/38.1.png"></td> <td class="news5"><div class="NewsOption">Добавил: <b><a href="$PROFILE_URL$" target="_blank">$USERNAME$</a></b>, Добавлен: $DATE$ Просмотров: <b>$READS$</b></div></td> <td class="news5" align="right"></td> <td class="news6"><img src="http://up-rise.ru/Design/1/img/37.1.png"></td> </tr> </table> <table cellpadding="0" cellspacing="0" border="0" width="820px" > <tr> <td class="news15" align="left"></td> <td class="news12"><img src="http://up-rise.ru/Design/1/img/50.1.png"></td> <td class="news13"><img src="http://up-rise.ru/Design/1/img/50.1.png"></td> <td class="news14"><img src="http://up-rise.ru/Design/1/img/50.1.png"></td> <td class="news16" align="right"></td> </tr> </table> <table cellpadding="0" cellspacing="0" border="0" width="820px"> <tr> <td class="news4"><img src="http://up-rise.ru/Design/1/img/38.1.png"></td> <td class="news10" valign="top"><a title="$TITLE$" href="$OTHER1$" rel="lytebox" alt="$TITLE$"><img style="margin: 0px 0px 0px 0px; border: 0px;" alt="$TITLE$" src="$OTHER1$" height="120" width="130" /></a></td> <td class="news111" valign="top">$MESSAGE$<br/></td> <td class="news6"><img src="http://up-rise.ru/Design/1/img/37.1.png"></td> </tr> </table> <table cellpadding="0" cellspacing="0" border="0" width="820px"> <tr> <td class="news7"><img src="http://up-rise.ru/Design/1/img/44.1.png"></td> <td class="news8" align="left" style="padding:0 0 0 15"><style type="text/css">.u-star-rating{list-style:none;margin:0px;padding:0px;width:60px;height:12px;position:relative;background: url('http://www.up-rise.ru/.s/img/stars/3/12.png') top left repeat-x;}.u-star-rating li{padding:0px;margin:0px;float:left;}.u-star-rating li a{display:block;width:12px;height: 12px;line-height:12px;text-decoration:none;text-indent:-9000px;z-index:20;position:absolute;padding: 0px;overflow:hidden;}.u-star-rating li a:hover{background: url('http://www.up-rise.ru/.s/img/stars/3/12.png') left center;z-index:2;left:0px;border:none;}.u-star-rating a.u-one-star{left:0px;}.u-star-rating a.u-one-star:hover{width:12px;}.u-star-rating a.u-two-stars{left:12px;}.u-star-rating a.u-two-stars:hover{width:24px;}.u-star-rating a.u-three-stars{left:24px;}.u-star-rating a.u-three-stars:hover{width:36px;}.u-star-rating a.u-four-stars{left:36px;}.u-star-rating a.u-four-stars:hover{width:48px;}.u-star-rating a.u-five-stars{left:48px;}.u-star-rating a.u-five-stars:hover{width:60px;}.u-star-rating li.u-current-rating{top:0 !important; left:0 !important;margin:0 !important;padding:0 !important;outline:none;background: url('http://www.up-rise.ru/.s/img/stars/3/12.png') left bottom;position: absolute;height:12px !important;line-height:12px !important;display:block;text-indent:-9000px;z-index:1;}</style><script type="text/javascript">var usrarids={};function ustarrating(id,mark){if (!usrarids[id]){usrarids[id]=1;$(".u-star-li-"+id).hide();_uPostForm('',{type:'POST',url:'/index/',data:{'a':'65','id':id,'mark':mark,'mod':'index','ajax':'2'}});}}</script> <ul id="uStarRating618" class="u-star-rating" title="Рейтинг: 0.0/0"> <li class="u-current-rating" id="uCurStarRating618" style="width:0%;"></li> <li class="u-star-li-618"><a href="#" onclick="ustarrating('618',1);return false;" class="u-one-star">$RATING_NUM$</a></li> <li class="u-star-li-618"><a href="#" onclick="ustarrating('618',2);return false;" class="u-two-stars">$RATING_NUM$</a></li> <li class="u-star-li-618"><a href="#" onclick="ustarrating('618',3);return false;" class="u-three-stars">$RATING_NUM$</a></li> <li class="u-star-li-618"><a href="#" onclick="ustarrating('618',4);return false;" class="u-four-stars">$RATING_NUM$</a></li> <li class="u-star-li-618"><a href="#" onclick="ustarrating('618',5);return false;" class="u-five-stars">$RATING_NUM$</a></li> </ul> </td> <td class="news8" align="right"><a href="$ENTRY_URL$"><b>Подробнее ...</b></a></td> <td class="news9"><img src="http://up-rise.ru/Design/1/img/44.1.png"></td> </tr> </table> Сообщение отредактировал: hazard - Среда, 05.01.2011, 03:37 |
| |||
| |||