Ajax переключение вида краткой новости dle 10.2 - 11.x

Пригодилось. Спасибо! работает 10.5

 

Предлагаю сделать отдельную тему, в которой будем выкладывать фиксы на творчество ув. Gameer'a. Много полезного функционала делает, каждый в его творчестве увидит что-то необходимое, но увы.. у меня есть два предположения почему так: делается изначально нерабочим чтоб за $ допилить (включая бесплатности); делается под себя с учетом искаженного своими же хаками и модами DLE. Из того что я попробовал себе поставить, где то работало только со слешем в конце, слеш убираеш, не работает. Где-то чпу не верно настроено. Видимо он пишет и тестит на изуродованном своим же сэо паком дле, и считай у тех у кого он не установлен работать не будет. Хотя тестить нужно на чистом DLE без правок, чтоб работало у всех.
Это все лишь мое предположение и мои мысли ибо другого логичного объяснения я не нахожу явлению, когда работает только у него.

 

Это будет куда удобнее чем искать фикс к одному хаку в теме с другим хаком, как сейчас собственно и происходит периодически. Да и сообщество так сказать объединится над одним делом, и тем кто ищет ответы, они будут лежать в одной теме. Кому-то выпадит честь ее создать

 

Да!А теме дать название:"Free-недоделанные".Хоть будет всё ясно.

 

Спасибо за модуль. Я лол в css, так что я установил на сайт, скачал шаблон который более похож на мой сайт, перенёс .tpl и скопировал для них css, немного пошаманил над цветами, и думаю что не плохо получилось. Правда есть ещё над чем поработать, но это уже мелочи.

 

Уважаемый kinoliux.Если не жалко дай код файлов:shortstory_list и shortstory_tablet

 

Я хз как сюда загружать, так что скопирую:

shortstory_list.tpl
-----------------------------------------
<div class="shortstory-list">
<div class="shortstory-list-poster">
<a href="{full-link}" title="{title}">
<img src="{image-1}" alt="{title}" />
</a>
</div>
<div class="shortstory-list-content">
<h4 class="shortstory-list-title">
<a href="{full-link}" title="{title}">{title}</a>
</h4>
<p class="shortstory-list-category">{link-category}</p>
<div class="shortstory-list-rating">
[rating]
[rating-type-1]{rating}[/rating-type-1]
[rating-type-2]
<ul class="ul-rating">
<li>{rating}</li>
<li>[rating-plus]<i class="fa fa-thumbs-o-up"></i>[/rating-plus]</li>
</ul>
[/rating-type-2]
[rating-type-3]
<ul class="ul-rating">
<li class="rating-plus">
[rating-plus]<i class="fa fa-thumbs-o-up"></i>[/rating-plus]
</li>
<li>{rating}</li>
<li class="rating-minus">
[rating-minus]<i class="fa fa-thumbs-o-down fa-flip-horizontal"></i>[/rating-minus]
</li>
</ul>
[/rating-type-3]
[/rating]
</div>
</div>
</div>

----------------------------------------------------------
shortstory_tablet.tpl
----------------------------------------------------------

<div class="shortstory-in">
<div class="shortstory radius-3">
<div class="short-images radius-3">
<a href="{full-link}" title="{title}" class="short-images-link">

<img src="[xfvalue_poster]" alt="{title}" title="{title}">
</a>
<div class="bant">
<var>{vote-num}/5</var>
<div id="ratig-layer"><div class="rating">
<ul class="unit-rating">
[rating-type-1]
<div class="mwrating" style="margin: 10px 0px 0px 0px;">
{rating}
</div>
[/rating-type-1]
</ul>
</div></div>
</div>
[xfgiven_quality]
<span class="film-rip">[xfvalue_quality]</span>
[/xfgiven_quality]
</div>
<div class="short-content">
<h4 class="short-link"><a href="{full-link}" title="{title}">{title}</a></h4>
<div class="short-rating">
<div class="db-rates">
<div class="r-kp" data-label="KP">[xfvalue_kp]</div>
<div class="r-imdb" data-label="IMDB">[xfvalue_imdb]</div>
</div>
</div>
</div>
</div>
</div>

----------------------------------------------------------------------------------

Это в конец CSS
----------------------------------------------------------------------------------
/*shortstory*/
.shortstory-in {float:none; width:100%}
.shortstory {background:#1D232C; margin:0 10px 20px 10px; overflow:hidden;}
@media (min-width: 468px) {
.shortstory-in {float:left; width:50%}
.shortstory-in.shortstory-trailer {float:left; width:50%}
}
@media (min-width: 600px) {
.shortstory-in {float:left; width:50%}
.shortstory-in.shortstory-trailer {float:left; width:50%}
}
@media (min-width: 768px) {
.shortstory-in {float:left; width:33.333333333333%}
.shortstory-in.shortstory-trailer {float:left; width:33.333333333333%}
}
@media (min-width: 992px) {
.shortstory-in {float:left; width:25%}
.shortstory-in.shortstory-trailer {float:left; width:33.333333333333%}
}
@media (min-width: 1200px) {
.shortstory-in {float:left; width:25%}
.shortstory-in.shortstory-trailer {float:left; width:33.333333333333%}
}

.short-content {overflow:hidden;}
.short-link {overflow:hidden; margin:0 0 10px 0; background:#222933; padding:10px;}
.short-link a {
font-size:13px; line-height:1.3; display:block; text-align:center;
height:30px; overflow:hidden; text-transform:uppercase}
.short-link:hover {background:#232F3D}
.short-rating {padding:0 0 10px 0; overflow:hidden; text-align:center}
.short-rating .rating {margin:0 auto;}

.short-images {margin:5px; position:relative;}
.short-images .short-images-link {display:block; position:relative; overflow:hidden}
.short-images short-images-link:before {
position:absolute; left:-100%; top:0; width:100%; height:100%; z-index:2; background:rgba(40,40,40,0.3); content:"";
transition: all 300ms ease-in; -webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in}
.short-images short-images-link:hover:before {
left:0; transition: all 300ms ease-in; -webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in}

/*short-images*/
.short-images a img {width:100%; display:block; height:auto; border:3px solid #222933; border-radius:3px;}
.shortstory-trailer .short-images a img {height:auto}
.shortstory:hover .short-images a img {opacity:0.8}

@media (max-width: 467px) {
.short-images a img {height:auto}
#related-news .short-images a img {height:auto}
.owl-random .short-images a img {height:auto}
.shortstory-trailer .short-images a img {height:auto}
.owl-trailer .shortstory-trailer .short-images a img {height:auto}
}
@media (min-width: 468px) {
.short-images a img {height:290px}
#related-news .short-images a img {height:250px}
.owl-random .short-images a img {height:250px}
.shortstory-trailer .short-images a img {height:170px}
.owl-trailer .shortstory-trailer .short-images a img {height:150px}
}
@media (min-width: 600px) {
.short-images a img {height:390px}
#related-news .short-images a img {height:380px}
.owl-random .short-images a img {height:380px}
.shortstory-trailer .short-images a img {height:200px}
.owl-trailer .shortstory-trailer .short-images a img {height:180px}
}
@media (min-width: 768px) {
.short-images a img {height:320px}
#related-news .short-images a img {height:290px}
.owl-random ..short-images a img {height:300px}
.shortstory-trailer .short-images a img {height:150px}
.owl-trailer .shortstory-trailer .short-images a img {height:220px}
}
@media (min-width: 992px) {
.short-images a img {height:230px}
#related-news .short-images a img {height:185px;}
.owl-random .short-images a img {height:220px}
.shortstory-trailer .short-images a img {height:150px}
.owl-trailer .shortstory-trailer .short-images a img {height:210px}
}
@media (min-width: 1200px) {
.short-images a img {height:275px}
#related-news .short-images a img {height:250px}
.owl-random .short-images a img {height:285px}
.shortstory-trailer .short-images a img {height:180px}
.owl-trailer .shortstory-trailer .short-images a img {height:240px}
}

.radius-3 {border-radius:3px; -webkit-border-radius:3px; -mox-border-radius:3px;}

/*shortstory-list*/
.shortstory-list {
overflow:hidden; position:relative; padding:10px 10px 10px 100px;
background:#141619; height:120px; border-top:1px solid #0754FF;}
.shortstory-list:last-child {border-bottom:1px solid #1D232C;}
.accordion .panel:last-child .shortstory-list {border-bottom-left-radius:3px; border-bottom-right-radius:3px;}
.shortstory-list-poster {width:70px; height:95px; position:absolute; left:10px; top:10px}
.shortstory-list-poster img {width:100%; display:block; height:95px; border-radius:2px; border:2px solid #304156}
.shortstory-list:hover .shortstory-list-poster img {opacity:0.6}
.shortstory-list-title {display:block; font-size:13px; height:43px; overflow:hidden; text-transform:uppercase;}
.shortstory-list-title a {display:table-cell; vertical-align:middle; height:43px;}
.shortstory-list-category {height:21px; overflow:hidden; margin:7px 0 5px 0; font-size:0;}
.shortstory-list-category a {
display:inline-block; vertical-align:middle; padding:3px 6px; border-radius:3px;
background:#161D25; color:#6E879F; font-size:11px; margin-right:2px;}
.shortstory-list-category a:hover {background:#526480; color:#fff}
.shortstory-list-rating {height:20px; overflow:hidden; line-height:20px;}
-----------------------------------------------------
Там уже с стилями поиграешь. Надеюсь помог

 

Спасибо большое!

 

Не зачто! отпишись как сделаешь если помогла. Просто интересно.