• 1566
  • 3
  • Автор: vip
  • Адаптировал: vip
  • Уровень сложности исполнения: это делается простым копированием и нажиманием кнопки
  • Демо:

Еше один вариант рейтинга

1.Скачиваем файл Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
2.Распаковываем
3.Заливаем в /engine/plugins/ папку rating
4.заливаем папку images и plugins в папку вашего шаблона
4.в css

Код:
/*---oRating---*/
.opating_btn {
overflow: hidden;
background: #f7f5f5; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #f7f5f5 0%, #e8e8e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f5f5), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f7f5f5 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f7f5f5 0%,#e8e8e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f7f5f5 0%,#e8e8e8 100%); /* IE10+ */
background: linear-gradient(to bottom, #f7f5f5 0%,#e8e8e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f5f5', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-8 */
position: relative;
-webkit-box-shadow: inset 0px 0px 0px 1px rgba(230, 230, 230, 1);
-moz-box-shadow: inset 0px 0px 0px 1px rgba(230, 230, 230, 1);
box-shadow: inset 0px 0px 0px 1px rgba(230, 230, 230, 1), 0px 1px 2px 0px rgba(0, 0, 0, 0.44);
height: 21px;
float: left;
margin: 0 11px 0 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.orating {
position:relative;
padding: 0 1px 0 0;
margin: 0;
}
.orating_num {
height: 20px;
display: block;
float: left;
background: #bebcbc; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JlYmNiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNmE2YTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #bebcbc 0%, #a6a6a6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bebcbc), color-stop(100%,#a6a6a6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #bebcbc 0%,#a6a6a6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #bebcbc 0%,#a6a6a6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #bebcbc 0%,#a6a6a6 100%); /* IE10+ */
background: linear-gradient(to bottom, #bebcbc 0%,#a6a6a6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bebcbc', endColorstr='#a6a6a6',GradientType=0 ); /* IE6-8 */
-webkit-box-shadow: inset 0px 0px 0px 1px rgba(196, 194, 194, 1), 0px 0px 0px 1px rgba(174, 174, 174, 1);
-moz-box-shadow: inset 0px 0px 0px 1px rgba(196, 194, 194, 1), 0px 0px 0px 1px rgba(174, 174, 174, 1);
box-shadow: inset 0px 0px 0px 1px rgba(196, 194, 194, 1), 0px 0px 0px 1px rgba(174, 174, 174, 1);
padding: 0 4px 0 4px;
position: relative;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-size: 13px;
line-height: 17px;
margin: 1px 0 0 0;
text-shadow: 0 1px 0 rgba(0,0,0,0.27);
}
.orating_num::after {
content: '';
position: absolute;
top: 5px;
left: -6px;
height: 10px;
background: url("../images/orate_green.png") no-repeat 0 -40px;
width: 7px;
}
.orating_num a {
color: #fff;
}
a.orating_res, span.orating_res{
color:#fff;
}
a.orating_res:hover {color:#f0f0f0;}
a.orating_m, a.orating_p {
height: 19px;
width: 22px;
margin: 1px 0 0 0;
background: url("../images/oicons.png") no-repeat;
}
a.orating_m {
float:right;
border-left: 1px solid #fcfcfc;
background-position: -22px 0;
}
a.orating_m:hover {
background-position: -22px -19px;
}
a.orating_m.orated {
background-position: -22px -19px;
}
a.orating_p {
float: left;
border-right: 1px solid #e3dfdf;
}
a.orating_p:hover {
background-position: 0 -19px;
}
a.orating_p.orated {
background-position: 0 -19px;
}

.ogray {
background: #bebcbc; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JlYmNiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNmE2YTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #bebcbc 0%, #a6a6a6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bebcbc), color-stop(100%,#a6a6a6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #bebcbc 0%,#a6a6a6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #bebcbc 0%,#a6a6a6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #bebcbc 0%,#a6a6a6 100%); /* IE10+ */
background: linear-gradient(to bottom, #bebcbc 0%,#a6a6a6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bebcbc', endColorstr='#a6a6a6',GradientType=0 ); /* IE6-8 */
-webkit-box-shadow: inset 0px 0px 0px 1px rgba(196, 194, 194, 1), 0px 0px 0px 1px rgba(174, 174, 174, 1);
-moz-box-shadow: inset 0px 0px 0px 1px rgba(196, 194, 194, 1), 0px 0px 0px 1px rgba(174, 174, 174, 1);
box-shadow: inset 0px 0px 0px 1px rgba(196, 194, 194, 1), 0px 0px 0px 1px rgba(174, 174, 174, 1);
}
.ogray::after {
background: url("../images/orate_green.png") no-repeat 0 -40px;
}
.oplus {
background: #72b44f; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcyYjQ0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1YTkzM2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #72b44f 0%, #5a933b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#72b44f), color-stop(100%,#5a933b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #72b44f 0%,#5a933b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #72b44f 0%,#5a933b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #72b44f 0%,#5a933b 100%); /* IE10+ */
background: linear-gradient(to bottom, #72b44f 0%,#5a933b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72b44f', endColorstr='#5a933b',GradientType=0 ); /* IE6-8 */
-webkit-box-shadow: inset 0px 0px 0px 1px rgba(127, 186, 96, 1), 0px 0px 0px 1px rgba(101, 163, 67, 1);
-moz-box-shadow: inset 0px 0px 0px 1px rgba(127, 186, 96, 1), 0px 0px 0px 1px rgba(101, 163, 67, 1);
box-shadow: inset 0px 0px 0px 1px rgba(127, 186, 96, 1), 0px 0px 0px 1px rgba(101, 163, 67, 1);
}
.oplus::after {
background: url("../images/orate_green.png") no-repeat 0 0;
}
.ominus {
background: #b43636; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I0MzYzNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNDI3MjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #b43636 0%, #a42727 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b43636), color-stop(100%,#a42727)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b43636 0%,#a42727 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b43636 0%,#a42727 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b43636 0%,#a42727 100%); /* IE10+ */
background: linear-gradient(to bottom, #b43636 0%,#a42727 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b43636', endColorstr='#a42727',GradientType=0 ); /* IE6-8 */
-webkit-box-shadow: inset 0px 0px 0px 1px rgba(187, 73, 73, 1), 0px 0px 0px 1px rgba(175, 56, 56, 1);
-moz-box-shadow: inset 0px 0px 0px 1px rgba(187, 73, 73, 1), 0px 0px 0px 1px rgba(175, 56, 56, 1);
box-shadow: inset 0px 0px 0px 1px rgba(187, 73, 73, 1), 0px 0px 0px 1px rgba(175, 56, 56, 1);
}
.ominus::after {
background: url("../images/orate_green.png") no-repeat 0 -10px;
}
.ogold {
background: #f29214; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyOTIxNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYjdhMTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #f29214 0%, #cb7a10 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f29214), color-stop(100%,#cb7a10)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f29214 0%,#cb7a10 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f29214 0%,#cb7a10 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f29214 0%,#cb7a10 100%); /* IE10+ */
background: linear-gradient(to bottom, #f29214 0%,#cb7a10 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f29214', endColorstr='#cb7a10',GradientType=0 ); /* IE6-8 */
-webkit-box-shadow: inset 0px 0px 0px 1px rgba(242, 155, 42, 1), 0px 0px 0px 1px rgba(222, 134, 19, 1);
-moz-box-shadow: inset 0px 0px 0px 1px rgba(242, 155, 42, 1), 0px 0px 0px 1px rgba(222, 134, 19, 1);
box-shadow: inset 0px 0px 0px 1px rgba(242, 155, 42, 1), 0px 0px 0px 1px rgba(222, 134, 19, 1);
}
.ogold::after {
background: url("../images/orate_green.png") no-repeat 0 -20px;
}
.oblack {
background: #bebcbc; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JlYmNiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNDE0MTQxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM4MzgzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, #bebcbc 0%, #414141 0%, #383838 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bebcbc), color-stop(0%,#414141), color-stop(100%,#383838)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #bebcbc 0%,#414141 0%,#383838 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #bebcbc 0%,#414141 0%,#383838 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #bebcbc 0%,#414141 0%,#383838 100%); /* IE10+ */
background: linear-gradient(to bottom, #bebcbc 0%,#414141 0%,#383838 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bebcbc', endColorstr='#383838',GradientType=0 ); /* IE6-8 */
-webkit-box-shadow: inset 0px 0px 0px 1px rgba(74, 74, 74, 1), 0px 0px 0px 1px rgba(63, 63, 63, 1);
-moz-box-shadow: inset 0px 0px 0px 1px rgba(74, 74, 74, 1), 0px 0px 0px 1px rgba(63, 63, 63, 1);
box-shadow: inset 0px 0px 0px 1px rgba(74, 74, 74, 1), 0px 0px 0px 1px rgba(63, 63, 63, 1);
}
.oblack::after {
background: url("../images/orate_green.png") no-repeat 0 -30px;
}

4.включаем в админке- плагины-rating-Настройки отображения
1.шаблон
2.basic
5.наслаждаемся biggrin

Можешь почитать и вот эту статейку "Анимированная гирлянда для сайта"

mistakes

Это тоже интересно

    newest

    newest | 5.04.2015 - 22:14

    Установил, все работает!
    Только нет анимации при наведении. Что я сделал не так?

    ответить

    irbees2008

    irbees2008 | 5.04.2015 - 17:18

    К сожалению нет

    ответить

    phoboss

    phoboss | 3.04.2015 - 23:56

    Есть ли подобная голосовалка для комментариев?

    ответить

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Ваше мнение

Какие темы вам интереснее?
Результаты

----