Может кто замечал такой вывод актёров как на http://hdkinoteatr.com когда при наведении на имя актёра выводится мини постер актёра.
Мне добрые люди подсказали купить модуль, но немного поколдовав с гуглом у меня получилось сделать это при помощи css и конечно бесплатного модуля "Connection Person Movie"
Который можно скачать в теме: http://zerocoolpro.biz/forum/threads/connection-person-movie-v1-2-1-otkrytyj-kod-skachat.394/
Вот пример с http://hdkinoteatr.com :
Решил поделиться этим методом, может пригодится кому. Лично мне нравится то что нет необходимости загромождать полную новость лишним блоком с фото актёров.
Минус в том что надо добавлять актёров на сайт ручками, а точнее в полу автоматическом режиме.
Тема в первую очередь для тех кто использует модули PKinoPoisk, PKinoPoisk Person, Connection Person Movie
Я это сделал в 3 этапа.
1. В css
2. В connect_person_movie_person.tpl
3. В fullstory.tpl
[xfvalue_actors] Меняем на строку подключения:
{include file="/engine/modules/connect_person_movie_list.php?post_id={news-id}&list=person&person_type=2&template=connect_person_movie_person"}
Вот как получилось у меня:
Вроде всё описал, надеюсь кому нибудь пригодится.
Мне добрые люди подсказали купить модуль, но немного поколдовав с гуглом у меня получилось сделать это при помощи css и конечно бесплатного модуля "Connection Person Movie"
Который можно скачать в теме: http://zerocoolpro.biz/forum/threads/connection-person-movie-v1-2-1-otkrytyj-kod-skachat.394/
Вот пример с http://hdkinoteatr.com :
Решил поделиться этим методом, может пригодится кому. Лично мне нравится то что нет необходимости загромождать полную новость лишним блоком с фото актёров.
Минус в том что надо добавлять актёров на сайт ручками, а точнее в полу автоматическом режиме.
Тема в первую очередь для тех кто использует модули PKinoPoisk, PKinoPoisk Person, Connection Person Movie
Я это сделал в 3 этапа.
1. В css
.newsfavusers{
border: 2px solid #121417;
float: left;
}
/*Всплывающий минипостер*/
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #3d3d3d;
padding: 5px;
left: -1000px;
border: 1px solid #000;
visibility: hidden;
color: #212427;
text-decoration: none;
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
display: block;
min-width: 75px;
height: 110px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -125px;
left: 20px; /*position where enlarged image should offset horizontally */
}
/*---------------------*/
border: 2px solid #121417;
float: left;
}
/*Всплывающий минипостер*/
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #3d3d3d;
padding: 5px;
left: -1000px;
border: 1px solid #000;
visibility: hidden;
color: #212427;
text-decoration: none;
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
display: block;
min-width: 75px;
height: 110px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -125px;
left: 20px; /*position where enlarged image should offset horizontally */
}
/*---------------------*/
2. В connect_person_movie_person.tpl
[cpm_list]
<div class="newsfavusers">
[is_post][full-link]
[xfgiven_poster]
<a class="thumbnail" href="{full-link}">{name},<span><img src="[xfvalue_poster]"/></span></a>
<br>
[/xfgiven_poster]
[/is_post]
[is_post][/full-link][/is_post]
</div>
[/cpm_list]
<div class="newsfavusers">
[is_post][full-link]
[xfgiven_poster]
<a class="thumbnail" href="{full-link}">{name},<span><img src="[xfvalue_poster]"/></span></a>
<br>
[/xfgiven_poster]
[/is_post]
[is_post][/full-link][/is_post]
</div>
[/cpm_list]
3. В fullstory.tpl
[xfvalue_actors] Меняем на строку подключения:
{include file="/engine/modules/connect_person_movie_list.php?post_id={news-id}&list=person&person_type=2&template=connect_person_movie_person"}
Вот как получилось у меня:
Вроде всё описал, надеюсь кому нибудь пригодится.
