Jump to content
  • 0

Разделы меню форума. (помощь)


Question

saiko2020
Шнырь
Prestiges:
0
Member's total reputation:
0
Content Count:
8
Solved Topics:
coins:
0

Ребята всем привет. Прошу вашей помощи разобраться, увидел на одном из форумов (не плохое оформление по блокам) Не подскажите как такое можно реализовать !? (Может есть модуль или плагин какой то) для разделения по таким блокам и добавление в них своей картинки (оформления каждого из блоков.)

Заранее благодарю за ответ.




 

Безымянный.jpg

Link to post
Share on other sites

6 answers to this question

Recommended Posts

  • Авторитет

  • 0
ANDROS
Авторитет
Prestiges:
6
Member's total reputation:
360
Content Count:
674
Solved Topics:
  14
coins:
10693

Скину тебе начало))Дальше думаю уже сам докопаешь как надо изменить forumRow

Это закинь вместо своего в forums-front-index-index

<div class='ipsPageHeader ipsClearfix ipsMargin_bottom cForumHeader ipsHeaderButtons ipsFlex ipsFlex-ai:center ipsFlex-jc:between'>
	<h1 class='ipsType_pageTitle ipsFlex-flex:11 ipsType_break'>
		{lang="forums"}
	</h1>
	{{if \IPS\forums\Forum::canOnAny( 'add' ) }}
		<ul class='ipsToolList ipsToolList_horizontal ipsClearfix sm:ipsPos_none sm:ipsMargin:none ipsFlex-flex:00'>
			<li class='ipsToolList_primaryAction ipsResponsive_hidePhone'>
				<a class="ipsButton ipsButton_medium ipsButton_important" href="{url="app=forums&module=forums&controller=forums&do=add" seoTemplate="topic_non_forum_add_button"}" data-ipsDialog data-ipsDialog-size='narrow' data-ipsDialog-title='{lang="select_forum"}'>{lang="start_new_topic"}</a>
			</li>
			{template="viewChange" group="global" app="forums" params=""}
		</ul>
	{{endif}}
</div>
<ul class="ipsToolList ipsToolList_horizontal ipsResponsive_hideDesktop ipsResponsive_hideTablet ipsResponsive_block ipsClearfix">
	{template="indexButtons" group="index" app="forums" params="FALSE"}
</ul>

<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()}}
			<li data-categoryID='{$category->_id}' class='cForumRow ipsBox ipsSpacer_bottom ipsResponsive_pull'>
				<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 \IPS\forums\Forum::getMemberView() === 'grid'}}
					<div class='ipsPadding' data-role="forums">
						<div class='ipsForumGrid'>
							{{foreach $category->children() as $forum}}
								{template="forumGridItem" group="index" app="forums" params="$forum"}
							{{endforeach}}
						</div>
					</div>
				{{else}}
					<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="forumRow" group="index" app="forums" params="$forum"}
						{{endforeach}}
                        </div>
					</div>
				{{endif}}
			</li>
			{{endif}}
		{{endforeach}}
		{{if settings.club_nodes_in_apps and $clubForums = \IPS\forums\Forum::clubNodes()}}
			<li data-categoryID='clubs' class='cForumRow ipsBox ipsSpacer_bottom ipsResponsive_pull'>
				<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='{url="app=forums&module=forums&controller=forums&do=clubs" seoTemplate="forums_clubs"}'>{lang="club_node_forums"}</a>
				</h2>
				{{if \IPS\forums\Forum::getMemberView() === '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 $clubForums as $forum}}
								{template="forumGridItem" group="index" app="forums" params="$forum"}
							{{endforeach}}
						</div>
					</div>
				{{else}}
					<ol class="ipsDataList ipsDataList_large ipsDataList_zebra" data-role="forums">
						{{foreach $clubForums as $forum}}
							{template="forumRow" group="index" app="forums" params="$forum"}
						{{endforeach}}
					</ol>
				{{endif}}
			</li>
		{{endif}}
	</ol>
</section>

А это в forums-front-index-forumRow

{{if $forum->can('view')}}
{{$lastPost = $forum->lastPost();}}
{{$club = $forum->club();}}
	<div class="ipsDataItem ipsAreaBackground_reset cForumGrid{{if \IPS\forums\Topic::containerUnread( $forum ) && !$forum->redirect_on}}ipsDataItem_unread{{endif}} ipsClearfix ipsGrid_span3" data-forumID="{$forum->_id}" style="height: 220px;">
		<div class="ipsDataItem_icon ipsDataItem_category">
			{{if !$forum->redirect_on}}
			{{if \IPS\forums\Topic::containerUnread( $forum ) AND \IPS\Member::loggedIn()->member_id}}<a href="{{if $isSubForum}}{$forum->url()->setQueryString( array( 'do' => 'markRead', 'return' => $forum->parent_id ) )->csrf()}{{else}}{$forum->url()->setQueryString( 'do', 'markRead' )->csrf()}{{endif}}" data-action='markAsRead' title='{lang="mark_forum_read"}' data-ipsTooltip>{{endif}}
			{{endif}}
				{{if $club}}
					<img src="{{if $club->profile_photo}}{file="$club->profile_photo" extension="core_Clubs"}{{else}}{resource="default_club.png" app="core" location="global"}{{endif}}" alt='' class='ipsItemStatus ipsItemStatus_large {{if !\IPS\forums\Topic::containerUnread( $forum ) && !$forum->redirect_on}}ipsItemStatus_read{{endif}}'>
				{{elseif $forum->icon}}
					<img src="{file="$forum->icon" extension="forums_Icons"}" alt='' class='ipsItemStatus ipsItemStatus_custom {{if !\IPS\forums\Topic::containerUnread( $forum ) && !$forum->redirect_on}}ipsItemStatus_read{{endif}}'>
				{{else}}
					{{if $forum->redirect_on}}
						<span class='ipsItemStatus ipsItemStatus_large cForumIcon_redirect {{if !\IPS\forums\Topic::containerUnread( $forum ) && !$forum->redirect_on}}ipsItemStatus_read{{endif}}' {template="formattedInlineStyle" params="$forum" app="core" group="global" location="front"}>
							<i class='fa fa-arrow-right'></i>
						</span>
					{{elseif $forum->forums_bitoptions['bw_enable_answers']}}
						<span class='ipsItemStatus ipsItemStatus_large cForumIcon_answers {{if !\IPS\forums\Topic::containerUnread( $forum ) && !$forum->redirect_on}}ipsItemStatus_read{{endif}}' {template="formattedInlineStyle" params="$forum" app="core" group="global" location="front"}>
							<i class='fa fa-question'></i>
						</span>
					{{elseif $forum->password}}
						<span class='ipsItemStatus ipsItemStatus_large cForumIcon_password {{if !\IPS\forums\Topic::containerUnread( $forum ) && !$forum->redirect_on}}ipsItemStatus_read{{endif}}' {template="formattedInlineStyle" params="$forum" app="core" group="global" location="front"}>
							{{if $forum->loggedInMemberHasPasswordAccess()}}
								<i class='fa fa-unlock'></i>
							{{else}}
								<i class='fa fa-lock'></i>
							{{endif}}
						</span>
					{{else}}
						<span class='ipsItemStatus ipsItemStatus_large cForumIcon_normal {{if !\IPS\forums\Topic::containerUnread( $forum ) && !$forum->redirect_on}}ipsItemStatus_read{{endif}}' {template="formattedInlineStyle" params="$forum" app="core" group="global" location="front"}>
							<i class="fa fa-comments"></i>
						</span>
					{{endif}}
				{{endif}}
			{{if !$forum->redirect_on and \IPS\forums\Topic::containerUnread( $forum ) AND \IPS\Member::loggedIn()->member_id}}
			</a>
			{{endif}}
		</div>
		<div class="ipsDataItem_main">
			<h4 class="ipsDataItem_title ipsType_break">
				{{if $forum->password && !$forum->loggedInMemberHasPasswordAccess()}}
					<a href="{$forum->url()->setQueryString( 'passForm', '1' )}" data-ipsDialog data-ipsDialog-size='narrow' data-ipsDialog-title='{lang="forum_requires_password" sprintf="$forum->_title"}'>{$forum->_title}</a>
				{{else}}
					<a href="{$forum->url()}">{{if $club}}{lang="club_node" sprintf="$club->name, $forum->_title"}{{else}}{$forum->_title}{{endif}}</a>
				{{endif}}
				{{if $forum->redirect_on}}
					&nbsp;&nbsp;<span class='ipsType_light ipsType_medium'>({lang="redirect_hits" pluralize="$forum->redirect_hits"})</span>
				{{endif}}
			</h4>
			{{if $forum->hasChildren()}}
				<ul class="ipsDataItem_subList ipsList_inline">
					{{foreach $forum->children() as $subforum}}
						<li class="{{if \IPS\forums\Topic::containerUnread( $subforum )}}ipsDataItem_unread{{endif}}">
							<a href="{$subforum->url()}">{{if \IPS\forums\Topic::containerUnread( $subforum )}}<span class='ipsItemStatus ipsItemStatus_tiny {{if !\IPS\forums\Topic::containerUnread( $subforum ) && !$subforum->redirect_on}}ipsItemStatus_read{{endif}}'><i class="fa fa-circle"></i></span>&nbsp;{{endif}}{$subforum->_title}</a>
						</li>
					{{endforeach}}
				</ul>
			{{endif}}
			{{if $forum->description}}
				{template="richText" group="global" app="core" location="global" params="$forum->description, array('ipsDataItem_meta', 'ipsContained')"}
			{{endif}}
		</div>
		{{if !$forum->redirect_on}}
			<div class="ipsDataItem_stats ipsDataItem_statsLarge">
				{{if $lastPost AND ( $forum->can_view_others OR \IPS\Member::loggedIn()->modPermission('can_read_all_topics') OR ( \is_array( \IPS\Member::loggedIn()->modPermission('forums') ) AND \in_array( $forum->_id, \IPS\Member::loggedIn()->modPermission('forums') ) ))}}
					<dl>
						{{$count = \IPS\forums\Topic::contentCount( $forum, TRUE );}}
						<dt class="ipsDataItem_stats_number">{number="$count" format="short"}</dt>
						<dd class="ipsDataItem_stats_type ipsType_light">{lang="posts_no_number" pluralize="$count" format="short"}</dd>
					</dl>
				{{endif}}
				{{if \IPS\forums\Topic::modPermission( 'unhide', NULL, $forum ) AND $unapprovedContent = $forum->unapprovedContentRecursive() and ( $unapprovedContent['topics'] OR $unapprovedContent['posts'] )}}
					<strong class='ipsType_warning ipsType_medium'>
						<i class='fa fa-warning'></i>
						{{if $unapprovedContent['topics']}}
							<a href='{$forum->url()->setQueryString( array( 'advanced_search_submitted' => 1, 'topic_type' => 'queued_topics' ) )->csrf()}' data-ipsTooltip title='{lang="queued_topics_badge" pluralize="$unapprovedContent['topics']"}' class='ipsType_blendLinks'>{$unapprovedContent['topics']}</a>
						{{else}}
							<span class='ipsType_light'>0</span>
						{{endif}}
						/
						{{if $unapprovedContent['posts']}}
							<a href='{$forum->url()->setQueryString( array( 'advanced_search_submitted' => 1, 'topic_type' => 'queued_posts' ) )->csrf()}' data-ipsTooltip title='{lang="queued_posts_badge" pluralize="$unapprovedContent['posts']"}' class='ipsType_blendLinks'>{$unapprovedContent['posts']}</a>
						{{else}}
							<span class='ipsType_light'>0</span>
						{{endif}}
					</strong>
				{{endif}}
			</div>
			<ul class="ipsDataItem_lastPoster ipsDataItem_withPhoto">
				{{if $lastPost}}
					<li>{template="userPhoto" app="core" group="global" params="$lastPost['author'], 'tiny'"}</li>
					{{if $lastPost['topic_title']}}<li class='ipsDataItem_lastPoster__title'><a href="{$lastPost['topic_url']->setQueryString( 'do', 'getNewComment' )}" title='{$lastPost['topic_title']}'>{$lastPost['topic_title']}</a></li>{{endif}}
					<li class='ipsType_light ipsType_blendLinks'>
						{lang="byline_nodate" htmlsprintf="$lastPost['author']->link()"}, 
						{{if $lastPost['topic_title']}}
							<a href='{$lastPost['topic_url']->setQueryString( 'do', 'getLastComment' )}' title='{lang="get_last_post"}'>{datetime="$lastPost['date']"}</a>
						{{else}}
							{datetime="$lastPost['date']"}
						{{endif}}
					</li>
				{{else}}
					<li class='ipsType_light ipsResponsive_showDesktop'>{{if $forum->password}}{lang="no_forum_posts_password"}{{else}}{lang="no_forum_posts"}{{endif}}</li>
				{{endif}}
			</ul>	
		{{endif}}
		{{if $table and $table->canModerate()}}
			<div class='ipsDataItem_modCheck'>
				<span class='ipsCustomInput'>
					<input type='checkbox' data-role='moderation' name="moderate[{$forum->_id}]" data-actions="{expression="implode( ' ', $table->multimodActions( $forum ) )"}" data-state=''>
					<span></span>
				</span>
			</div>
		{{endif}}
	</div>
{{endif}}

А это в custom.css

Останется немного настроить в forumRow расположения описания и подфорумы. Подсказку хорошую и начало я сделал тебе

Правила форума       Правила оформления контента       Приватный форум и чат

podpis.png

 

Link to post
Share on other sites
  • Авторитет

  • 0
ANDROS
Авторитет
Prestiges:
6
Member's total reputation:
360
Content Count:
674
Solved Topics:
  14
coins:
10693

и custom.css не забудь с их сайта себе закинуть😉

Правила форума       Правила оформления контента       Приватный форум и чат

podpis.png

 

Link to post
Share on other sites

  • 0
saiko2020
Шнырь
Prestiges:
0
Member's total reputation:
0
Content Count:
8
Solved Topics:
coins:
0
31.01.2021 в 17:19, ANDROS сказал:

и custom.css не забудь с их сайта себе закинуть😉

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

Link to post
Share on other sites
  • Авторитет

  • 0
ANDROS
Авторитет
Prestiges:
6
Member's total reputation:
360
Content Count:
674
Solved Topics:
  14
coins:
10693
59 минут назад, saiko2020 сказал:

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

ну судя по мафии, как вы не можете понять принцип прокрутки в блоке, далеко не уйдете с "сам могу сделать"

Правила форума       Правила оформления контента       Приватный форум и чат

podpis.png

 

Link to post
Share on other sites

  • 0
saiko2020
Шнырь
Prestiges:
0
Member's total reputation:
0
Content Count:
8
Solved Topics:
coins:
0
7 минут назад, ANDROS сказал:

ну судя по мафии, как вы не можете понять принцип прокрутки в блоке, далеко не уйдете с "сам могу сделать"

ну все приходит с опытом))) понял одно спрашивать на форумах смысла нет))) ладно так или иначе огромное спасибо что уделили столь золотое свое время) на столь простой вопрос для вас...) буду гуглить изучать)) 

Link to post
Share on other sites
  • Авторитет

  • 0
ANDROS
Авторитет
Prestiges:
6
Member's total reputation:
360
Content Count:
674
Solved Topics:
  14
coins:
10693
21 минуту назад, saiko2020 сказал:

ну все приходит с опытом))) понял одно спрашивать на форумах смысла нет))) ладно так или иначе огромное спасибо что уделили столь золотое свое время) на столь простой вопрос для вас...) буду гуглить изучать)) 

это элементарные вещи)Которые делаются по обычным примерам в пабликах... Мне не сложно, сложно выдерживать, когда люди не читают и не хотят работать головой. Так же и я начинал)Советую понять смысл построения сайтов

  • Thanks 1

Правила форума       Правила оформления контента       Приватный форум и чат

podpis.png

 

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Privacy Policy