Перейти к содержанию

Как такое возможно сделать?


Рекомендуемые сообщения

Чёт не кто не знает, где только не спрашивал

Ссылка на комментарий
Поделиться на другие сайты

wasder12, разве самому делать хак, чтоб определенная группа видела этот раздел 

Ссылка на комментарий
Поделиться на другие сайты

Были бы такие широкие познания в этом

Ссылка на комментарий
Поделиться на другие сайты

Category Overlay Effect ..... для IPB 3.4.x знаю .... но IPB 4 должны играть с кодом

Ссылка на комментарий
Поделиться на другие сайты

Знать бы какой код вставлять я бы попытал счастья

Ссылка на комментарий
Поделиться на другие сайты

Я думаю, что это плагин

2 минуты назад, wasder12 сказал:

Знать бы какой код вставлять я бы попытал счастья

<if test="$cat_data['id'] = 1"> <php>$groups = array(1, 2, 3);</php> <if test="in_array($this->memberData['member_group_id'],  $groups)">    <style type='text/css'>#category_XX.category_block  {position:  relative;}        #category_XX:after  {content:  "Customers Only"; background:  url("{style_images_url}/transw80.png") repeat;background:  rgba(255, 255, 255, 0.8);position:  absolute;top:  0;left:  0;right:  0;bottom:  0;            font-size:  30px;line-height:  350px;text-align:  center;z-index:  10;cursor:  normal;}</style></if></if>

 

Ссылка на комментарий
Поделиться на другие сайты

3 минуты назад, Silence сказал:

Я думаю, что это плагин


<if test="$cat_data['id'] = 1"> <php>$groups = array(1, 2, 3);</php> <if test="in_array($this->memberData['member_group_id'],  $groups)">    <style type='text/css'>#category_XX.category_block  {position:  relative;}        #category_XX:after  {content:  "Customers Only"; background:  url("{style_images_url}/transw80.png") repeat;background:  rgba(255, 255, 255, 0.8);position:  absolute;top:  0;left:  0;right:  0;bottom:  0;            font-size:  30px;line-height:  350px;text-align:  center;z-index:  10;cursor:  normal;}</style></if></if>

 

о как ну спасибо пойду тыкать его 

Случайно не знаете куда его можно вставить?

Ссылка на комментарий
Поделиться на другие сайты

1 минуту назад, Silence сказал:

Ето код для IPB 3.4.x .... 

 

Печально, а вы такое на заказ делаете?

Ссылка на комментарий
Поделиться на другие сайты

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

Печально, а вы такое на заказ делаете?

 

Ссылка на комментарий
Поделиться на другие сайты

18 часов назад, Silence сказал:

 

Я видимо заплутал

У меня 4 категории в раздели

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

{template="pageHeader" group="global" app="core" params="\IPS\Member::loggedIn()->language()->addToStack('forums')"}

{{if \IPS\Member::loggedIn()->member_id}}
	<ul class="ipsToolList ipsToolList_horizontal ipsResponsive_hideDesktop ipsResponsive_block ipsClearfix">
		{template="indexButtons" group="index" app="forums" params=""}
	</ul>
{{endif}}
<section>
	<ol class='ipsList_reset cForumList' data-controller='core.global.core.table, forums.front.forum.forumList' data-baseURL=''>
		{{foreach \IPS\forums\Forum::roots() as $category }}
			{{if $category->can('view') && $category->hasChildren()}}
   
            {{if $categoryid='Тут ид раздела'}}
{{if \IPS\Member::loggedIn()->inGroup (array(2,7 это каким группам запрещён просмотр))}}
			<li data-categoryID='{$category->_id}' class='cForumRow ipsBox ipsSpacer_bottom'>{{endif}}
		   	<h2 class="ipsType_sectionTitle ipsType_reset cForumTitle">
					<a href='#' class='ipsPos_right ipsJS_show ipsType_noUnderline cForumToggle' data-action='toggleCategory' data-ipsTooltip title='{lang="toggle_this_category"}'></a>
					<a href='{$category->url()}'>{$category->_title}</a>
				</h2>
				{{if theme.forum_layout === 'grid'}}
					<div class='ipsAreaBackground ipsPad' data-role="forums">
						<div class='ipsGrid ipsGrid_collapsePhone' data-ipsGrid data-ipsGrid-minItemSize='250' data-ipsGrid-maxItemSize='500' data-ipsGrid-equalHeights='row'>
							{{foreach $category->children() as $forum}}
								{template="forumGridItem" group="index" app="forums" params="$forum"}
							{{endforeach}}
						</div>
					</div>
				{{else}}
					<ol class="ipsDataList ipsDataList_large ipsDataList_zebra ipsAreaBackground_reset" data-role="forums">
						{{foreach $category->children() as $forum}}
							{template="forumRow" group="index" app="forums" params="$forum" }
						{{endforeach}}
					</ol>
				{{endif}}
			</li>
 	{{endif}}
			{{endif}}
		{{endforeach}}
      </ol>
</section>
<style type='text/css'>
.cForumRow[data-categoryid="10 эта ид 1й категории"]{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	position: relative;
	pointer-events: none;
}
.cForumRow[data-categoryid="11 эта ид 2й категории"]:before{
	content: "";
	background: rgba(255,255,255,0.8);
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 10;
	cursor: normal;
}
.cForumRow[data-categoryid="12 эта ид 1й категории"]:after{
	content: "Для зарегистрированных пользователей";
	font-size: 30px;
	position: absolute;
	top: 50%; left: 50%;
	z-index: 20;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
@media screen and (max-width:979px){
  .cForumRow[data-categoryid=" тут что указать?"]{
    max-height: 200px;
	overflow: hidden;
  }
  .cForumRow[data-categoryid=" тут что указать?"]:before{
    background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  }
  .cForumRow[data-categoryid=" тут что указать?"]:after{ font-size: 20px; }
}
</style>

 

Даже пусть 3 категории а с остальным что делать?

Ссылка на комментарий
Поделиться на другие сайты

.cForumRow[data-categoryid=" тут что указать?"] ID категории катории използват ефекта

{{if \IPS\Member::loggedIn()->inGroup (array(2,7 это каким группам запрещён просмотр))}} ID Груп запрещена считывание ета категория

ID категории:

11.png12.png

 

ID груп:

13.png

Ссылка на комментарий
Поделиться на другие сайты

Про ид групп я понял, про самый верхний ид понял а последние 6 не пойму.

Если у меня 3 раздела в категории куда мне остальное деть или удалить эту часть

@media screen and (max-width:979px){
  .cForumRow[data-categoryid=" тут что указать?"]{
    max-height: 200px;
	overflow: hidden;
  }
  .cForumRow[data-categoryid=" тут что указать?"]:before{
    background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  }
  .cForumRow[data-categoryid=" тут что указать?"]:after{ font-size: 20px; }
}

 

Ссылка на комментарий
Поделиться на другие сайты

Спойлер

{template="pageHeader" group="global" app="core" params="\IPS\Member::loggedIn()->language()->addToStack('forums')"}

{{if \IPS\Member::loggedIn()->member_id}}
	<ul class="ipsToolList ipsToolList_horizontal ipsResponsive_hideDesktop ipsResponsive_block ipsClearfix">
		{template="indexButtons" group="index" app="forums" params=""}
	</ul>
{{endif}}
<section>
	<ol class='ipsList_reset cForumList' data-controller='core.global.core.table, forums.front.forum.forumList' data-baseURL=''>
		{{foreach \IPS\forums\Forum::roots() as $category }}
			{{if $category->can('view') && $category->hasChildren()}}
   
            {{if $categoryid='1,4'}}
{{if \IPS\Member::loggedIn()->inGroup (array(2,7))}}
			<li data-categoryID='{$category->_id}' class='cForumRow ipsBox ipsSpacer_bottom'>{{endif}}
		   	<h2 class="ipsType_sectionTitle ipsType_reset cForumTitle">
					<a href='#' class='ipsPos_right ipsJS_show ipsType_noUnderline cForumToggle' data-action='toggleCategory' data-ipsTooltip title='{lang="toggle_this_category"}'></a>
					<a href='{$category->url()}'>{$category->_title}</a>
				</h2>
				{{if theme.forum_layout === 'grid'}}
					<div class='ipsAreaBackground ipsPad' data-role="forums">
						<div class='ipsGrid ipsGrid_collapsePhone' data-ipsGrid data-ipsGrid-minItemSize='250' data-ipsGrid-maxItemSize='500' data-ipsGrid-equalHeights='row'>
							{{foreach $category->children() as $forum}}
								{template="forumGridItem" group="index" app="forums" params="$forum"}
							{{endforeach}}
						</div>
					</div>
				{{else}}
					<ol class="ipsDataList ipsDataList_large ipsDataList_zebra ipsAreaBackground_reset" data-role="forums">
						{{foreach $category->children() as $forum}}
							{template="forumRow" group="index" app="forums" params="$forum" }
						{{endforeach}}
					</ol>
				{{endif}}
			</li>
 	{{endif}}

			{{endif}}
		{{endforeach}}
      </ol>
</section>
<style type='text/css'>
.cForumRow[data-categoryid="4"]{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	position: relative;
	pointer-events: none;
}
.cForumRow[data-categoryid="4"]:before{
	content: "";
	background: rgba(255,255,255,0.8);
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 10;
	cursor: normal;
}
.cForumRow[data-categoryid="4"]:after{
	content: "Customers Only";
	font-size: 30px;
	position: absolute;
	top: 50%; left: 50%;
	z-index: 20;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
@media screen and (max-width:979px){
  .cForumRow[data-categoryid="4"]{
    max-height: 200px;
	overflow: hidden;
  }
  .cForumRow[data-categoryid="4"]:before{
    background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  }
  .cForumRow[data-categoryid="4"]:after{ font-size: 20px; }
}
</style>
<style type='text/css'>
.cForumRow[data-categoryid="1"]{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	position: relative;
	pointer-events: none;
}
.cForumRow[data-categoryid="1"]:before{
	content: "";
	background: rgba(255,255,255,0.8);
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 10;
	cursor: normal;
}
.cForumRow[data-categoryid="1"]:after{
	content: "Customers Only";
	font-size: 30px;
	position: absolute;
	top: 50%; left: 50%;
	z-index: 20;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
@media screen and (max-width:979px){
  .cForumRow[data-categoryid="1"]{
    max-height: 200px;
	overflow: hidden;
  }
  .cForumRow[data-categoryid="1"]:before{
    background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  }
  .cForumRow[data-categoryid="1"]:after{ font-size: 20px; }
}
</style>

 

 

меняйте 2 и 4 id категории

Ссылка на комментарий
Поделиться на другие сайты

Что та я всё равно туплю

Можете на своём форуме сделать и дать готовый код

На этом к примеру разделе

9.png

3.png

4.png

5.png

8.png

лишние скриншоты загрузил

Ссылка на комментарий
Поделиться на другие сайты

Ефект работает толко для Категории нет для форум .... 

Ссылка на комментарий
Поделиться на другие сайты

26 минут назад, wasder12 сказал:

Что та я всё равно туплю

Можете на своём форуме сделать и дать готовый код

Спойлер

{template="pageHeader" group="global" app="core" params="\IPS\Member::loggedIn()->language()->addToStack('forums')"}

{{if \IPS\Member::loggedIn()->member_id}}
	<ul class="ipsToolList ipsToolList_horizontal ipsResponsive_hideDesktop ipsResponsive_block ipsClearfix">
		{template="indexButtons" group="index" app="forums" params=""}
	</ul>
{{endif}}
<section>
	<ol class='ipsList_reset cForumList' data-controller='core.global.core.table, forums.front.forum.forumList' data-baseURL=''>
		{{foreach \IPS\forums\Forum::roots() as $category }}
			{{if $category->can('view') && $category->hasChildren()}}
   
            {{if $categoryid='55,56,57,59'}}
{{if \IPS\Member::loggedIn()->inGroup (array(2,7))}}
			<li data-categoryID='{$category->_id}' class='cForumRow ipsBox ipsSpacer_bottom'>{{endif}}
		   	<h2 class="ipsType_sectionTitle ipsType_reset cForumTitle">
					<a href='#' class='ipsPos_right ipsJS_show ipsType_noUnderline cForumToggle' data-action='toggleCategory' data-ipsTooltip title='{lang="toggle_this_category"}'></a>
					<a href='{$category->url()}'>{$category->_title}</a>
				</h2>
				{{if theme.forum_layout === 'grid'}}
					<div class='ipsAreaBackground ipsPad' data-role="forums">
						<div class='ipsGrid ipsGrid_collapsePhone' data-ipsGrid data-ipsGrid-minItemSize='250' data-ipsGrid-maxItemSize='500' data-ipsGrid-equalHeights='row'>
							{{foreach $category->children() as $forum}}
								{template="forumGridItem" group="index" app="forums" params="$forum"}
							{{endforeach}}
						</div>
					</div>
				{{else}}
					<ol class="ipsDataList ipsDataList_large ipsDataList_zebra ipsAreaBackground_reset" data-role="forums">
						{{foreach $category->children() as $forum}}
							{template="forumRow" group="index" app="forums" params="$forum" }
						{{endforeach}}
					</ol>
				{{endif}}
			</li>
 	{{endif}}

			{{endif}}
		{{endforeach}}
      </ol>
</section>
<style type='text/css'>
.cForumRow[data-categoryid="55"]{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	position: relative;
	pointer-events: none;
}
.cForumRow[data-categoryid="55"]:before{
	content: "";
	background: rgba(255,255,255,0.8);
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 10;
	cursor: normal;
}
.cForumRow[data-categoryid="55"]:after{
	content: "Customers Only";
	font-size: 30px;
	position: absolute;
	top: 50%; left: 50%;
	z-index: 20;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
@media screen and (max-width:979px){
  .cForumRow[data-categoryid="55"]{
    max-height: 200px;
	overflow: hidden;
  }
  .cForumRow[data-categoryid="55"]:before{
    background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  }
  .cForumRow[data-categoryid="55"]:after{ font-size: 20px; }
}
.cForumRow[data-categoryid="56"]{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	position: relative;
	pointer-events: none;
}
.cForumRow[data-categoryid="56"]:before{
	content: "";
	background: rgba(255,255,255,0.8);
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 10;
	cursor: normal;
}
.cForumRow[data-categoryid="56"]:after{
	content: "Customers Only";
	font-size: 30px;
	position: absolute;
	top: 50%; left: 50%;
	z-index: 20;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
@media screen and (max-width:979px){
  .cForumRow[data-categoryid="56"]{
    max-height: 200px;
	overflow: hidden;
  }
  .cForumRow[data-categoryid="56"]:before{
    background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  }
  .cForumRow[data-categoryid="56"]:after{ font-size: 20px; }
}
.cForumRow[data-categoryid="57"]{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	position: relative;
	pointer-events: none;
}
.cForumRow[data-categoryid="57"]:before{
	content: "";
	background: rgba(255,255,255,0.8);
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 10;
	cursor: normal;
}
.cForumRow[data-categoryid="57"]:after{
	content: "Customers Only";
	font-size: 30px;
	position: absolute;
	top: 50%; left: 50%;
	z-index: 20;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
@media screen and (max-width:979px){
  .cForumRow[data-categoryid="57"]{
    max-height: 200px;
	overflow: hidden;
  }
  .cForumRow[data-categoryid="57"]:before{
    background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  }
  .cForumRow[data-categoryid="57"]:after{ font-size: 20px; }
}
.cForumRow[data-categoryid="59"]{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	position: relative;
	pointer-events: none;
}
.cForumRow[data-categoryid="59"]:before{
	content: "";
	background: rgba(255,255,255,0.8);
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 10;
	cursor: normal;
}
.cForumRow[data-categoryid="59"]:after{
	content: "Customers Only";
	font-size: 30px;
	position: absolute;
	top: 50%; left: 50%;
	z-index: 20;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
@media screen and (max-width:979px){
  .cForumRow[data-categoryid="59"]{
    max-height: 200px;
	overflow: hidden;
  }
  .cForumRow[data-categoryid="59"]:before{
    background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  }
  .cForumRow[data-categoryid="59"]:after{ font-size: 20px; }
}
</style>

 

 

Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

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

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...