All Activity

Puteti da topic closed! Am gasit solutia.

Buna Mia placut chestia cu coverPhoto in postContainer. Cine stie cum se poate de adaugat acest lucru. Multumesc!

Cel mai probabil tema este outdated pentru versiunea pe care o folosesti, incearca sa folosesti teme compatibile cu versiunea pe care o ai instalata!

mai am o problema. daca sunt pe pagina de princila a forum-ului si dau gen pe una din acestea de mai jos chiar si pe butonul de schimbare tema nu merge dar daca intru intr-un topic sau o categorie merge #elUserLink_menu a[href*="admin"] i { display: none; } #elUserLink_menu a:before, #elCreateNew_menu a:before { content: "\f02b"; font-family: "FontAwesome"; font-size: 14px; font-weight: normal; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); margin-bottom: -2px; line-height: 1; } #elUserLink_menu a:before, #elCreateNew_menu a:before { display: inline-block; width: 22px; opacity: 0.7; } #elUserLink_menu a:before, #elCreateNew_menu a:before { display: inline-block; width: 22px; opacity: 0.7; } #elUserLink_menu a[href*="/profile/"]:before{ content: "\f007" } #elUserLink_menu a[href='{url="app=core&module=messaging&controller=messenger" seoTemplate="messaging"}']:before{ content: "\f01c" } #elUserLink_menu a[href*="/content/"]:before{ content: "\f03a" } #elUserLink_menu a[href*="/followed/"]:before{ content: "\f1d8" } #elUserLink_menu a[href*="/attachments/"]:before{ content: "\f0c6" } #elUserLink_menu a[href*="/settings/"]:before{ content: "\f013" } #elUserLink_menu a[href*="/clients/"]:before{ content: "\f07a" } #elUserLink_menu a[href*="edit"]:before{ content: "\f040" } #elUserLink_menu a[href*="/ignore/"]:before{ content: "\f05e" } #elUserLink_menu a[href*="/notifications/options/"]:before{ content: "\f0ac" } #elUserLink_menu a[href*="/modcp/"]:before{ content: "\f046" } #elUserLink_menu a[href*="admin"]:before{ content: "\f023" } #elUserLink_menu a[href*="/logout/"]:before{ content: "\f08b" } #elCreateNew_menu a:before{ content: "\f0fe" } #elCreateNew_menu a[href*="announcements"]:before{ content: "\f0a1" !important } #elCreateNew_menu a[href*="module=status"]:before{ content: "\f007" !important } #elCreateNew_menu a[href*="/files/"]:before { content:"\f019" } #elCreateNew_menu a[href*="/gallery/"]:before { content:"\f03e" } #elCreateNew_menu a[href*="/blogs/"]:before { content:"\f02d" } #elCreateNew_menu a[href*="/calendar/"]:before { content:"\f073" } #elCreateNew_menu a[href*="/articles"]:before { content:"\f0f6" } #elCreateNew_menu a[href*="/forum/"]:before { content:"\f086" }

am rezolvat mersi pentru indicii 💖 asta e tot codul din custom.css de care era nevoie sharosky__group { height: 44px; line-height: 45px; display: block; font-size: 10px; padding: 0 10px; letter-spacing: 1.5px; text-transform: lowercase; position: relative; } .sharosky__field:first-of-type { margin-top: 30px; } .sharosky__field { display: block; height: 40px; line-height: 40px; text-align: center; margin-bottom: 2px; position: relative; cursor: pointer; } .sharosky__field .leftpx { float: left; color: #ccc; letter-spacing: 0.5px; text-transform: lowercase; font-weight: 400; font-size: 13px; } .ipsItemControls { background: transparent !important; border-top: 0; } .sharosky__field:after { content: ''; position: absolute; bottom: 0px; height: 3px; border-radius: 10px; width: 38px; background: linear-gradient(to right, rgb(241, 194, 48), rgb(244, 156, 45), rgb(244, 156, 45)); left: 120px; transition: all 0.3s; } #ipsLayout_footer { margin: 0px; padding: 20px 0; background: #111214; } .sharosky__about { font-size: 14px; font-weight: 400; line-height: 24px; margin: auto; padding: 25px 0px; color: rgb(118, 118, 118); width: 50%; } .sharosky__footer { margin-left: 0; border-radius: 15px; width: 100%; padding: 50px 10px; display: inline-block; text-align: center; } .sharosky__field i { position: relative; width: 35px; top: 0; font-size: 20px; } .sharosky__field:hover:after { left: 0; width: 170px; transition: 0.3s cubic-bezier(0, 0, 0.04, 1.18); } .sharosky__field .rightpx { float: right; width: 60px; color: #ccc; font-weight: bold; } si asta cel de la postcontainer pe care mi lai dat tu ii lipsea </ul>

@dOc asa imi da. poate mai e ceva prin ceea ce am postat

Codul de userinfo panel HTML <div class="sharosky__group"> <li>{expression="\IPS\Member\Group::load( $comment->author()->member_group_id )->formattedName" raw="true"}</li> </div> <li class="sharosky__field"><span class="leftpx"><i class="material-icons">question_answer</i>Posts</span><span class="rightpx">{$comment->author()->member_posts}</span></li> <li class="sharosky__field"><span class="leftpx"><i class="material-icons">thumb_up_alt</i>Likes</span><span class="rightpx">{$comment->author()->pp_reputation_points}</span></li> <li class="sharosky__field"><span class="leftpx"><i class="material-icons">warning</i>Warns</span><span class="rightpx">{$comment->author()->warn_level}</span></li> <li class="sharosky__field"><span class="leftpx"><i class="material-icons">fingerprint</i>ID</span><span class="rightpx">#{$comment->author()->member_id}</span></li> Cod de unserinfo panel CSS .sharosky__group { height: 44px; line-height: 45px; display: block; font-size: 10px; padding: 0 10px; letter-spacing: 1.5px; text-transform: lowercase; position: relative; } .sharosky__field:first-of-type { margin-top: 30px; } .sharosky__field { display: block; height: 40px; line-height: 40px; text-align: center; margin-bottom: 2px; position: relative; cursor: pointer; } .sharosky__field .leftpx { float: left; color: #ccc; letter-spacing: 0.5px; text-transform: lowercase; font-weight: 400; font-size: 13px; } .ipsItemControls { background: transparent !important; border-top: 0; } .sharosky__field:after { content: ''; position: absolute; bottom: 0px; height: 3px; border-radius: 10px; width: 38px; background: linear-gradient(to right, rgb(241, 194, 48), rgb(244, 156, 45), rgb(244, 156, 45)); left: 120px; transition: all 0.3s; }

am incercat mai multe modalitati de a gasi aceste coduri din imagine. is implementate si in postContainer/custom.css si globaltemplate. ceea ce e in imaginile astea https://imgur.com/a/CDybTV9 iti las si mai jos postContainer/custom.css si globaltemplate daca o sa ma poti ajuta globalTemplate👇 <!DOCTYPE html> <html id='ipsfocus' lang="{expression="\IPS\Member::loggedIn()->language()->bcp47()"}" dir="{{if member.language()->isrtl}}rtl{{else}}ltr{{endif}}" class='focus-g{expression="member.member_group_id"} {{if !member.member_id}}focus-guest focus-guest-alert{{else}}focus-member{{endif}} focus-transparent focus-post-bar focus-post-buttons'> <head> <title>{expression="output.getTitle( $title )"}</title> {{if settings.ipbseo_ga_enabled}}{setting="ipseo_ga"}{{endif}} <!--[if lt IE 9]> {{foreach \IPS\Theme::i()->css( 'extra/ie8.css', 'core' ) as $css}}<link rel="stylesheet" type="text/css" href="{$css}">{{endforeach}} <script src="{url="applications/core/interface/html5shiv/html5shiv.js" base="none" protocol="\IPS\Http\Url::PROTOCOL_RELATIVE"}"></script> <![endif]--> {template="includeMeta" app="core" group="global" location="global" params=""} <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700" rel="stylesheet" /> {template="includeCSS" app="core" group="global" location="global" params=""} {template="js_head" app="core" group="global" location="global" params=""} {template="includeJS" if="theme.js_include != 'footer'" app="core" group="global" location="global" params=""} {template="js_backgroundPicker" if="(theme.js_include != 'footer') && (theme.focus_picker)" app="core" group="global" location="global" params=""} {template="js_general" if="theme.js_include != 'footer'" app="core" group="global" location="global" params=""} {template="js_globalMessage" if="(theme.js_include != 'footer') && (theme.global_close)" app="core" group="global" location="global" params=""} {template="js_countdown" if="(theme.js_include != 'footer') && (theme.countdown_enable)" app="core" group="global" location="global" params=""} {template="js_theme" if="theme.js_include != 'footer'" app="core" group="global" location="global" params=""} {template="favico" app="core" group="global" location="front" params=""} </head> <body class='ipsApp ipsApp_front {{if isset( \IPS\Request::i()->cookie['hasJS'] )}}ipsJS_has{{else}}ipsJS_none{{endif}} ipsClearfix{{foreach output.bodyClasses as $class}} {$class}{{endforeach}}' {{if output.globalControllers}}data-controller='{expression="implode( ',', output.globalControllers )"}'{{endif}} {{if isset( output.inlineMessage )}}data-message="{expression="output.inlineMessage"}"{{endif}} data-pageApp='{$location['app']}' data-pageLocation='front' data-pageModule='{$location['module']}' data-pageController='{$location['controller']}' {{if isset( \IPS\Request::i()->id )}}data-pageID='{expression="(int) \IPS\Request::i()->id"}'{{endif}}> <a href='#elContent' class='ipsHide' title='{lang="jump_to_content_desc"}' accesskey='m'>{lang="jump_to_content"}</a> {template="mobileNavBar" app="core" group="global" params=""} <div id='ipsLayout_header'> <header id='header'> <div class='ipsLayout_container header-align'> <div class='logo-wrap'>{template="logo" app="core" group="global" params=""}</div> </div> <div style="float: right" class="ipsUserPanel"> {{if !\in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses )}}{template="userBar" app="core" group="global" params=""}{{endif}} </div> </div></div> </header> <div class='nav-bar'> <div class='ipsLayout_container secondary-header-align'> <div class='focus-nav'>{template="navBar" app="core" group="global" params=""}</div> <ul id="menu"> <li class="desktopipsmenu"><a href="/forum/"><i class="fa fa-home faIconNavBarZay"></i><span class="hovernavbartext">WESTBOOST</span></a></li> <li class="desktopipsmenu"><a href="/forum/"><i class="fa fa-comments faIconNavBarZay"></i><span class="hovernavbartext">Forums</span></a></li> <li class="desktopipsmenu"><a href="index.php?/staff/"><i class="fa fa-users faIconNavBarZay"></i><span class="hovernavbartext">Staff</span></a></li> <li class="desktopipsmenu"><a href="index.php?/online/"><i class="fa fa-user-plus faIconNavBarZay"></i><span class="hovernavbartext">Online</span></a></li> </ul> <div class='ipsfocus-search'></div> <div class='user-links user-links-sep'>{template="userBar" app="core" group="global" params=""}</div> </div> </div> </div> <main id='ipsLayout_body' class='ipsLayout_container'> <div class='content-wrap'> <div class='content-padding'> <div class='precontent-blocks'> <div class='ipsfocus-breadcrumb'> {template="breadcrumb" app="core" group="global" params="'top'"} </div> {template="ipsfocus_backgroundPicker" if="theme.focus_picker" app="core" group="global" params=""} {template="updateWarning" app="core" group="global" params=""} {template="ipsfocus_countdown" if="theme.countdown_enable" app="core" group="global" params=""} {template="ipsfocus_globalMessage" if="theme.global_enable" app="core" group="global" params=""} {template="ipsfocus_guestMessage" if="(theme.guest_enable) && !in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses ) && !member.member_id" app="core" group="global" params=""} </div> <div id='ipsLayout_contentArea'> <div id='ipsLayout_contentWrapper'> {template="sidebar" if="theme.sidebar_position == 'left'" app="core" group="global" params="'left'"} <div id='ipsLayout_mainArea'> <a id='elContent'></a> {advertisement="ad_global_header"} {template="acknowledgeWarning" if="\IPS\Member::loggedIn()->members_bitoptions['unacknowledged_warnings']" params="\IPS\Member::loggedIn()->warnings( 1, FALSE )" group="global" app="core"} {{if !in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses ) and !member.members_bitoptions['profile_completion_dismissed'] and $nextStep = member.nextProfileStep()}} {template="profileNextStep" group="global" app="core" params="$nextStep, true"} {{endif}} {template="widgetContainer" group="global" app="core" params="'header', 'horizontal'"} {$html|raw} {template="widgetContainer" group="global" app="core" params="'footer', 'horizontal'"} </div> {template="sidebar" if="theme.sidebar_position == 'right'" app="core" group="global" params="'right'"} </div> </div> </div> {template="ipsfocus_megaFooter" if="theme.footer_enable" app="core" group="global" params=""} {template="breadcrumb" app="core" group="global" params="'bottom'"} {template="inlineMessage" if="member.msg_show_notification and $message = \IPS\core\Messenger\Conversation::latestUnreadMessage()" app="core" group="global" params="$message"} </div> </main> <footer id='ipsLayout_footer'> {advertisement="ad_global_footer"} <div class='ipsLayout_container'> {template="footer" app="core" group="global" params=""} </div> </footer> {template="mobileNavigation" if="theme.responsive" app="core" group="global" params=""} {template="guestTermsBar" if="!\IPS\Member::loggedIn()->member_id and \IPS\Settings::i()->guest_terms_bar" app="core" group="global" params="base64_encode( \IPS\Settings::i()->base_url )"} {template="includeJS" if="theme.js_include == 'footer'" app="core" group="global" location="global" params=""} {template="js_backgroundPicker" if="(theme.js_include == 'footer') && (theme.focus_picker)" app="core" group="global" location="global" params=""} {template="js_general" if="theme.js_include == 'footer'" app="core" group="global" location="global" params=""} {template="js_countdown" if="(theme.js_include == 'footer') && (theme.countdown_enable)" app="core" group="global" location="global" params=""} {template="js_globalMessage" if="(theme.js_include == 'footer') && (theme.global_close)" app="core" group="global" location="global" params=""} {template="js_theme" if="theme.js_include == 'footer'" app="core" group="global" location="global" params=""} {template="viglink" if="settings.viglink_enabled" app="core" group="global" params=""} {template="metaTagEditor" if="isset( $_SESSION['live_meta_tags'] ) and $_SESSION['live_meta_tags'] and member.isAdmin()" app="core" group="global" params=""} <!--ipsQueryLog--> <!--ipsCachingLog--> {expression="output.endBodyCode" raw="true"} {{if settings.fb_pixel_enabled and settings.fb_pixel_id and $noscript = \IPS\core\Facebook\Pixel::i()->noscript()}} <noscript> {$noscript|raw} </noscript> {{endif}} </body> </html> postContainer {{$idField = $comment::$databaseColumnId;}} {{$itemClassSafe = str_replace( '\\', '_', mb_substr( $comment::$itemClass, 4 ) );}} {{if $comment->isIgnored()}} <div class='ipsComment ipsComment_ignored ipsType_light' id='elIgnoreComment_{$comment->$idField}' data-ignoreCommentID='elComment_{$comment->$idField}' data-ignoreUserID='{$comment->author()->member_id}'> {lang="ignoring_content" sprintf="$comment->author()->name"} <a href='#elIgnoreComment_{$comment->$idField}_menu' data-ipsMenu data-ipsMenu-menuID='elIgnoreComment_{$comment->$idField}_menu' data-ipsMenu-appendTo='#elIgnoreComment_{$comment->$idField}' data-action="ignoreOptions" title='{lang="see_post_ignore_options"}' class='ipsType_blendLinks'>{lang="options"} <i class='fa fa-caret-down'></i></a> <ul class='ipsMenu ipsHide' id='elIgnoreComment_{$comment->$idField}_menu'> <li class='ipsMenu_item ipsJS_show' data-ipsMenuValue='showPost'><a href='#'>{lang="show_this_post"}</a></li> <li class='ipsMenu_sep ipsJS_show'><hr></li> <li class='ipsMenu_item' data-ipsMenuValue='stopIgnoring'><a href='{url="app=core&module=system&controller=ignore&do=remove&id={$comment->author()->member_id}" seoTemplate="ignore"}'>{lang="stop_ignoring_posts_by" sprintf="$comment->author()->name"}</a></li> <li class='ipsMenu_item'><a href='{url="app=core&module=system&controller=ignore" seoTemplate="ignore"}'>{lang="change_ignore_preferences"}</a></li> </ul> </div> {{endif}} <a id='comment-{$comment->$idField}'></a> <article {{if $comment->author()->hasHighlightedReplies()}}data-memberGroup="{$comment->author()->member_group_id}" {{endif}} id='elComment_{$comment->$idField}' class='cPost ipsBox {{if $otherClasses}}{$otherClasses}{{endif}} ipsComment {{if ( settings.reputation_enabled and settings.reputation_highlight and $comment->reactionCount() >= settings.reputation_highlight ) OR $comment->isFeatured()}}ipsComment_popular{{endif}} ipsComment_parent ipsClearfix ipsClear ipsColumns ipsColumns_noSpacing ipsColumns_collapsePhone {{if $comment->author()->hasHighlightedReplies()}}ipsComment_highlighted{{endif}} {{if $comment->isIgnored()}}ipsHide{{endif}} {{if $comment->hidden() OR $item->hidden() === -2}}ipsModerated{{endif}}'> {{if $item->isQuestion() and !$comment->new_topic}} {template="postRating" group="topics" app="forums" params="$item, $comment, $votes"} {{endif}} <div class='cAuthorPane cAuthorPane_mobile ipsResponsive_showPhone ipsResponsive_block'> <h3 class='ipsType_sectionHead cAuthorPane_author ipsResponsive_showPhone ipsResponsive_inlineBlock ipsType_break ipsType_blendLinks ipsTruncate ipsTruncate_line'> {template="userLink" group="global" app="core" params="$comment->author(), $comment->warningRef(), TRUE"} <span class='ipsResponsive_showPhone ipsResponsive_inline'>&nbsp;&nbsp;{template="reputationBadge" group="global" app="core" params="$comment->author()"}</span> </h3> <li class='cAuthorPane_photo'> {{if $comment->author()->pp_main_photo}} <span class='ipsUserPhoto ipsUserPhoto_variable'> <img src="{setting='base_url'}uploads/{$comment->author()->pp_main_photo}" /> </span> {{else}} <img src='{resource="default_photo.png" app="core" location="global"}' /> {{endif}} </li> </div> <aside class='ipsComment_author cAuthorPane ipsColumn ipsColumn_medium ipsResponsive_hidePhone'> <h3 class='ipsType_sectionHead cAuthorPane_author ipsType_blendLinks ipsType_break'><strong>{template="userLink" group="global" app="core" params="$comment->author(), $comment->warningRef(), FALSE"} </strong> <span class='ipsResponsive_showPhone ipsResponsive_inline'>&nbsp;&nbsp;{template="reputationBadge" group="global" app="core" params="$comment->author()"}</span></h3> <ul class='cAuthorPane_info ipsList_reset'> {{if $comment->author()->member_title && $comment->author()->member_id}} <li class='ipsType_break nexs-memTitle'>{$comment->author()->member_title}</li> {{elseif $comment->author()->rank['title'] && $comment->author()->member_id}} <li class='ipsType_break'>{$comment->author()->rank['title']}</li> {{endif}} {{if $comment->author()->rank['image'] && $comment->author()->member_id}} <li>{$comment->author()->rank['image']|raw}</li> {{endif}} <li class='cAuthorPane_photo'> {{if $comment->author()->pp_main_photo AND $comment->author()->pp_thumb_photo}} <img src="{url="" base=""}/uploads/{$comment->author()->pp_main_photo}"> {{else}} <img src="{$comment->author()->photo}"> {{endif}} </li> <div class="sharosky__group"> <li>{expression="\IPS\Member\Group::load( $comment->author()->member_group_id )->formattedName" raw="true"}</li> </div> <li class="sharosky__field"><span class="leftpx"><i class="material-icons">question_answer</i>Posts</span><span class="rightpx">{$comment->author()->member_posts}</span></li> <li class="sharosky__field"><span class="leftpx"><i class="material-icons">thumb_up_alt</i>Likes</span><span class="rightpx">{$comment->author()->pp_reputation_points}</span></li> <li class="sharosky__field"><span class="leftpx"><i class="material-icons">warning</i>Warns</span><span class="rightpx">{$comment->author()->warn_level}</span></li> <li class="sharosky__field"><span class="leftpx"><i class="material-icons">fingerprint</i>ID</span><span class="rightpx">#{$comment->author()->member_id}</span></li> </ul> </aside> <div class='ipsColumn ipsColumn_fluid'> {template="post" group="topics" app="forums" params="$item, $comment, $item::$formLangPrefix . 'comment', $item::$application, $item::$module, $itemClassSafe"} </div> </article> custom.css .headmenu { height: 100px; line-height: 100px; background: rgba(97, 66, 82, 0.5); backdrop-filter: blur(5px); z-index: 9999; width: 100%; transition: all 0.3s ease; } /* width */ ::-webkit-scrollbar { width: 15px; } .parallax-window { min-height: 400px; background: transparent; } .ipsMessage { background: #1b1c1f url(https://i.imgurd.com/1ErVFc5.png) center no-repeat; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: center; } /* Track */ ::-webkit-scrollbar-track { background: transparent; } button.ipsApp.ipsButton.ipsButton_important.teamspeakbutton { background: #311f26 url(https://i.imgurd.com/1ErVFc5.png); width: 100%; height: 100px; text-transform: lowercase; font-weight: 500; letter-spacing: 1.5px; background-size: 100%; } #ipsfocus .cPost.ipsComment_highlighted:not(.ipsComment_selected):not(.ipsModerated):before, #ipsfocus .cPost.ipsComment_highlighted.ipsComment:not(.ipsComment_selected):not(.ipsModerated) .cAuthorPane_mobile, #ipsfocus .ipsComment_highlighted.ipsComment:not(.ipsComment_selected):not(.ipsModerated) .ipsComment_header { background: transparent !important; } .ipsWidget_inner a, .ipsWidget_inner a:hover { color: #eef2ff; } /* Handle */ ::-webkit-scrollbar-thumb { background: #f1c230; border: 4px solid #1b1c1f; border-radius: 999px; } i.unread.crz_subforum_icon .material-icons { color: #f1c230; } #chatcontent .ipsList_inline { display: table; color: rgb(118, 118, 118); font-weight: 600; font-size: 13px; position: relative; margin-top: 14px; background: rgb(27, 28, 31); padding: 10px; border-radius: 15px; } ul.ipsDataItem_subList.ipsList_inline li::after { width: 8px; height: 8px; content: ""; position: absolute; top: 5px; bottom: 0px; left: -12px; vertical-align: middle; border-radius: 999px; background: linear-gradient(to right, rgb(241, 194, 48), rgb(244, 156, 45), rgb(244, 156, 45)) !important; } ul.ipsDataItem_subList.ipsList_inline li:not(.ipsDataItem_unread), ul.ipsDataItem_subList.ipsList_inline li { position: relative; } ul.ipsDataItem_subList.ipsList_inline li:not(.ipsDataItem_unread)::after { width: 8px; height: 8px; content: ""; position: absolute; top: 5px; bottom: 0px; left: -12px; vertical-align: middle; border-radius: 999px; background: white !important; } #chatcontent .ipsPhotoPanel.ipsPhotoPanel_tiny > div { margin-left: 95px; } #chatcontent .ipsList_inline::before { content: ""; position: absolute; margin-left: 10px; bottom: 100%; border-color: transparent transparent rgb(27, 28, 31); border-width: 6px; border-style: solid; } .cAuthorPane { border-right: 0; } article.cPost.ipsBox.ipsComment.ipsComment_parent.ipsClearfix.ipsClear.ipsColumns.ipsColumns_noSpacing.ipsColumns_collapsePhone.ipsComment_highlighted { background: #17181b; border-radius: 15px; } .material-icons { vertical-align: middle } i.crz_subforum_icon .material-icons { color: white; } li.ipsDataItem.chat_row { margin: 10px; background: rgba(49, 31, 38, 0.5) !important; padding: 10px; border-radius: 10px; backdrop-filter: blur(10px); border: 0; } .ipsDataItem_icon.ipsDataItem_category { height: 100%; line-height: 100%; text-align: center; vertical-align: middle; width: 60px; } span.ipsItemStatus.ipsItemStatus_large.cForumIcon_normal { height: 60px; line-height: 60px; width: 60px; text-align: center; border-radius: 10px; background: #1b1c1f url(https://i.imgurd.com/I97ddZE.png) center no-repeat; background-position: center center; background-size: 100%; } .headmenu:hover {top: 0;z-index: 9999;} .headmenu:after { top: 100px; content: 'swap_vert'; height: 40px; width: 40px; font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 40px; text-align: center; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; left: calc(50% - 40px); position: absolute; border-radius: 0px 0px 10px 10px; background: rgba(97, 66, 82, 0.5); backdrop-filter: blur(5px); } .headmenu a { padding: 0 25px; color: #fff; text-transform: uppercase; } .headmenu a span{ font-weight: 700; } .rightPane { display: inline-block; float: right; } ul.ipsDataList.ipsDataList_reducedSpacing .ipsDataItem { border: 0; margin: 10px; background: rgb(23, 24, 27) !important; border-radius: 10px; backdrop-filter: blur(10px); } .ipsUserPhoto_tiny img, img.ipsUserPhoto_tiny, .ipsUserPhoto_tiny:after { border-radius: 10px; } .searchbar { width: 100px; height: 100px; line-height: 100px; text-align: center; background: rgba(255, 255, 255, 0.05); } li.ipsWidget.ipsWidget_vertical.ipsBox { margin: 10px 0px; border-radius: 10px; background: #1b1c1f url(https://i.imgurd.com/1ErVFc5.png); } li.cForumRow.ipsBox.ipsSpacer_bottom { margin: 20px; border-radius: 10px; background: #1b1c1f url(https://i.imgurd.com/1ErVFc5.png); } [data-controller="bim.chatbox.free"] { background: #1b1c1f url(https://i.imgurd.com/1ErVFc5.png); border-radius: 10px; } [data-controller="bim.chatbox.free"] div#chatBoxForm { background: rgba(82, 52, 63, 0.3); border-radius: 0 0 10px 10px; } .ipsWidget_inner.ipsPad { margin: 10px; background: rgb(27, 28, 31) !important; border-radius: 10px; backdrop-filter: blur(10px); } li.ipsWidget.ipsBox.ipsWidget_horizontal { margin: 20px; border-radius: 10px; background: #1b1c1f url(hhttps://i.imgurd.com/1ErVFc5.png); } .material-icons { line-height: unset !important; vertical-align: middle !important; } .ipsUserPhoto_variable img, img.ipsUserPhoto_variable, .ipsUserPhoto_variable:after { width: 170px; {{if theme.rounded_photos}} border-radius: 0px; {{endif}} } li.cForumRow.ipsDataItem.ipsDataItem_responsivePhoto.ipsClearfix { margin: 10px; background: #1b1c1f !important; border-radius: 10px; } h4.ipsDataItem_title.ipsType_large.ipsType_break { opacity: 1; position: relative; } .cForumList .ipsDataItem { margin-bottom: 20px; box-shadow: 0 0 13px rgba(0, 0, 0, 0.03); } .cForumRow .ipsType_sectionTitle, .cForumList .ipsType_sectionTitle, .cWidgetContainer[data-widgetArea="header"] ul > li.ipsWidget .ipsType_sectionTitle, .cWidgetContainer[data-widgetArea="header"] ul > li.ipsWidget .ipsWidget_title { background: transparent; height: 115px; font-size: 18px; font-weight: bold; padding: 50px 50px 0 46px; border-top-left-radius: 10px; border-top-right-radius: 10px; position: relative; color: #f4f4f4; } h4.ipsDataItem_title.ipsType_large.ipsType_break { font-weight: 500; font-size: 14px; color: #fff; text-transform: uppercase; padding: 14px 20px; border-radius: 5px; letter-spacing: 1px; transition: 0.3s linear; } body { background: #1b1c1f url(https://i.imgurd.com/1ErVFc5.png); background-repeat: no-repeat; background-position: top center; } #ipsLayout_header { background: unset !important; } .ipsBreadcrumb:before { display: none; } .bimcb_chatArea.ipsBox.ipsClearfix { border-radius: 5px; border: 2px solid #f1c230; } .ipsApp .ipsBreadcrumb { line-height: 45px; border-radius: 10px; box-shadow: unset; border: unset; color: #f2f2ff; font-size: 16px; } [data-controller="bim.chatbox.free"] div#chatBoxForm,.focus-post-bar .cTopic .ipsItemControls, .cPost:before, .headmenu, .headmenu:after, li.cForumRow.ipsBox.ipsSpacer_bottom, li.ipsWidget.ipsWidget_vertical.ipsBox, li.ipsWidget.ipsBox.ipsWidget_horizontal, [data-controller="bim.chatbox.free"], .ipsBreadcrumb.ipsBreadcrumb_top { background: rgba(0, 0, 0, 0.14); background-size: cover; backdrop-filter: blur(1px); -webkit-backdrop-filter: blur(1px); background-repeat: no-repeat; background-attachment: fixed; background-position: center; } li.cForumRow.ipsBox.ipsSpacer_bottom { padding: 20px; margin: unset !important; margin-bottom: 40px !important; } .cForumRow .ipsType_sectionTitle, .cForumList .ipsType_sectionTitle, .cWidgetContainer[data-widgetArea="header"] ul > li.ipsWidget .ipsType_sectionTitle, .cWidgetContainer[data-widgetArea="header"] ul > li.ipsWidget .ipsWidget_title { height: unset !important; font-size: 20px !important; padding: 20px !important; margin-bottom: 20px !important; } li.cForumRow.ipsDataItem.ipsDataItem_responsivePhoto.ipsClearfix { margin: unset !important; } span.ipsItemStatus.ipsItemStatus_large.cForumIcon_normal { background: unset !important; } .cForumToggle:after { transform: translateY(-10px); } h4.ipsDataItem_title.ipsType_large.ipsType_break { padding: 15px 0 !important; } .cForumList .ipsDataItem_unread .ipsDataItem_title:before, .cForumGrid_unread .ipsPhotoPanel h3 a:before { background: #f1c230; } .ipsWidget.ipsWidget_vertical .ipsWidget_title, .ipsWidget.ipsWidget_horizontal .ipsWidget_title { padding: 20px 10px 0 !important; height: unset !important; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; list-style: none; padding: 0; z-index: 1; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .header_slider-content { width: 50%; margin-top: 105px; } .header_slider-title { color: #fff; line-height: normal; font-size: 24px; font-weight: 700; } .header_slider-subtitle { color: #fff; font-size: 16px; font-weight: 400; padding-top: 15px; line-height: normal; } .header_slider-btn--orange { background: #f49c2d; background: -webkit-linear-gradient(to right, #f1c230, #f49c2d, #f49c2d); background: linear-gradient(to right, #f1c230, #f49c2d, #f49c2d); } .header_slider-btn { color: #fff; font-size: 14px; font-weight: 700; text-shadow: 0px 2px rgba(181, 101, 0, 0.3); padding: 15px 40px; border-radius: 25px; display: inline-block; margin-top: 30px; } .header_slider-content { width: 50%; margin-top: 105px; } .header_slider-content { width: 80%; margin-top: 105px; margin-left: 55px; margin-bottom: 105px; } .header_slider-btn--orange:hover { color: #fff; -moz-box-shadow: 0px 0px 32px rgba(241, 194, 48, 0.2); -webkit-box-shadow: 0px 0px 32px rgba(241, 194, 48, 0.2); box-shadow: 0px 0px 32px rgba(241, 194, 48, 0.2); } .swiper-container { margin-left: auto; margin-right: auto; position: relative; list-style: none; padding: 0; z-index: 1; } .ipsContentBox { overflow: hidden; } #ipsLayout_header header { padding: 0px; background-color: transparent; padding-bottom: 40px; position: relative; padding-top: 0px; } .shiftingmenu ul { display: flex; justify-content: center; flex-wrap: wrap; list-style-type: none; padding: 0; margin: 0; } .ipsNavigation .meniuHeader { margin-top: 0px; display: inline-block; line-height: 80px; padding-left: 24px; } .ipsLogo { display: inline-block; } .meniuforum a { background: transparent; font-size: 14px; color: #818181; padding: 0px 20px; border-radius: 2px 2px 0px 0px; font-weight: 700; transition: all 0.3s linear; } .unMainContent { flex: 1 1 100px; } .meniuforum { display: inline-block; } .meniuHeader a { background: transparent; font-size: 14px; color: #818181; padding: 0px 20px; border-radius: 2px 2px 0px 0px; font-weight: 700; transition: all 0.3s linear; } .ipsNavigation { background: rgba(9, 9, 11, 0.8); height: 80px; display: inline-block; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .shiftingmenu { display: inline-block; } .ipsNavigation .meniuHeader a { background: transparent; font-size: 14px; color: #818181; padding: 0px 20px; border-radius: 2px 2px 0px 0px; font-weight: 700; transition: all 0.3s linear; } .ipsNavigation .meniuHeader a:hover { color: #f2b42f; background: none; } .ipsContentBox { background: linear-gradient(to bottom, rgba(11, 12, 14, 0.7), rgba(11, 12, 14, 0.0)); display: inline-block; padding: 40px 0px 42px 40px; border-top-left-radius: 0; border-top-right-radius: 0; height: 130px; width: 100%; } .ipsSubLogo { background: #18191e; border-radius: 0; font-size: 13px; font-weight: 700; color: #818181; padding: 15px 20px; margin-left: 30px; position: relative; cursor: pointer; transition: all 0.3s ease 0s; animation: logoH 6s ease-in-out infinite; } /* postcontainer */ .cAuthorPane { border-right: 1px solid rgba(12, 12, 12, 0.7); } .cAuthorPane_photo img { max-width: 170px; width: auto; } html[dir] .cPost .ipsComment_content { padding-right: 20px !important; padding-left: 20px !important; } .sharosky__group { height: 44px; line-height: 45px; display: block; font-size: 10px; padding: 0 10px; letter-spacing: 1.5px; text-transform: lowercase; position: relative; } .sharosky__field:first-of-type { margin-top: 30px; } .sharosky__field { display: block; height: 40px; line-height: 40px; text-align: center; margin-bottom: 2px; position: relative; cursor: pointer; } .sharosky__field .leftpx { float: left; color: #ccc; letter-spacing: 0.5px; text-transform: lowercase; font-weight: 400; font-size: 13px; } .ipsItemControls { background: transparent !important; border-top: 0; } .sharosky__field:after { content: ''; position: absolute; bottom: 0px; height: 3px; border-radius: 10px; width: 38px; background: linear-gradient(to right, rgb(241, 194, 48), rgb(244, 156, 45), rgb(244, 156, 45)); left: 120px; transition: all 0.3s; } #ipsLayout_footer { margin: 0px; padding: 20px 0; background: #111214; } .sharosky__about { font-size: 14px; font-weight: 400; line-height: 24px; margin: auto; padding: 25px 0px; color: rgb(118, 118, 118); width: 50%; } .sharosky__footer { margin-left: 0; border-radius: 15px; width: 100%; padding: 50px 10px; display: inline-block; text-align: center; } .sharosky__field i { position: relative; width: 35px; top: 0; font-size: 20px; } .sharosky__field:hover:after { left: 0; width: 170px; transition: 0.3s cubic-bezier(0, 0, 0.04, 1.18); } .sharosky__field .rightpx { float: right; width: 60px; color: #ccc; font-weight: bold; } .nexs-memTitle { position: relative; padding: 3px; letter-spacing: 0.2px; font-size: 12px; color: rgba(250, 250, 250, 0.4); margin-bottom: 10px; box-sizing: border-box; border-bottom: 1px solid #f1c230; } .nexs-memTitle:before { content: ""; position: absolute; left: calc(50% - 5px); bottom: -16px; transform: translateY(-50%); border: 5px solid; border-color: #f1c230 transparent transparent transparent; } html[dir="ltr"] #elUserNav { right: 46.35px; top: 46.35px; } /* .sharosky__badges:hover .sharosky__badges-ecila { height: 280px; position: relative; display: inline-block; } .sharosky__badges-ecila { position: relative; margin: 0 auto; height: 2px; overflow: hidden; transition: all 0.5s ease-in-out; margin-top: 15px; } */ /* footer */ .cAuthorPane_photo img { max-width: 170px; width: 300px; }

BIG UPDATE Updated for 4.7.4 & 4.7.5 Now you can dezactivate colors from customizer Now you can chose a default color or you can set your own color Now you can dezactivate header backgrounds from customizer Now you can chose a default header background or you can set your own image Added the customizer on mobile Resolved reponsivness for customizer on mobile Now you can dezactivate style picker Added cover photo in topic Fixed subforum lists [ now working as grid ] Resolved top menu problems, now working perfect and redesigned a bit the code. Changed names of colors with an icon Resolved 4th & 5th trophy color for leaderboards Added a button to close the customizer called save [ on the bottom ]

BIG UPDATE Updated for 4.7.4 & 4.7.5 Resolved the problem for slider, now if you disable it will disable just the slider, not entire sidebar. Resolved top menu problems, now working perfect and redesigned a bit the code. Fixed some global colors Fixed sidebar icons animation Fixed Message Color Problems Resolved promoted topics height ( if you chose view all ) Fixed Template style picker photo's Now about us from mega footer use [editor], you can add custom text/images e.t.c Now you can dezactivate colors from customizer Now you can chose a default color or you can set your own color Now you can dezactivate header backgrounds from customizer Now you can chose a default header background or you can set your own image Resolved sidebar title width Now you can change your own font awesome icon for subforum list in -> index Tab Fixed Responsive width glitch Fixed subforum lists [ now working as grid ] Added 2 more styles to style picker ( v4 & v5 ) Changed Forums icons & moved them inside the box, make them bigger Added cover photo in topic Changed names of colors with an icon Added a button to close the customizer called save [ on the bottom ]

BIG UPDATE Updated for 4.7.4 & 4.7.5 Fixed Message Color Problems Resolved promoted topics height ( if you chose view all ) Now you can dezactivate colors from customizer Now you can chose a default color or you can set your own color Now you can dezactivate header backgrounds from customizer Now you can chose a default header background or you can set your own image Fixed subforum lists Fixed subforum lists [ now working as grid ] Added cover photo in topic Changed names of colors with an icon Added a button to close the customizer called save [ on the bottom ]

BIG UPDATE Updated for 4.7.4 & 4.7.5 Now you can dezactivate colors from customizer Now you can chose a default color or you can set your own color Now you can dezactivate header backgrounds from customizer Now you can chose a default header background or you can set your own image Fixed responsivness Resolved top menu problems, now working perfect and redesigned a bit the code. Fixed color problems Added cover photo in topic Changed names of colors with an icon Added a button to close the customizer called save [ on the bottom ]

Description : Extended User Informations, it is a plugin that adds a much nicer look to the topic. Links & Info : https://tectonicpx.com/board [ Here you can find support for our themes & demo for templates ] If you are a client, send me a pm on https://tectonicpx.com/board [ and you will get acces to client area ] !!! We recommend even if you are a customer or not, to create an account to discover 100% the benefits and appearance of our templates. For customers, updates come faster than here on the market, given the fact that there is no waiting time FEATURES General Enable / Disable Glow Enable / Disable Rank Icon Enable / Disable Mod Icon Enable / Disable Info On Mobile Author Box Width [ in px ] Online / Offline Icon Size [ in px ] Left & Right Padding Topic [ in px ] Avatar Size On Mobile [ in px ] Avatar Maximum Size [ in px ] [ height/width ] Author Background Color Info Icons Color Rank Color Rank Border Color Info Text Color Link Color Mod Badge Color Rank Enable / Disable Rank Icon Rank Font Weight Rank Border Radius Rank icon [ Use FontAwesome Cheatsheet ] Statistics Enable / Disable Posts Icon Posts Language Posts Enable / Disable Likes Icon Likes Language Likes Enable / Disable Warns Icon Warns Language Warns Enable / Disable Member Id Icon Member Id Language Member Id Enable / Disable Joined Icon Joined Language Joined Enable / Disable Birthday Icon Birthday Language Birthday Enable / Disable Profile Views Icon Profile Views Language Profile Views Enable / Disable Time Zone Icon Time Zone Language Time Zone Enable / Disable Points Icon Achievement Points Language Points Enable / Disable Days Won Icon Days Won Language Days Won Cover Enable / Disable Cover Cover Opacity Info To report bugs send me a PM Future updates will include info on profile & dropdown user menu ( on your name ) - in case you want to extend more those informations 100% Customizable 100% Responsive If you use this plugin, you need to revert the postContainer -> html file ( in case you have custom postContainer ) because you can encounter bugs or missing informations/colors e.t.c You can use this plugin on every version of IPS ( but we recommend 4.6 or 4.7 minimum )

Thank you !

BIG UPDATE - Added light version ( now you have dark & light ) - You can chose wich style to be displayed by default - If you dezactivate the style picker, you can chose 1 style to be displayed as default ( in case you want just 1 style ), by default is dark - Changed orange color, to be visible on both version dark & light - Added number of topics on index - Now tooltip is currentColor [ main color ] of the forum

BIG UPDATE - Removed social links from footer - Added moderator and admin control panel on footer - Added the tab called sidebar, where you have the custom list to change sidebar title icons - Removed the dark & light switcher - Added Template Style Picker ( Now you have multiple styles ) - Added 2 more styles to this template.You have ( Light / Dark s1 / Dark s2 & Dark s3 ) - If you dezactivate the dark / light mode, you can chose 1 style to be displayed as default ( in case you want just 1 style ), by default is dark ( s1 ) - Changed to nav separator color & welcome message to be visible on all versions of light & dark! - Added number of topics on index - Added option to change sidebar width from ACP [ by default 360px ]

BIG UPDATE - Added 2 more dark styles ( now you have Dark S1 / Dark S2 / Dark S3 ) - You can chose wich style to be displayed by default - If you dezactivate the style picker, you can chose 1 style to be displayed as default ( in case you want just 1 style ), by default is dark ( s1 ) - Resolved question topic color problems - Now tooltip is currentColor [ main color ] of the forum - Now the customizer is visible just if you are a member, not working for guests anymore!

BIG UPDATE - Removed the dark & light switcher - Added Template Style Picker ( Now you have multiple styles ) - Added 2 more styles to this template.You have ( Light / Dark s1 / Dark s2 & Dark s3 ) - If you dezactivate the dark / light mode, you can chose 1 style to be displayed as default ( in case you want just 1 style ), by default is dark ( s1 ) - Resolved question topic color problems - Now tooltip is currentColor [ main color ] of the forum - Resolved hovercard color problems - Added number of topics on index - Resolved ipsLayout_minimal

Description : Nitro is a template based mainly on gaming but with many options to change the look. It has the dark and light version but also with a lot of options to change the colors, wallpapers, etc. Theme Features [ ACP ] : Background Picker Index Settings Mega Footer fully customizable Sidebar Slider fully customizable Social Links customizable Auto Typing Special Forums [ for promoted servers or whatever you want to do with this feature ], fully customizable Customizer : Color Picker [ 6 colors ] Background Picker [ 6 backgrounds ] Dark & Light mode Switch Fluid width Switch [ Switch between Fixed and Fluid ] Show / Hide Sidebar Sidebar position [ Left / Right ] Chose sublist columns [ 2 / 3 ] Show / Hide Back To Top Button New : Redesigned header menu [ now works with menu manager ] Clean css code [ with vars ] Redesigned Header Redesigned Post Container Redesigned Footer And Much More Warnings : This new version is available just from 4.6 [ Working with 4.6 & 4.7 ] No Renewal anymore you are free to use this theme for life Plugins Used : General Statistics [ write me and i will send you the plugin ] Chatbox Free

-------------- Added : Added the posibility to change the forumrow icons directly from ACP Added the posibility to change the menu icons directly from ACP Added animation for footer icons Changed the opacity of the ipsBox on index -------------- Modified : Modified the avatar position on index and everywhere on forumrow & removed the display [ none ] for avatars. Resolved a little bug on footer, now it's working fine. Resolved ACP tab names

-------------- Added : Added the posibility to change the forumrow icons directly from ACP Added the posibility to change the menu icons directly from ACP -------------- Modified : Resolved ACP tab names

-------------- Added : Added the button for the load more on cbItems -------------- Modified : Resolved ACP tab names Changed tagPrefix bg & text color Changed Streams Div Color Resolved barProgress Text Color Resolved hovercard missing Background

Description : Eden is mainly based on gaming, but it can be used in many other situations because it is very easy to customize, and it doesn't take long to turn it into a perfect template for your job. Theme Features [ ACP ] : Count Down fully customizable Background Picker Index Settings Mega Footer fully customizable Social Links customizable Special Forums [ for promoted servers or whatever you want to do with this feature ], fully customizable Menu & Forum Row fully customizable icons directly from ACP Customizer : Color Picker [ 6 colors ] Background Picker [ 4 backgrounds ] Fluid width Switch [ Switch between Fixed and Fluid ] Show / Hide Sidebar Sidebar position [ Left / Right ] Chose sublist columns [ 2 / 3 ] Show / Hide Back To Top Button New : Clean css code [ with vars ] And Much More Warnings : No Renewal anymore you are free to use this theme for life Plugins Used : General Statistics [ write me and i will send you the plugin ] Chatbox Free

Update 2.1.0 [ 4.1.0 ] Added: added option in customizer to change the sidebar position [ Right ] or [ Left ] added option to change the general statistics icons, this option can be found in megafooter added option to chose wich group can see slider [ can be found in mega slider tab ] added the option to chose wich group can see the customizer [ can be found in index tab ] Removed: Removed before and after horizontal line for secondary background Modified: Modified menu icons, and added in css example for how to change to your own icons

Update 3.3.0 Added: added option in customizer to change the sidebar position [ Right ] or [ Left ] added option to chose wich group can see slider [ can be found in mega slider tab ] added option to chose wich group can see countdown [ can be found in countdown tab ] added the option to chose wich group can see the customizer [ can be found in index tab ] Modified: Resolved searchbox color Modified menu icons, and added in css example for how to change to your own icons