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

Posted 28 октября, 20168 yr

видел тут

Спойлер

https://devunit.org

Цитата

28 октября, 20168 yr

Author

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

Цитата

28 октября, 20168 yr

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

Цитата

wasder12
1

28 октября, 20168 yr

Author

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

Цитата

28 октября, 20168 yr

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

Цитата

wasder12
1

28 октября, 20168 yr

Author

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

Цитата

28 октября, 20168 yr

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

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>

Цитата

wasder12
1

28 октября, 20168 yr

Author

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>

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

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

Цитата

28 октября, 20168 yr

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

Цитата

wasder12
1

28 октября, 20168 yr

Author

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

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

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

Цитата

29 октября, 20168 yr

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

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

Цитата

wasder12
1

29 октября, 20168 yr

Author

От души добрейший человек

Цитата

29 октября, 20168 yr

Author

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 категории а с остальным что делать?

Цитата

29 октября, 20168 yr

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

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

ID категории:

ID груп:

Цитата

wasder12
1

29 октября, 20168 yr

Author

Про ид групп я понял, про самый верхний ид понял а последние 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; }
}

Цитата

29 октября, 20168 yr

Спойлер


{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 категории

Цитата

wasder12
1

29 октября, 20168 yr

Author

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

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

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

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

Цитата

29 октября, 20168 yr

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

Цитата

29 октября, 20168 yr

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>

Цитата

wasder12
1

Sign In

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

Featured Replies

Join the conversation

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

Account

Navigation

Search

Configure browser push notifications

Chrome (Android)

Chrome (Desktop)

Safari (iOS 16.4+)

Safari (macOS)

Edge (Android)

Edge (Desktop)

Firefox (Android)

Firefox (Desktop)