Для сайтов UCOZ:Вид новостей со звёздным рейтингом
| |
abrucoz | Дата: Суббота, 11.07.2009, 16:22 | Сообщение # 1 |
 Продвинутый юзер
Группа: Пользователь
Сообщений: 93
| Начнём : 1.) Панель управления » Главная » Управление дизайном » Таблица стилей (CSS) Вставляем код(можно поставить в самый низ) Code .rating { color: #757575; font: 11px tahoma; width: 85px; height: 16px; } .unit-rating { list-style: none; margin: 0px; padding: 0px; width: 85px; height: 16px; position: relative; background: url(http://balkhash.moy.su/rating/rating.gif) repeat-x top left; } .unit-rating li { text-indent: -90000px; padding: 0px; margin: 0px; float:left; } /*heroes-ru.info*/ .unit-rating li a { display: block; width: 17px; height: 16px; text-decoration: none; text-indent:-9000px; z-index: 17; position: absolute; padding: 0px; } .unit-rating li a:hover { background-image: url(http://balkhash.moy.su/rating/rating.gif); background-position: left center; z-index: 2; left: 0px; } .unit-rating a.r1-unit { left: 0px; } .unit-rating a.r1-unit:hover { width: 17px; } .unit-rating a.r2-unit { left: 17px; } .unit-rating a.r2-unit:hover { width: 34px; } .unit-rating a.r3-unit { left: 34px; } .unit-rating a.r3-unit:hover { width: 51px; } .unit-rating a.r4-unit { left: 51px; } .unit-rating a.r4-unit:hover { width: 68px; } .unit-rating a.r5-unit { left: 68px; } .unit-rating a.r5-unit:hover { width: 85px; } .unit-rating li.current-rating { background-image: url(http://balkhash.moy.su/rating/rating.gif); background-position: left bottom; position: absolute; height: 16px; display: block; text-indent: -9000px; z-index: 1; } 2.) Следующий шаг . Панель управления » Главная » Управление дизайном » Новости сайта » Вид материалов Заменяем всё на : Code <table class="etable" align="center" cellpadding="3" cellspacing="1" width="575"> <tbody><tr class="etitle"><td colspan="2" width="100%"><a href="$ENTRY_URL$">$TITLE$ <?if($DATE$="Сегодня" or $DATE$="Вчера")?><img ilo-full-src="http://balkhash.moy.su/ris/28bf95c09d77.gif" src="http://balkhash.moy.su/ris/28bf95c09d77.gif"><?endif?> </a>$MODER_PANEL$</td></tr>
<tr><td style="" align="left"> <div class="eMessage" style="text-align: left; clear: both;"><?if($OTHER1$)?> <img ilo-full-src="http://balkhash.moy.su/$OTHER1$" src="$OTHER1$" align="left" border="1" hspace="10" vspace="5" width="200"></div><?else?><img width="200" border="1" align="left" vspace="5" hspace="10" src="http://balkhash.moy.su/ris/poster.jpg"></a><?endif?>$MESSAGE$ </td> </tr></tbody></table><table style="width: 100%; border-collapse: collapse;" bgcolor="#e0ffff"> <tbody><tr><td style="border: 1px solid rgb(204, 204, 204); width: 40px; text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;" align="right"><a title="Нажми для просмотра $TITLE$ целиком" href="$ENTRY_URL$"><b><span style="color: rgb(255, 0, 0);"><img alt="Смотреть / Скачать" src="http://balkhash.moy.su/ris/monitor_16.png" align="" border="0"></span></b></a> <!--ENDIF--></td>
<td style="border: 1px solid rgb(204, 204, 204); width: 40px; text-align: left; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;"><?if($RATE_FORM$)?><span id="ratig-layer" style="background: transparent url(http://balkhash.moy.su/rating/$RATING_NUM$.gif) repeat scroll 0% 0%; float: left; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><span class="rating"> <ul class="unit-rating"> <li class="current-rating" id="ids$ID$" style="width: 0px;">0</li> <li><a href="#" title="Плохо" class="r1-unit" onclick="if (confirm('Вы подтверждаете свою оценку?')){var cObj=uz.util.Connect.asyncRequest('GET','/load/0-1-1-$ID$-3',{success: function(o){ getaruond$ID$(1); ParseXML(o.responseXML);}}); return false }">1</a></li> <li><a href="#" title="Приемлемо" class="r2-unit" onclick="if (confirm('Вы подтверждаете свою оценку?')){var cObj=uz.util.Connect.asyncRequest('GET','/load/0-1-2-$ID$-3',{success: function(o){ getaruond$ID$(1); ParseXML(o.responseXML);}}); return false}">2</a></li> <li><a href="#" title="Средне" class="r3-unit" onclick="if (confirm('Вы подтверждаете 3?')){var cObj=uz.util.Connect.asyncRequest('GET','/load/0-1-3-$ID$-3',{success: function(o){ getaruond$ID$(1); ParseXML(o.responseXML);}}); return false}">3</a></li> <li><a href="#" title="Хорошо" class="r4-unit" onclick="if (confirm('Вы подтверждаете 4?')){var cObj=uz.util.Connect.asyncRequest('GET','/load/0-1-4-$ID$-3',{success: function(o){ getaruond$ID$(1); ParseXML(o.responseXML);}}); return false}">4</a></li> <li><a href="#" title="Отлично" class="r5-unit" onclick="if (confirm('Вы подтверждаете 5?')){var cObj=uz.util.Connect.asyncRequest('GET','/load/0-1-5-$ID$-3',{success: function(o){ getaruond$ID$(1); ParseXML(o.responseXML);}}); return false}">5</a></li> </ul> </span></span> <script type="text/javascript"> document.getElementById('ids$ID$').style.width=17*$RATING$+'px'; var i = 0; function getaruond$ID$(x){ if(!i){ var q = $RATED$*$RATING$; var w = (q+x)/($RATED$+1); document.getElementById('ids$ID$').style.width=17*w+'px'; i++; }} </script> <?endif?> </td><td style="border: 1px solid rgb(204, 204, 204); width: 60px; text-align: left; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;"><img src="http://balkhash.moy.su/ris/save_16.png" alt="Категория" align="" border="0"> $CATEGORY_NAME$</td> <td style="border: 1px solid rgb(204, 204, 204); width: 60px; text-align: left; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;"><img src="http://balkhash.moy.su/ris/vcard.png" alt="Автор новости" align="" border="0"> <?if($USERNAME$)?><a href="$PROFILE_URL$">$USERNAME$</a><?endif?></td> <td style="border: 1px solid rgb(204, 204, 204); width: 60px; text-align: left; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;"><img src="http://balkhash.moy.su/ris/calendar_16.png" alt="" border="0"> $DATE$</td> <td style="border: 1px solid rgb(204, 204, 204); width: 20px; text-align: left; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;"><img src="http://balkhash.moy.su/ris/find.png" alt="" border="0"> $READS$</td> <td style="border: 1px solid rgb(204, 204, 204); width: 20px; text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;" align="center"><?if($COMMENTS_URL$)?><a class="m" href="$COMMENTS_URL$"><img src="http://balkhash.moy.su/ris/comment.png" alt="" border="0"> $COMMENTS_NUM$</a><?endif?></td> </tr></tbody></table> <hr><br> Ссылки меняете на свои (если захотите biggrin ))). И всё! Пример
|
|
|
|
ARCHANGEL | Дата: Суббота, 11.07.2009, 16:36 | Сообщение # 2 |
 Мистер Хайд
Группа: Создатель
Сообщений: 12816
| Попробовал поставить. Какая-то херня получилось. Вот, просто бы не вид новостей, а звездочки поставить показал бы
|
|
|
|
abrucoz | Дата: Суббота, 11.07.2009, 16:46 | Сообщение # 3 |
 Продвинутый юзер
Группа: Пользователь
Сообщений: 93
| Code <?if($RATE_FORM$)?><span id="ratig-layer" style="background: transparent url(http://balkhash.moy.su/rating/$RATING_NUM$.gif) repeat scroll 0% 0%; float: left; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><span class="rating"> <ul class="unit-rating"> <li class="current-rating" id="ids$ID$" style="width: 0px;">0</li> <li><a href="#" title="Плохо" class="r1-unit" onclick="if (confirm('Вы подтверждаете свою оценку?')){var cObj=uz.util.Connect.asyncRequest('GET','/load/0-1-1-$ID$-3',{success: function(o){ getaruond$ID$(1); ParseXML(o.responseXML);}}); return false }">1</a></li> <li><a href="#" title="Приемлемо" class="r2-unit" onclick="if (confirm('Вы подтверждаете свою оценку?')){var cObj=uz.util.Connect.asyncRequest('GET','/load/0-1-2-$ID$-3',{success: function(o){ getaruond$ID$(1); ParseXML(o.responseXML);}}); return false}">2</a></li> <li><a href="#" title="Средне" class="r3-unit" onclick="if (confirm('Вы подтверждаете 3?')){var cObj=uz.util.Connect.asyncRequest('GET','/load/0-1-3-$ID$-3',{success: function(o){ getaruond$ID$(1); ParseXML(o.responseXML);}}); return false}">3</a></li> <li><a href="#" title="Хорошо" class="r4-unit" onclick="if (confirm('Вы подтверждаете 4?')){var cObj=uz.util.Connect.asyncRequest('GET','/load/0-1-4-$ID$-3',{success: function(o){ getaruond$ID$(1); ParseXML(o.responseXML);}}); return false}">4</a></li> <li><a href="#" title="Отлично" class="r5-unit" onclick="if (confirm('Вы подтверждаете 5?')){var cObj=uz.util.Connect.asyncRequest('GET','/load/0-1-5-$ID$-3',{success: function(o){ getaruond$ID$(1); ParseXML(o.responseXML);}}); return false}">5</a></li> </ul> </span></span> <script type="text/javascript"> document.getElementById('ids$ID$').style.width=17*$RATING$+'px'; var i = 0; function getaruond$ID$(x){ if(!i){ var q = $RATED$*$RATING$; var w = (q+x)/($RATED$+1); document.getElementById('ids$ID$').style.width=17*w+'px'; i++; }} </script> <?endif?> </td> Вот это попробуй только Css всё равно надо добавить.где-нибудь снизу(это если для новостей)
|
|
|
|
ARCHANGEL | Дата: Суббота, 11.07.2009, 17:24 | Сообщение # 4 |
 Мистер Хайд
Группа: Создатель
Сообщений: 12816
| еще лучше 
|
|
|
|
abrucoz | Дата: Суббота, 11.07.2009, 18:09 | Сообщение # 5 |
 Продвинутый юзер
Группа: Пользователь
Сообщений: 93
| У меня же работает <_< и не только в новостях,еще и в каталоге файлов и доску обьялений переделал,там тоже пашет. В CSS куда поставил,и для какого раздела используешь(блог,новость)? И после того как в CSS поставишь пару минут подождать надо .Я когда первый раз поставил тоже так было.
Сообщение отредактировал abrucoz - Суббота, 11.07.2009, 18:10 |
|
|
|
|
|
Новый навигатор по спискам лучших фильмов |
Списки лучших фильмов (ст. арх. 2, 3,4) ∟Список лучших фильмов (ТОП 50) ∟Списки лучших фильмов по жанрам ∟Списки лучших фильмов по странам Списки лучших сериалов (ст. арх. 2, 3,4) ∟Список лучших сериалов (ТОП 20) ∟Списки лучших сериалов по жанрам ∟Списки лучших сериалов по странам
Мультфильмы Список лучших мультфильмов Мультфильмы 2017, Мультфильмы 2016 Мультфильмы 2015, Мультфильмы 2014 2013, 2012, 2011, 2010, 2009, 2008, 2007, 2006, 2005, 2004, 2003, 2002, 2001, 2000, 00-е (21 век), 10-е (21 век) 21 век, 20 век: 90-е, 80-е, 70-е, до 70х ∟Списки по странам ∟Списки по поджанрам
Фэнтези Список лучших фильмов фэнтези Фэнтези 2017, Фэнтези 2016 Фэнтези 2015, Фэнтези 2014 2013, 2012, 2011, 2010, 2009, 2008, 2007, 2006, 2005, 2004, 2003, 2002, 2001, 2000, 00-е (21 век), 10-е (21 век) 21 век, 20 век: 90-е, 80-е, 70-е, до 70х ∟Списки по странам ∟Списки по поджанрам
Фантастика Список лучших фантастических фильмов Фантастика 2017, Фантастика 2016 Фантастика 2015, Фантастика 2014 2013, 2012, 2011, 2010, 2009, 2008, 2007, 2006, 2005, 2004, 2003, 2002, 2001, 2000, 00-е (21 век), 10-е (21 век) 21 век, 20 век: 90-е, 80-е, 70-е, до 70х
Драмы Список лучших драматических фильмов Драмы 2017, Драмы 2016 Драмы 2015, Драмы 2014 2013, 2012, 2011, 2010, 2009, 2008, 2007, 2006, 2005, 2004, 2003, 2002, 2001, 2000, 00-е (21 век), 10-е (21 век) 21 век, 20 век: 90-е, 80-е, 70-е, до 70х
Комедии Список лучших комедийных фильмов Комедии 2017, Комедии 2016 Комедии 2015, Комедии 2014 2013, 2012, 2011, 2010, 2009, 2008, 2007, 2006, 2005, 2004, 2003, 2002, 2001, 2000, 00-е (21 век), 10-е (21 век) 21 век, 20 век: 90-е, 80-е, 70-е, до 70х
Боевики Список лучших боевиков Боевики 2017, Боевики 2016 Боевики 2015, Боевики 2014 2013, 2012, 2011, 2010, 2009, 2008, 2007, 2006, 2005, 2004, 2003, 2002, 2001, 2000, 00-е (21 век), 10-е (21 век) 21 век, 20 век: 90-е, 80-е, 70-е, до 70х
Ужасы Список лучших фильмов ужасов Ужасы 2017, Ужасы 2016 Ужасы 2015, Ужасы 2014 2013, 2012, 2011, 2010, 2009, 2008, 2007, 2006, 2005, 2004, 2003, 2002, 2001, 2000, 00-е (21 век), 10-е (21 век) 21 век, 20 век: 90-е, 80-е, 70-е, до 70х
Триллеры Список лучших триллеров Триллеры 2017, Триллеры 2016 Триллеры 2015, Триллеры 2014 2013, 2012, 2011, 2010, 2009, 2008, 2007, 2006, 2005, 2004, 2003, 2002, 2001, 2000, 00-е (21 век), 10-е (21 век) 21 век, 20 век: 90-е, 80-е, 70-е, до 70х
|
|