saiko2020 Posted January 30, 2021 Share Posted January 30, 2021 Ребята всем привет. Прошу вашей помощи разобраться, увидел на одном из форумов (не плохое оформление по блокам) Не подскажите как такое можно реализовать !? (Может есть модуль или плагин какой то) для разделения по таким блокам и добавление в них своей картинки (оформления каждого из блоков.) Заранее благодарю за ответ. Link to comment Share on other sites More sharing options...
Administrator ANDROS Posted January 31, 2021 Administrator Share Posted January 31, 2021 Скину тебе начало))Дальше думаю уже сам докопаешь как надо изменить 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}} <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> {{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 расположения описания и подфорумы. Подсказку хорошую и начало я сделал тебе ✔ Наши пользователи помогли вам решить проблему? 💸 Наградите их реакцией и поддержите наш форум оформив подписку! 💎 Покупая премиум вы получаете дополнительные возможности и тем самым поддерживаете нас в продолжении! Link to comment Share on other sites More sharing options...
Administrator ANDROS Posted January 31, 2021 Administrator Share Posted January 31, 2021 и custom.css не забудь с их сайта себе закинуть😉 ✔ Наши пользователи помогли вам решить проблему? 💸 Наградите их реакцией и поддержите наш форум оформив подписку! 💎 Покупая премиум вы получаете дополнительные возможности и тем самым поддерживаете нас в продолжении! Link to comment Share on other sites More sharing options...
saiko2020 Posted February 1, 2021 Author Share Posted February 1, 2021 31.01.2021 в 17:19, ANDROS сказал: и custom.css не забудь с их сайта себе закинуть😉 да не ... мне просто блоки зашли и понять как их делать... я и свое сделать могу)) Link to comment Share on other sites More sharing options...
Administrator ANDROS Posted February 1, 2021 Administrator Share Posted February 1, 2021 59 минут назад, saiko2020 сказал: да не ... мне просто блоки зашли и понять как их делать... я и свое сделать могу)) ну судя по мафии, как вы не можете понять принцип прокрутки в блоке, далеко не уйдете с "сам могу сделать" ✔ Наши пользователи помогли вам решить проблему? 💸 Наградите их реакцией и поддержите наш форум оформив подписку! 💎 Покупая премиум вы получаете дополнительные возможности и тем самым поддерживаете нас в продолжении! Link to comment Share on other sites More sharing options...
saiko2020 Posted February 1, 2021 Author Share Posted February 1, 2021 7 минут назад, ANDROS сказал: ну судя по мафии, как вы не можете понять принцип прокрутки в блоке, далеко не уйдете с "сам могу сделать" ну все приходит с опытом))) понял одно спрашивать на форумах смысла нет))) ладно так или иначе огромное спасибо что уделили столь золотое свое время) на столь простой вопрос для вас...) буду гуглить изучать)) Link to comment Share on other sites More sharing options...
Administrator ANDROS Posted February 1, 2021 Administrator Share Posted February 1, 2021 21 минуту назад, saiko2020 сказал: ну все приходит с опытом))) понял одно спрашивать на форумах смысла нет))) ладно так или иначе огромное спасибо что уделили столь золотое свое время) на столь простой вопрос для вас...) буду гуглить изучать)) это элементарные вещи)Которые делаются по обычным примерам в пабликах... Мне не сложно, сложно выдерживать, когда люди не читают и не хотят работать головой. Так же и я начинал)Советую понять смысл построения сайтов 1 ✔ Наши пользователи помогли вам решить проблему? 💸 Наградите их реакцией и поддержите наш форум оформив подписку! 💎 Покупая премиум вы получаете дополнительные возможности и тем самым поддерживаете нас в продолжении! Link to comment Share on other sites More sharing options...
Recommended Posts