Nk-CS.Ru: Все для вашего портала uCoz
Авторизация

Хак для сайта с плеером и скриншотом под uCoz

Хак для сайта с плеером и скриншотом под uCoz Друзья предлагаю к вашему вниманию, немного доработанный и собранный из разных источников под типа хака для вашего сайта.
Преимущества в том, что он даже не хак а скорее удобство.

Что представляет из себя скрипт:
1. Обложка с левой либо с правой стороны, при этом с описанием на одном уровне.
2. Скриншоты после описания в рамках красивые, и на взгляд приятные.
3. Автоматический плеер, после добавления материала вам не нужно думать откуда достать плеер, он сам выведет.
<div class="news"> 
<div class="news_l_in">
<div style="margin: 8pt 8px 0pt 8pt; text-align: right; float: right; display: block;">  
  <table style="border-collapse: collapse; background-color: rgb(220, 220, 220);" align="" width=""><tbody><tr><td style="text-align: center; vertical-align: middle; border: medium double rgb(105, 105, 105); padding: 5px;">  
  <?if($SCREEN_URL$)?><a href="$SCREEN_URL$" title="$ENTRY_NAME$, $TIMESTAMP$" rel="shadowbox"><img src="$SCREEN_URL$" width="180px" alt="$ENTRY_NAME$"></a></div><?endif?>  
  </td></tr></tbody></table></div>  
<div aling="center">  <div style="text-align: left; display: block; margin: 5pt 0px 2pt 8pt;">$MESSAGE$
<div class="step-2" style="float: left;"> 
<?if($IMG_URL1$)?><div class="step-2-screen"><div class="img-step ulightbox" href="$IMG_URL1$" style="background-image: url('$IMG_URL1$')"></div></div><?else?> 
<div class="step-2-screen"><div class="img-step" style="background-image: url('http://kanym.ru/images/noscreenshot.jpg')"></div></div><?endif?> 
<?if($IMG_URL2$)?><div class="step-2-screen"><div class="img-step ulightbox" href="$IMG_URL2$" style="background-image: url('$IMG_URL2$')"></div></div><?else?> 
<div class="step-2-screen"><div class="img-step" style="background-image: url('http://kanym.ru/images/noscreenshot.jpg')"></div></div><?endif?> 
<?if($IMG_URL3$)?><div class="step-2-screen"><div class="img-step ulightbox" href="$IMG_URL3$" style="background-image: url('$IMG_URL3$')"></div></div><?else?> 
<div class="step-2-screen"><div class="img-step" style="background-image: url('http://kanym.ru/images/noscreenshot.jpg')"></div></div><?endif?> 
<?if($IMG_URL4$)?><div class="step-2-screen"><div class="img-step ulightbox" href="$IMG_URL4$" style="background-image: url('$IMG_URL4$')"></div></div><?else?> 
<div class="step-2-screen"><div class="img-step" style="background-image: url('http://kanym.ru/images/noscreenshot.jpg')"></div></div><?endif?> 
</div> 
</div> </div> 
 <br>
<center> 
 <hr><div id="yohoho" data-title="$ENTRY_TITLE$"></div> 
<script src="//yohoho.cc/yo.js"></script> 
 </div> </center> <hr>
  </td></tr> 
 <br>
<center><a href="$FILE_URL$" title="Скачать торрент $ENTRY_TITLE$" class="download_button_like_stat" rel="nofollow"> 
 <span class="download_button_like_stat_title">Скачать торрент $ENTRY_TITLE$ </span> 
 <span class="download_button_like_stat_subtitle"><span style="float: right; padding-left: 20px;"><b>Размер торрента:</b> $FILE_SIZE$</span><b>Размер раздачи:</b> $RFILE_SIZE$</span> 
 <span class="download_button_like_stat_subtitle" style="padding-top: 2px; font-size: 10px;"><b>Название файла: </b>$ENTRY_TITLE$</span> 
 </a> 
 </center>
 <br><br>

В таблицу стилей CSS в самый низ добавьте код:

.quet { 
 background: url('http://kanym.ru/images/new_title_arrows.png') #83c315 no-repeat; 
 } 
 .download_button_like_stat { 
 display: inline-block; 
 //color: #2DC5EB !important; 
 //font-size: 15px !important; 
 font-family: Arial !important; 
 font-weight: bold; 
 text-align: left; 
 //height: 60px; 
 //padding: 12px 15px 5px 80px; 
 margin: 8px; 
 white-space: nowrap; 
 overflow: hidden; 
 text-overflow: ellipsis; 
 -o-text-overflow: ellipsis; 
 max-width: 450px; 
 //border-radius: 12px; 
 //-moz-border-radius: 12px; 
 //-webkit-border-radius: 12px; 
 // new styles starts here: 
 border-radius: 7px; 
 -moz-border-radius: 7px; 
 -webkit-border-radius: 7px; 
 background: #05a351 url('http://kanym.ru/images/download_icon_v3.png') no-repeat -39px 50%; 
 border-bottom: 1px solid #008841; 
 -webkit-box-shadow: 0px 1px 3px 0px rgba(0,88,42,0.3); 
 -moz-box-shadow: 0px 1px 3px 0px rgba(0,88,42,0.3); 
 box-shadow: 0px 1px 3px 0px rgba(0,88,42,0.3); 
 color: #FFFFFF !important; 
 font-size: 14px !important; 
 padding: 11px 15px 10px 80px; 
 text-transform: uppercase; 
 } 

 .download_button_like_stat .download_button_like_stat_title { 
 line-height: 16px; 
 } 

 .download_button_like_stat .download_button_like_stat_subtitle { 
 display: block; 
 //color: #858a93; 
 color: #e5feee; 
 font-size: 11px; 
 font-family: Arial; 
 font-weight: normal; 
 text-transform: uppercase; 
 //padding: 5px 0 0 0; 
 line-height: 14px; 
 white-space: nowrap; 
 overflow: hidden; 
 text-overflow: ellipsis; 
 padding: 6px 0 0 0; 
 } 

 .download_button_like_stat:hover { 
 //background-position: 10px -82px; 
 //background-color: #f5fbfc; 
 background-color: #05974b; 
 border-bottom: 1px solid #007b3b; 
 } 

 .download_button_like_stat:hover .download_button_like_stat_title { 
 text-decoration: underline !important; 
 } 

 .download_button_like_stat:hover .download_button_like_stat_subtitle { 
 //color: #5C6063; 
 text-decoration: none !important; 
 } 
.form-type { 
width:32%; 
float:left; 
margin: 0.5% 0 0.5% 1%; 
border: 1px solid #D3D3D3; 
border-radius: 3px; 
} 
.form-title { 
font-size:16px; 
text-align:left; 
height:34px; 
margin: 5px; 
} 
.form-info { 
width:100%; 
display: inline-block; 
} 
.left-info { 
display: block; 
float:left; 
color: #000000; 
font-size: 16px; 
margin: 5px; 
} 
.right-info { 
display: block; 
float:right; 
margin: 16px 5px 5px 5px; 
} 
.img-form { 
opacity: 1; 
z-index:1; 
border-radius: 3px 3px 0 0; 
display: block; 
position: relative; 
margin: 0; 
padding-bottom: 135%; 
height: 0; 
overflow: hidden; 
background-size: 100% 100%; 
-moz-background-size: 100% 100%; 
-webkit-transition: all 0.5s ease; 
-moz-transition: all 0.5s ease; 
-o-transition: all 0.5s ease; 
-ms-transition: all 0.5s ease; 
transition: all 0.5s ease; 
} 
.img-form:hover { 
opacity: 0.6; 
} 
.numeral { 
color:#FFFFFF; 
font-size:14px; 
background:#CD5C5C; 
border-radius:2px; 
box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.8); 
} 
.numeral-rate { 
color:#FFFFFF; 
font-size:24px; 
background:#2E8B57; 
border-radius:2px; 
box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.8); 
} 
@media only screen and (max-width: 768px) { 
.form-title {height:64px;} 
} 
@media only screen and (max-width: 640px) { 
.form-type {width:48%;} 
.form-title {height:64px;} 
}



.main-block {
width: 100%;
background-color: #363636; 
border: 1px solid #BEBEBE;
margin: 5px 0; 
}
.main-block-font {
color: #828282;
font-family: Impact;
text-transform: uppercase;
font-size: 16px;
text-shadow: 2px 4px 3px rgba(0,0,0,0.85);
margin: 2px 5px;
}
.main-step {
border: 1px solid #BEBEBE;
height: auto;
overflow: hidden;
}
.step-1 {
background-color: #363636; 
font-size: 14px;
color: #FFFFFF;
text-align: left;
overflow: hidden;
}
.step-1 img {
opacity: 1;
width: 150px;
height: 255px;
border: 2px solid #696969;
border-radius: 3px;
float: left;
margin: 5px 10px 5px 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease; 
}
.step-1 img:hover {
opacity: 0.75; 
}
.step-2 {
width: 100%;
border: 1px solid #BEBEBE;
overflow: hidden;
}
.step-2-screen {
display: block;
float: left;
width: 24%;
margin: 0.5%;
}
.info {
display: inline;
background-color: #4F4F4F;
box-shadow: inset 0 1px 1px 1px #000;
}
.info-font {
font-family: Impact; 
font-size: 14px;
color: #CCCCCC;
text-shadow: 2px 4px 3px rgba(0,0,0,0.85);
}
.main-message {
color: #FFFFFF;
font-size: 14px;
text-shadow: 2px 4px 3px rgba(0,0,0,0.85);
}
.footer-block { 
margin: 5px 0 10px 0;
background-color: #4F4F4F; 
border: 1px solid #BEBEBE;
}
.img-step {
z-index: 1;
border: 2px solid #696969;
border-radius: 3px;
display: block;
position: relative;
margin: 0;
padding-bottom: 65%;
height: 0;
overflow: hidden;
background-size: 100% 100%;
-moz-background-size: 100% 100%;
}
@media only screen and (max-width: 320px) {
.step-1 img {width:100%; height: auto; float:none;}
}

Друзья в коде включено сразу несколько функций такие как и торрент раздача..

7.5
10 оценок
7.0
Дизайн:
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
9.5
Функционал:
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
7.3
Мобильность:
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
6.0
Общая оценка:
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
Читайте также
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Авторизация
лучший сайт где можно скачать шаблоны для dle 11.3 бесплатно