Опубліковано 29 жовтня, 20159 р Адміністратор Админ Панель-Внешний вид-Ваш стиль-Список форумов-boardIndexTemplate найти:<foreach loop="side_blocks:$side_blocks as $block">{$block}</foreach>Ниже добавить:<div class='ipsSideBlock clearfix'><div class='_sbcollapsable'><section class="bussinesscard"> <div class="flip"> <div class="front"> <div class="top"> <div class="logo"> <img src='{$this->memberData['pp_small_photo']}' alt="{parse expression="sprintf($this->lang->words['users_photo'],$this->memberData['members_display_name'])"}" class='ipsUserPhoto1 ipsUserPhoto_mediumbg' style=" border-radius: 150px;" /> </div> </div> <div class="nametroduction"> <div class="name">{$this->memberData['members_display_name']}</div> <div class="introduction"><a href="http://silencebgsoftware.com/">By Silence</a></div> </div> <center>{$this->memberData['prefix']}{$this->memberData['g_title']}{$this->memberData['suffix']}</center> <div class="contact"> <ul id='links'> <li id='user_profile'><a href='{parse url="showuser={$this->memberData['member_id']}" seotitle="{$this->memberData['members_seo_name']}" template="showuser" base="public"}' title='{$this->lang->words['your_profile']}'>{$this->lang->words['my_profile']}</a></li> <li id='user_ucp'><a href="{parse url="app=core&module=usercp" base="public"}" title="{$this->lang->words['cp_tool_tip']}">{$this->lang->words['your_cp']}</a></li> <li id='user_content'><a href="{parse url="app=core&module=search&do=user_activity&mid={$this->memberData['member_id']}" base="public"}" title="{$this->lang->words['my_content_link']}">{$this->lang->words['my_content_link']}</a></li> <if test="userLikeLink:|:count( IPSLib::getEnabledApplications('like') )"> <li id='user_likes'><a href='{parse url="app=core&module=search&do=followed" base="public"}' title='{$this->lang->words['your_likes']}'>{$this->lang->words['your_likes']}</a></li></if><if test="nobbyNoMates:|:$this->settings['friends_enabled'] && $this->memberData['g_can_add_friends']"> <li id='user_friends'><a href='{parse url="app=members&module=profile§ion=friends&do=list" base="public"}' title="{$this->lang->words['manage_friends']}" class='manage_friends'>{$this->lang->words['manage_friends']}</a></li></if> <li id='user_enemies'><a href='{parse url="app=core&module=usercp&tab=core&area=ignoredusers" base="public"}' title="{$this->lang->words['manage_ignored_users']}" class='manage_enemies'>{$this->lang->words['manage_ignored_users']}</a></li><if test="bloglink:|:$this->memberData['has_blog'] AND IPSLib::appIsInstalled('blog')"> <li id='user_blog'><a href="{parse url="app=blog&module=manage" base="public" template="manageblog" seotitle="false"}">{$this->lang->words['manage_blogs']}</a></li></if><if test="pmLink:|:$this->memberData['members_disable_pm'] != 2 && $this->memberData['g_use_pm']"> <li id='user_pm'><a href="{parse url="app=members&module=messaging" base="public"}">{$this->lang->words['user_dd_go_pm']}</a></li></if><if test="gallerylink:|:$this->memberData['has_gallery'] AND IPSLib::appIsInstalled('gallery')"> <li id='user_gallery'><a href='{parse url="app=gallery&user={$this->memberData['member_id']}" base="public" seotitle="{$this->memberData['members_seo_name']}" template="useralbum"}' title="{$this->lang->words['go_to_my_gallery']}">{$this->lang->words['my_gallery']}</a></li></if></ul></div></div><div class="back"></div> <!--FIXES FONT RENDERING --></div></section></div></div> Админ Панель-Внешний вид-Ваш стиль-css-ipb_styles.css добавить у самий ныз: @import url(http://fonts.googleapis.com/css?family=Old+Standard+TT:400,400italic,700);@import url(http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);@import url(http://code.ionicframework.com/ionicons/1.5.2/css/ionicons.min.css);::selection { color: #fff; background: #283A4A;}::-moz-selection { color: #fff; background: #283A4A;}.bussinesscard { height: 320px; width: 300px; overflow: hidden; -moz-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); -webkit-transform: translate(-50%, -50%); transform: translate(0%, 0%);}.bussinesscard .flip { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}.bussinesscard .front { z-index: 11; width: 100%; position: absolute; height: 100%; background: #fff; box-shadow: 0px 0px 33px -1px rgba(0, 0, 0, 0.45); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}.bussinesscard .front .top { height: 50%; background: #283A4A;}.bussinesscard .front .top:after { position: absolute; content: ''; pointer-events: none;}.bussinesscard .front .top:after { left: 50%; width: 2em; height: 2em; -moz-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); bottom: 12em; z-index: 10; background: inherit;}.bussinesscard .front .top .logo {display: inline-block;color: #fff;z-index: 11;padding: .16em;border: 1px solid #fff;border-radius: 150px;position: relative;pointer-events: none;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);left: 50%;margin-top: .4em;font-size: 4em;}.bussinesscard .front .top .logo .fat { font-weight: 800;}.bussinesscard .front .top .logo .skinny { font-weight: 100;}.bussinesscard .front .nametroduction { margin-top: 2.4em; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); z-index: 8;}.bussinesscard .front .name { color: #283A4A; font-weight: 400; font-size: 3.2em; text-align: center; position: relative; margin-bottom: .35em;}.bussinesscard .front .introduction { text-align: center; color: #283A4A; font-family: 'Old Standard TT', serif; font-style: italic;}.bussinesscard .front .contact {background: #283A4A;color: #fff;padding: 10px 0 4px 0;border-radius:2px; font-weight: 300;text-align: center; -moz-transform: translateY(400%); -ms-transform: translateY(400%); -webkit-transform: translateY(400%); transform: translateY(400%);}.bussinesscard .front .contact span { color: #fff; font-size: 1.7em; width: 1.3em; display: inline-block;}.bussinesscard .front .contact a { position: relative; bottom: .24em; color:#fff;}.bussinesscard .back { width: 100%; height: 100%; background: #fff; backface-visibility: hidden; position: absolute;}.tooltip { position: absolute; left: 1em; bottom: 1em; color: #fff; font-weight: 300; padding: .4em; background: #283A4A;}/* HOVER ANIMATIONS */.front .top .logo, .front .top, .front .top:after, .front .nametroduction, .front .contact { -moz-transition: 0.7s all ease-in-out; -o-transition: 0.7s all ease-in-out; -webkit-transition: 0.7s all ease-in-out; transition: 0.7s all ease-in-out;}.flip:hover .front .top .logo {margin-top: .28em;font-size: 0.3em;border: 3px solid #fff;margin-left: .15em;-moz-transform: translateX(0);-ms-transform: translateX(0);-webkit-transform: translateX(0);transform: translateX(0);left: 0;}.flip:hover .front .top { height: 15%;}.flip:hover .front .top:after { width: 1.5em; height: 1.5em; bottom: 20.3em;}.flip:hover .front .nametroduction { -moz-transform: translateY(430%); -ms-transform: translateY(430%); -webkit-transform: translateY(430%); transform: translateY(430%);}.flip:hover .front .contact { -moz-transform: translateY(2%); -ms-transform: translateY(2%); -webkit-transform: translateY(2%); transform: translateY(2%);}
Для публікації повідомлень створіть обліковий запис або авторизуйтесь