Новая вкладка на главной странице

Posted 20 апреля, 20204 yr

подскажите можно ли сделать так чтобы на главной странице выводился блок с видеороликами к примеру 6 штук.. с ютуба.. уроки обучающие

Цитата

Link to comment

https://ipbmafia.ru/topic/22095-novaya-vkladka-na-glavnoj-stranice/

Share on other sites

20 апреля, 20204 yr

Author

comment_161739

ой вроде получилось через кода вставил... http://archi-cat.com но мож есть какой плагин ?

Цитата

Link to comment

https://ipbmafia.ru/topic/22095-novaya-vkladka-na-glavnoj-stranice/?&do=findComment&comment=161739

Share on other sites

20 апреля, 20204 yr

comment_161754

А смысл от плагина? Блок php же работает. Ну и ssl не мешало бы поставить.

Цитата

Link to comment

https://ipbmafia.ru/topic/22095-novaya-vkladka-na-glavnoj-stranice/?&do=findComment&comment=161754

Share on other sites

20 апреля, 20204 yr

Author

comment_161757

да догадался поставить через Блок php

SSL это что ?

Цитата

Link to comment

https://ipbmafia.ru/topic/22095-novaya-vkladka-na-glavnoj-stranice/?&do=findComment&comment=161757

Share on other sites

20 апреля, 20204 yr

comment_161758

SSL сертификат, для защищённого HTTPS соединения.

Цитата

Link to comment

https://ipbmafia.ru/topic/22095-novaya-vkladka-na-glavnoj-stranice/?&do=findComment&comment=161758

Share on other sites

20 апреля, 20204 yr

Author

comment_161759

а где он ставится ? я не вкурсе просто у хостера ?

Цитата

Link to comment

https://ipbmafia.ru/topic/22095-novaya-vkladka-na-glavnoj-stranice/?&do=findComment&comment=161759

Share on other sites

20 апреля, 20204 yr

comment_161762

1 час назад, alexrvs сказал:

а где он ставится ? я не вкурсе просто у хостера ?

Да, хостер должен поставить бесплатный.

Цитата

Link to comment

https://ipbmafia.ru/topic/22095-novaya-vkladka-na-glavnoj-stranice/?&do=findComment&comment=161762

Share on other sites

20 апреля, 20204 yr

Author

comment_161763

понял щас накалю его

Цитата

Link to comment

https://ipbmafia.ru/topic/22095-novaya-vkladka-na-glavnoj-stranice/?&do=findComment&comment=161763

Share on other sites

20 апреля, 20204 yr

Author

comment_161765

по поводу видео я вставил ролики и все а вот еслибы с определеного канала они сами забирались в зависимости от обновления

Цитата

Link to comment

https://ipbmafia.ru/topic/22095-novaya-vkladka-na-glavnoj-stranice/?&do=findComment&comment=161765

Share on other sites

20 апреля, 20204 yr

comment_161766

Есть два платных плагина:

https://invisioncommunity.com/files/file/9397-gs-youtube-videos-widget/

https://invisioncommunity.com/files/file/8866-supershow-youtubevimeo-feed-widget/

Цитата

Link to comment

https://ipbmafia.ru/topic/22095-novaya-vkladka-na-glavnoj-stranice/?&do=findComment&comment=161766

Share on other sites

20 апреля, 20204 yr

comment_161767

12 часов назад, alexrvs сказал:

ой вроде получилось через кода вставил... http://archi-cat.com но мож есть какой плагин ?

supershow_1_0.zip

Цитата

Zero108
1

Link to comment

https://ipbmafia.ru/topic/22095-novaya-vkladka-na-glavnoj-stranice/?&do=findComment&comment=161767

Share on other sites

20 апреля, 20204 yr

comment_161768

4 часа назад, alexrvs сказал:

по поводу видео я вставил ролики и все а вот еслибы с определеного канала они сами забирались в зависимости от обновления

сейчас проще написать на js обычный блок с выводом контента с канала с оформлением под родной шаблон IPS
Делал когда-то для себя))Думаю интернет вам поскажет как переделать под новый апи твича)будет две вкладки с трансляциями твич и ютуб. Вверху всегда выводятся онлайн трансляции

Спойлер


<div class="ipsTabs ipsTabs_small ipsTabs_stretch ipsClearfix" id="blocksTab_01" data-ipstabbar="" data-ipstabbar-contentarea="#blocksTab_01_content">
   <a href='#blocksTab_01' data-action='expandTabs'><i class='icon-caret-down'></i></a>
   <ul role='tablist'>
      <li role='presentation'>
         <a href="#ipsTabs_1" role='tab' id='blocksTab_01_forums' class='ipsTabs_item ipsType_center' aria-selected="true"><i class="fa fa-youtube-play" aria-hidden="true"></i> YouTube</a>
      </li>
      <li role='presentation'>
         <a href="#ipsTabs_2" id='blocksTab_01_orion' role='tab' class='ipsTabs_item ipsType_center'><i class="fa fa-twitch" aria-hidden="true"></i> Twitch</a>
      </li>
   </ul>
</div>
<!-- The tab panel wrapper -->
<div id="blocksTab_01_content" class="ipsTabs_panels">
   <!-- The tab 1 -->
   <div id="ipsTabs_blocksTab_01_blocksTab_01_forums_panel" class="ipsTabs_panel" style="" aria-hidden="" animating="false">
      <div class="ipsWidget_inner">
         <div class="ipsPad_half" id="scroll_streams">
            <ul class="ipsDataList ipsDataList_reducedSpacing" id="results">	</ul>
         </div>
      </div>
   </div>
   <!-- The tab 2 -->
   <div id="ipsTabs_blocksTab_01_blocksTab_01_orion_panel" class="ipsTabs_panel" style="" aria-hidden="" animating="false">
      <div class="ipsWidget_inner">
         <div class="ipsPad_half"  id="scroll_streams">
            <ul class="ipsDataList ipsDataList_reducedSpacing" id="results2">	</ul>
         </div>
      </div>
   </div>
</div>
<!-- The tab panel wrapper -->

<script type="text/javascript">
$(document).ready(function () {
	var vidWidth = 300;
	var vidHeight = 70;
	//var _total = 30;
	//var vidCategoryId = 20;
	//var rCode = 'RU';
	//var eType = 'live';
	//var stat = '';
	//var searchText = $('#encodedStr').val(); 
	//https://www.googleapis.com/youtube/v3/channels?id=..', {}, event); 
	//var searchText = 'tarkov';
	$.get(
		"https://api.twitch.tv/kraken/search/streams?query=tarkov&client_id=ТУТвашключ=30", {
			//part: 'channels',
			//eventType: eType,
			//type: 'video',
			//videoCategoryId: vidCategoryId,
			//regionCode: rCode,
			//maxResults: _total,
			//query: searchText,
			//client_id: 'v8yf737iu36zk4ftw9te7w7cu9o11i'
		},

		function (data) {
			var output;
			$.each(data.streams, function (i, item) {
				display_name = item.channel.display_name;
                viewers = item.viewers;
              	name = item.channel.name;
				status = item.channel.status;
				medium = item.preview.medium;
				output = '<li class="stream_num2 ipsDataItem"><div class="ipsDataItem_icon ipsPos_top"><a href="https://player.twitch.tv/?channel='+name+'"><div class="ipsThumb ipsThumb_tiny ipsThumb_bg" style="background-image: url('+medium+');"></div></a></div><div class="ipsDataItem_main"><div class="ipsCommentCount ipsPos_right ipsFaded" data-ipstooltip="" _title="Смотрят трасляцию">'+viewers+'</div><a href="https://player.twitch.tv/?channel='+name+'"><strong class="ipsOnlineStatus ipsOnlineStatus_online"><i class="fa fa-circle"></i></strong> '+display_name+'</a><br><span class="ipsType_light ipsType_small shortened">'+status+'</span></div>';
              	$('#results2').append(output);
				//statYs = stater(name); 
			});
		});

});
</script>

<script type="text/javascript">
$(document).ready(function () {
	var vidWidth = 300;
	var vidHeight = 70;
	var vidResults = 30;
	var vidCategoryId = 20;
	var rCode = 'RU';
	var eType = 'live';
	var stat = '';
	//var searchText = $('#encodedStr').val(); 
	//https://www.googleapis.com/youtube/v3/channels?id=..', {}, event); 
	var searchText = 'tarkov';
	$.get(
		"https://www.googleapis.com/youtube/v3/search", {
			part: 'id,snippet',
			eventType: eType,
			type: 'video',
			videoCategoryId: vidCategoryId,
			regionCode: rCode,
			maxResults: vidResults,
			q: searchText,
			key: 'ТУТвашключ'
		},

		function (data) {
			var output;
			$.each(data.items, function (i, item) {
				channelTitle = item.snippet.channelTitle;
              	videTitle = item.snippet.title;
				videoId = item.id.videoId;
				url = item.snippet.thumbnails.high.url;
				//output = '<iframe frameborder="0" height="' + vidHeight + '" width="' + vidWidth + '" src=\"//www.youtube.com/embed/' + videoId + '\"></iframe><p style=\"width:420px;\">' + videTitle + '</p><p name="' + videoId + '"id="' + videoId + '"></p>';
				output = '<li class="stream_num2 ipsDataItem"><div class="ipsDataItem_icon ipsPos_top"><a href="https://www.youtube.com/embed/'+videoId+'"><div class="ipsThumb ipsThumb_tiny ipsThumb_bg" style="background-image: url('+url+');"></div></a></div><div class="ipsDataItem_main"><div class="ipsCommentCount ipsPos_right ipsFaded" data-ipstooltip="" _title="Смотрят трасляцию" name="' + videoId + '"id="' + videoId + '"></div><a href="https://www.youtube.com/embed/'+videoId+'"><strong class="ipsOnlineStatus ipsOnlineStatus_online"><i class="fa fa-circle"></i></strong> '+channelTitle+'</a><br><span class="ipsType_light ipsType_small shortened">' + videTitle + '</span></div>';
              	//Append to results listStyleType 
				$('#results').append(output);
				statYs = stater(videoId);
				//console.log('priemnik '+statYs) 
			});
		});

	function stater(viId) {
		$.get(
			"https://www.googleapis.com/youtube/v3/videos", {
				part: 'statistics,snippet',
				id: viId,
				key: "ТУТвашключ"
			},
			function (data) {

				$.each(data.items, function (i, item) {
					stat = + item.statistics.viewCount;
					//console.log('peredatchik ' + stat);
					$('div#' + viId + '').html(stat);
					//$('#results').append(stat); 
					//$('#results').append(stat); 
				});

			});
		// 
		//return stat; 
	}

});
</script>
<style>
#scroll_streams {
height:310px;
overflow-y:scroll;
}
.shortened {
display: inline-block;
max-width: 175px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: top;
</style>
<style>
.ON_stream {
  box-shadow: 0 0 25px #1A0B3C, 0px 0px 0px rgb(0, 0, 0);
  margin: 8px;
}
.ON_status{
  font-family: Helvetica Neue,Helvetica,sans-serif;
}
.ON_tIcon{
  padding: 0 10px 0 0;
  font-size: 20px;
}
.ON_user{
font-size: 16px;
font-weight: 600;
}
.ON_Online {
padding: 1px 5px;
font-size: 12px;
font-weight: 600;
text-transform: none;
box-shadow: 0px 2px 10px rgba(0,0,0,.3), inset 0 1px 0px rgba(255,255,255,.2);
background: rgba(24, 255, 107, 0.5);
} 
  
</style>

Цитата

alexrvs
1

Link to comment

https://ipbmafia.ru/topic/22095-novaya-vkladka-na-glavnoj-stranice/?&do=findComment&comment=161768

Share on other sites

20 апреля, 20204 yr

Author

comment_161769

спасибо

Цитата

Link to comment

https://ipbmafia.ru/topic/22095-novaya-vkladka-na-glavnoj-stranice/?&do=findComment&comment=161769

Share on other sites

27 апреля, 20213 yr

comment_169243

В 20.04.2020 в 22:31, andros0789 сказал:

сейчас проще написать на js обычный блок с выводом контента с канала с оформлением под родной шаблон IPS
Делал когда-то для себя))Думаю интернет вам поскажет как переделать под новый апи твича)будет две вкладки с трансляциями твич и ютуб. Вверху всегда выводятся онлайн трансляции

а можно сделать чисто 2 вкладки со текстом своим? нужен js?

Цитата

Link to comment

https://ipbmafia.ru/topic/22095-novaya-vkladka-na-glavnoj-stranice/?&do=findComment&comment=169243

Sign In

Новая вкладка на главной странице

Featured Replies

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Последние посетители 0

Account

Navigation

Messages

Уведомления

Search