Название расширения: Asideblock
Требования: phpBB 3.1.x
Описание расширения: Расширение позволяет добавить на форум боковую колонку.
Скачать:
Версия: 0.2.0
asideblock-0.2.0.zip
18.23 КБ 582 скачивания
Версия расширения обновлена // 25.07.2015

Изображение

Ширина добавляемой колонки составляет 260 пикселей и расположена справа, всё легко меняется в стилевом файле. Так как адаптирование стиля не предусматривает отгрызенного сбоку куска в 300 пикселей, пришлось скопировать и применить те правки, которые срабатывают при определённой ширине, чуть ранее. Суть в том, что я мог не всё предусмотреть и что-то может перекашивать.

При определённой ширине экрана боковая колонка перемещается наверх.

Изображение

Настройки имеют три формы. Первая предназначена для стилей. Вторая, преимущественно для скриптов, так как информация добавляется в самый низ страницы, то здесь можно использовать jquery. Последняя форма для ввода содержимого колонки.

Начиная с версии 0.2.0 появилась возможность выбора стиля отображения колонки. В блоке "Стилевое оформление" появился пункт, позволяющий задать колонке форумное оформление, плюс возможность установления ширины колонки.
Так же добавил функцию проверки версии.

Путь для расширения должен быть следующим: ext/xaocz/asideblock.

За основу взято расширение пользователя гуру c61 - empennage.
+История версий
Комментарии: 46

romaamor 24 июл 2015, 23:12 Сообщение

Та там добавить надо в СSS расширения.
Ну если CabinetAdmin Расширение не переделает.... та там просто в CSS условие добавить и всё.
По моему -
.asideblock

На вскидку -

Код: Выделить всё

.asideblock {
    
    background: transparent none repeat-x 0 0;
    margin-bottom: 10px;
    padding: 6px 5px 5px;
    clear: both;
    border-radius: 7px;
    border: 1px solid;
  • 0

CabinetAdmin 25 июл 2015, 11:58 Сообщение

Обновил версию расширения.

Добавил возможность задать колонке форумное стилевое оформление (как у форумов на странице списка форумов). Плюс, чтобы для изменения ширины не лазить каждый раз в файлы, возможность задания ширины из админки. Если оставить это поле пустым, то будет использоваться значение по умолчанию - 260 пикселей.
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

eska 11 окт 2015, 11:53 Сообщение

Можно ли его сделать скользящим, когда страницу опускают в низ?
  • 0

eska 11 окт 2015, 12:06 Сообщение

И можно сделать как-то, что бы с мобильника она не отображалась?
  • 0

CabinetAdmin 11 окт 2015, 13:54 Сообщение

eska писал(а): Можно ли его сделать скользящим, когда страницу опускают в низ?
http://cabinetadmina.ru/viewtopic.php?f=122&t=4164
eska писал(а): что бы с мобильника она не отображалась
В asideblock.css:

Код: Выделить всё

	.asideblock {
		width: auto !important;
		float: none;
		margin: 0 !important;
	}
заменить на:

Код: Выделить всё

	.asideblock {
		width: auto !important;
		float: none;
		margin: 0 !important;
		display: none !important;
	}
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

romaamor 25 дек 2015, 11:58 Сообщение

CabinetAdmin, как сделать что бы блок был только на главной ?
  • 1

CabinetAdmin 25 дек 2015, 18:34 Сообщение

Хм... В принципе наверно надо было сделать такую опцию... Надо будет добавить. А пока можно обернуть всё содержимое в overall_header_content_before.html и overall_footer_content_after.html (это в asideblock/styles/all/template/event) в:

Код: Выделить всё

<!-- IF SCRIPT_NAME == "index" -->

...

<!-- ENDIF -->
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

romaamor 25 дек 2015, 19:18 Сообщение

Было бы удобно если можно было бы вибирать три позиции с возможностью включать -выключать каждую. Главная, viewforum. viewtopic
  • 0

romaamor 17 окт 2020, 20:43 Сообщение

Короче, плюнул на всё, и купил платное расширение
https://codecanyon.net/item/phpbb-sideb ... e/21454084
Вот как на сайте работает:
https://iptvvip.ru/
  • 0

емили 17 окт 2020, 23:36 Сообщение

romaamor, крутой форум у вас и с такой хорошей энергетикой.
  • 0

romaamor 17 окт 2020, 23:39 Сообщение

емили, спасибо конечно, но это бекап основного форума. Тестовый вариант так сказать.
  • 0

емили 17 окт 2020, 23:40 Сообщение

romaamor, а мне понравилось, прикольно смотреться и имеет свой стиль.
  • 1

romaamor 18 окт 2020, 15:14 Сообщение

CabinetAdmin, что то не могу до толку сделать фиксированными блоки. Пробовал по аналогии как тут - viewtopic.php?f=144&t=4956&start=15#content_comments в низу наплыв.

Файлы там такие :
overall_footer_content_after

Код: Выделить всё

    </div><!-- .content-->
</div><!-- .container-->

<!-- IF S_PS_ENABLE_LEFTBAR -->
	<div class="left-sidebar">
    	{S_PS_LEFTBAR_CONTENT}
	</div>
<!-- ENDIF -->


<!-- IF S_PS_ENABLE_RIGHTBAR -->
    <div class="right-sidebar">

        <!-- IF S_PS_ENABLE_SEARCH_WIDGET and S_DISPLAY_SEARCH -->
        	<div class="sidebarWidget sidebarSearch">
                <div id="search-box" class="search-box" role="search">
                    <form action="{U_SEARCH}" method="get" id="search">
                    <fieldset>
                        <input name="keywords" id="keywords" type="search" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" size="20" value="{SEARCH_WORDS}" placeholder="{L_SEARCH_MINI}" />
                        {S_SEARCH_HIDDEN_FIELDS}
                    </fieldset>
                    </form>
                </div>
                <a href="{U_SEARCH}" title="{L_SEARCH_ADV}">{L_SEARCH_ADV}</a>
            </div>
        <!-- ENDIF -->

        <!-- IF S_PS_ENABLE_PROFILE_WIDGET -->
            <div class="sidebarWidget profileWidget">

                <div class="forabg">
                    <div class="inner">
                        <ul class="topiclist">
                            <li class="header">
                                <dl class="row-item">
                                    <dt>
                                    	<!-- IF S_USER_LOGGED_IN -->
                                        	{L_READ_PROFILE}
                                        <!-- ELSE -->
                                        	<a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>
                                            <!-- IF S_REGISTER_ENABLED -->&bull; <a href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF -->
                                        <!-- ENDIF -->
                                    </dt>
                                </dl>
                            </li>
                        </ul>
                        <ul class="topiclist forums">
                        	<!-- IF S_USER_LOGGED_IN -->
                                <li class="row nohover">
                                    <dl>
                                        <dt>
											<div class="profileWidgetAvatar">
                                                <!-- IF CURRENT_USER_AVATAR -->
                                                    <a href="{U_USER_PROFILE}">{CURRENT_USER_AVATAR}</a>
                                                <!-- ELSE -->
                                                    <a href="ucp.php?i=ucp_profile&amp;mode=avatar" class="no_avatar"><i class="icon fa-pencil-square-o"></i></a>
                                                <!-- ENDIF -->
                                            </div>
                                            <div class="profileWidgetInfo">
                                                <p>Hi, {CURRENT_USERNAME_SIMPLE}!</p>
                                                <ul>
                                                    <li>
                                                        <a href="{U_PROFILE}" title="{L_PROFILE}">
                                                            <i class="icon fa-sliders fa-fw" aria-hidden="true"></i><span>{L_PROFILE}</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="{U_USER_PROFILE}" title="{L_READ_PROFILE}">
                                                            <i class="icon fa-user fa-fw" aria-hidden="true"></i><span>{L_READ_PROFILE}</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}">
                                                            <i class="icon fa-power-off fa-fw" aria-hidden="true"></i><span>{L_LOGIN_LOGOUT}</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </dt>
                                    </dl>
                                </li>
                                <li class="row nohover">
                                    <dl>
                                    	<dt>
                                        	<div class="profileWidgetList">
                                                <ul>
                                                    <!-- IF S_DISPLAY_SEARCH -->
                                                        <li>
                                                            <a href="{U_SEARCH_SELF}">
                                                                <i class="icon fa-file-o fa-fw" aria-hidden="true"></i><span>{L_SEARCH_SELF}</span>
                                                            </a>
                                                        </li>
                                                    <!-- ENDIF -->
                                                    <!-- IF S_NOTIFICATIONS_DISPLAY -->
                                                        <li>
                                                            <a href="{U_VIEW_ALL_NOTIFICATIONS}">
                                                                <i class="icon fa-bell fa-fw" aria-hidden="true"></i><span>{L_NOTIFICATIONS}</span>
                                                            </a>
                                                            <strong class="badge<!-- IF not NOTIFICATIONS_COUNT --> hidden<!-- ENDIF -->">{NOTIFICATIONS_COUNT}</strong>
                                                        </li>
                                                    <!-- ENDIF -->
                                                    <!-- IF S_DISPLAY_PM -->
                                                        <li>
                                                            <a href="{U_PRIVATEMSGS}">
                                                                <i class="icon fa-inbox fa-fw" aria-hidden="true"></i><span>{L_PRIVATE_MESSAGES}</span>
                                                            </a>
                                                            <strong class="badge<!-- IF not PRIVATE_MESSAGE_COUNT --> hidden<!-- ENDIF -->">{PRIVATE_MESSAGE_COUNT}</strong>
                                                        </li>
                                                    <!-- ENDIF -->
                                                    <li>
                                                        <a href="ucp.php?i=ucp_main&amp;mode=bookmarks">
                                                            <i class="icon fa-bookmark fa-fw" aria-hidden="true"></i>{L_VIEW_BOOKMARKS}
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </dt>
                                    </dl>
                                </li>
                            <!-- ELSE -->
                            	<!-- IF not S_IS_BOT -->
                                <li class="row nohover">
                                    <dl>
                                        <dt>
                                            <div>
                                                <form method="post" action="{S_LOGIN_ACTION}">
                                                    <fieldset class="quick-login">
                                                        <label for="username"><span>{L_USERNAME}{L_COLON}</span> <input type="text" name="username" id="username" size="10" class="inputbox" title="{L_USERNAME}" /></label>
                                                        <label for="password"><span>{L_PASSWORD}{L_COLON}</span> <input type="password" name="password" id="password" size="10" class="inputbox" title="{L_PASSWORD}" autocomplete="off" /></label>
                                                        <!-- IF S_AUTOLOGIN_ENABLED -->
                                                            <label for="autologin2"><input type="checkbox" name="autologin" id="autologin2" /> {L_LOG_ME_IN}</label>
                                                        <!-- ENDIF -->
                                                        <input type="submit" name="login" value="{L_LOGIN}" class="button2" />
                                                        <!-- IF U_SEND_PASSWORD -->
                                                            <hr /><a href="{U_SEND_PASSWORD}">{L_FORGOT_PASS}</a>
                                                        <!-- ENDIF -->
                                                        {S_LOGIN_REDIRECT}
                                                        {S_FORM_TOKEN_LOGIN}
                                                    </fieldset>
                                                </form>
                                            </div>
                                        </dt>
                                    </dl>
                                </li>
                                <!-- ENDIF -->
                            <!-- ENDIF -->
                        </ul>
                    </div>
                </div>

            </div>
        <!-- ENDIF -->

    	<div class="sidebarWidget">
        	{S_PS_RIGHTBAR_CONTENT}
        </div>

        <!-- IF S_PS_ENABLE_SOCIAL -->
        	<div class="sidebarWidget sidebarSocial">
                <!-- IF S_PS_SOCIAL_BEHANCE --><a title="{L_PS_SOCIAL_BEHANCE}" href="{S_PS_SOCIAL_BEHANCE}" class="sbehance"><i class="fa fa-behance"></i></a><!-- ENDIF --><!-- IF S_PS_SOCIAL_DISCORD --><a title="{L_PS_SOCIAL_DISCORD}" href="{S_PS_SOCIAL_DISCORD}" class="sdiscord"><img src="{ROOT_PATH}/ext/planetstyles/premiumsidebars/styles/prosilver/theme/images/discord.png" width="24" style="margin-top: -6px;" /></a><!-- ENDIF --><!-- IF S_PS_SOCIAL_DRIBBLE --><a title="{L_PS_SOCIAL_DRIBBLE}" href="{S_PS_SOCIAL_DRIBBLE}" class="sdribbble"><i class="fa fa-dribbble"></i></a><!-- ENDIF --><!-- IF S_PS_SOCIAL_ETSY --><a title="{L_PS_SOCIAL_ETSY}" href="{S_PS_SOCIAL_ETSY}" class="setsy"><i class="fa fa-etsy"></i></a><!-- ENDIF --><!-- IF S_PS_SOCIAL_FACEBOOK --><a title="{L_PS_SOCIAL_FACEBOOK}" href="{S_PS_SOCIAL_FACEBOOK}" class="sfacebook"><i class="fa fa-facebook-f"></i></a><!-- ENDIF --><!-- IF S_PS_SOCIAL_GITHUB --><a title="{L_PS_SOCIAL_GITHUB}" href="{S_PS_SOCIAL_GITHUB}" class="sgithub"><i class="fa fa-github-alt"></i></a><!-- ENDIF --><!-- IF S_PS_SOCIAL_GOOGLEPLUS --><a title="{L_PS_SOCIAL_GOOGLEPLUS}" href="{S_PS_SOCIAL_GOOGLEPLUS}" class="sgoogleplus"><i class="fa fa-google-plus"></i></a><!-- ENDIF --><!-- IF S_PS_SOCIAL_INSTAGRAM --><a title="{L_PS_SOCIAL_INSTAGRAM}" href="{S_PS_SOCIAL_INSTAGRAM}" class="sinstagram"><i class="fa fa-instagram"></i></a><!-- ENDIF --><!-- IF S_PS_SOCIAL_PAYPAL --><a title="{L_PS_SOCIAL_PAYPAL}" href="{S_PS_SOCIAL_PAYPAL}" class="spaypal"><i class="fa fa-paypal"></i></a><!-- ENDIF --><!-- IF S_PS_SOCIAL_PINTEREST --><a title="{L_PS_SOCIAL_PINTEREST}" href="{S_PS_SOCIAL_PINTEREST}" class="spinterest"><i class="fa fa-pinterest"></i></a><!-- ENDIF --><!-- IF S_PS_SOCIAL_REDDIT --><a title="{L_PS_SOCIAL_REDDIT}" href="{S_PS_SOCIAL_REDDIT}" class="sreddit"><i class="fa fa-reddit-alien"></i></a><!-- ENDIF --><!-- IF S_PS_SOCIAL_SLACK --><a title="{L_PS_SOCIAL_SLACK}" href="{S_PS_SOCIAL_SLACK}" class="sslack"><i class="fa fa-slack"></i></a><!-- ENDIF --><!-- IF S_PS_SOCIAL_SNAPCHAT --><a title="{L_PS_SOCIAL_SNAPCHAT}" href="{S_PS_SOCIAL_SNAPCHAT}" class="ssnapchat"><i class="fa fa-snapchat-ghost"></i></a><!-- ENDIF --><!-- IF S_PS_SOCIAL_SOUNDCLOUD --><a title="{L_PS_SOCIAL_SOUNDCLOUD}" href="{S_PS_SOCIAL_SOUNDCLOUD}" class="ssoundcloud"><i class="fa fa-soundcloud"></i></a><!-- ENDIF --><!-- IF S_PS_SOCIAL_STEAM --><a title="{L_PS_SOCIAL_STEAM}" href="{S_PS_SOCIAL_STEAM}" class="ssteam"><i class="fa fa-steam"></i></a><!-- ENDIF --><!-- IF S_PS_SOCIAL_TUMBLR --><a title="{L_PS_SOCIAL_TUMBLR}" href="{S_PS_SOCIAL_TUMBLR}" class="stumblr"><i class="fa fa-tumblr"></i></a><!-- ENDIF --><!-- IF S_PS_SOCIAL_TWITCH --><a title="{L_PS_SOCIAL_TWITCH}" href="{S_PS_SOCIAL_TWITCH}" class="stwitch"><i class="fa fa-twitch"></i></a><!-- ENDIF --><!-- IF S_PS_SOCIAL_TWITTER --><a title="{L_PS_SOCIAL_TWITTER}" href="{S_PS_SOCIAL_TWITTER}" class="stwitter"><i class="fa fa-twitter"></i></a><!-- ENDIF --><!-- IF S_PS_SOCIAL_VIMEO --><a title="{L_PS_SOCIAL_VIMEO}" href="{S_PS_SOCIAL_VIMEO}" class="svimeo"><i class="fa fa-vimeo"></i></a><!-- ENDIF --><!-- IF S_PS_SOCIAL_YOUTUBE --><a title="{L_PS_SOCIAL_YOUTUBE}" href="{S_PS_SOCIAL_YOUTUBE}" class="syoutube"><i class="fa fa-youtube"></i></a><!-- ENDIF -->
            </div>
        <!-- ENDIF -->

	</div><!-- .right-sidebar -->
<!-- ENDIF -->

</div><!-- .middle-->

<style type="text/less">
	@leftSidebarWidth: {S_PS_LEFTBAR_WIDTH}px;
	@rightSidebarWidth: {S_PS_RIGHTBAR_WIDTH}px;
	@sidebarGutter: 15px;

	.sidebarsLeft .left-sidebar {width: @leftSidebarWidth;}
	.sidebarsLeft .sidebarCenter {padding: 0 0 0 (@leftSidebarWidth + @sidebarGutter);}

	.sidebarRight .right-sidebar {width: @rightSidebarWidth; margin-left: -@rightSidebarWidth;}
	.sidebarRight .sidebarCenter {padding: 0 (@rightSidebarWidth + @sidebarGutter) 0 0;}

	body.sidebarsLeft.sidebarRight .sidebarCenter {padding: 0 (@rightSidebarWidth + @sidebarGutter) 0 (@leftSidebarWidth + @sidebarGutter);}
</style>

<!-- INCLUDEJS ../template/less.min.js -->
overall_header_content_before

Код: Выделить всё

<!-- INCLUDECSS ../theme/premiumsidebars.css -->

<!-- IF S_PS_ENABLE_COLLAPSE -->
	<!-- Soon -->
<!-- ENDIF -->
    
<div class="middle<!-- IF SCRIPT_NAME != 'index' --> sidebarHideMe<!-- ENDIF -->">

<div class="sidebarContainer">
    <div class="sidebarCenter">
Ну и -

Код: Выделить всё

/* Structure
---------------------------------------- */

#page-body {
	margin: 15px 0;
}

.middle {
	width: 100%;
	position: relative;
}

.middle:after {
	display: table;
	clear: both;
	content: '';
}

.sidebarContainer {
	width: 100%;
	float: left;
	overflow: hidden;
}

.sidebarCenter {}

.left-sidebar {
	float: left;
	margin-left: -100%;
	position: relative;
}

.right-sidebar {
	float: left;
	position: relative;
}

/* Hide sidebars on other pages when 'index only' selected */
.sidebarIndex .sidebarHideMe .left-sidebar {display: none;}
.sidebarIndex .sidebarHideMe .right-sidebar {display: none;}
.sidebarIndex .sidebarHideMe .sidebarCenter {padding: 0 !Important;}


/* Widgets
---------------------------------------- */
.sidebarWidget {
	display: block;
	margin-bottom: 15px;
	overflow: auto;
}

/* Search box tweaks */
.sidebarSearch .search-box {float: none;}

.sidebarSearch input.inputbox {
	width: 100%;
	border-radius: 0;
	border-width: 1px;
	font-size: 1em;
	padding: 9px;
	height: auto;
	margin-bottom: 5px;
}


/* Blocks */
.sidebarWidget .forabg, .sidebarWidget .forumbg, .sidebarWidget .panel {
	margin-left: 0;
	margin-right: 0;
}

.sidebarWidget li.header dt {
	margin-right: 0;
	margin-left: 5px;
}

.sidebarWidget li.row {
	padding: 5px;
}

.sidebarWidget li.row.nohover:hover {
	background: none;
}

/* Profile Widget */
.profileWidget fieldset.quick-login {
	margin-top: 0;
}

.profileWidget fieldset.quick-login input.inputbox {
	display: block;
	width: 100%; max-width: 100%;
	box-sizing: border-box;
	margin-bottom: 10px;
	margin-left: 0;
}

.profileWidget input[type=submit] {
	display: block;
	width: 100% !important;
	margin: 10px 0;
}

.profileWidget label {
	font-weight: normal;
}

.profileWidgetAvatar {
	float: left;
	width: 50px;
}

.profileWidgetAvatar img {
	width: 50px;
	height: 50px;
	margin-left: 5px;
}

.profileWidgetAvatar .no_avatar {
	width: 50px;
	height: 50px;
	background: rgba(0,0,0,0.1);
	text-align: center;
	font-size: 1.2em;
	line-height: 50px;
}

.profileWidgetInfo {
	float: left;
	margin-left: 10px;
}

.profileWidgetInfo ul li, .profileWidgetList ul li {
	margin-bottom: 1px;
}

.profileWidgetList {}

.profileWidget strong.badge {
	color: #FFFFFF;
	font-weight: bold;
	float: none;
	vertical-align: middle;
	margin-top: -7px;
}

/* Grid Widget */
.gridWidget {
	text-align: center;
}

.gridWidget a {
	margin: 0 3px 10px;
}


/* Social links */
.sidebarSocial {text-align: center;}

.sidebarSocial a {
	display: inline-block;
	width: 35px; height: 35px;
	line-height: 40px;
	text-align: center;
	margin: 3px;
	color: #FFFFFF;
}

.sidebarSocial a i {
	font-size: 18px;
}

.sidebarSocial a:hover {opacity: 0.9;}

.sidebarSocial a.sbehance {background-color: #191919;}
.sidebarSocial a.sdiscord {background-color: #7289DA;}
.sidebarSocial a.sdribbble {background-color: #EA4C89;}
.sidebarSocial a.setsy {background-color: #F45800;}
.sidebarSocial a.sfacebook {background-color: #4267B2;}
.sidebarSocial a.sgithub {background-color: #24292E;}
.sidebarSocial a.sgoogleplus {background-color: #DB4437;}
.sidebarSocial a.sinstagram {background-color: #d6249f; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 25%,#d6249f 60%,#285AEB 90%);}
.sidebarSocial a.spaypal {background-color: #004396;}
.sidebarSocial a.spinterest {background-color: #BD081C;}
.sidebarSocial a.sreddit {background-color: #FF4500;}
.sidebarSocial a.sslack {background-color: #3F46AD;}
  .sidebarSocial a.ssnapchat {background: #FFD900;}
.sidebarSocial a.ssoundcloud {background: linear-gradient(to bottom, #ff7500 0%,#ff3400 100%);}
.sidebarSocial a.ssteam {background-color: #171A21;}
.sidebarSocial a.stumblr {background-color: #314358;}
.sidebarSocial a.stwitch {background-color: #6441A4;}
.sidebarSocial a.stwitter {background-color: #1DA1F3;}
.sidebarSocial a.svimeo {background-color: #1EB8EB;}
.sidebarSocial a.syoutube {background-color: #FF0000;}


/* Misc
---------------------------------------- */
.left-sidebar img, .right-sidebar img {
	max-width: 100%;
}

/* Responsive
---------------------------------------- */

/* Tablets (Horizontal):
Hide left sidebar, keep right */
@media (min-width: 992px)and (max-width: 1199px) {
	.sidebarsLeft .left-sidebar {
		width: 0px !important;
		display: none !important;
	}
	.sidebarsLeft .sidebarCenter {
		padding-left: 0px !important;
	}
}

/* Tablets (Vertical) and smaller:
Hide left sidebar, push right down */
@media (max-width: 991px) {
	.sidebarsLeft .left-sidebar {
		width: 0px !important;
		display: none !important;
	}
	.sidebarsLeft .sidebarCenter {
		padding-left: 0px !important;
	}
	.sidebarRight .right-sidebar {
		float: none;
		margin-left: 0 !important;
		clear: both;
		width: 100% !important;
	}
	.sidebarRight .sidebarCenter {
		padding: 0px !important;
	}
}
Как сделать фиксацию ?
  • 0

CabinetAdmin 19 окт 2020, 09:13 Сообщение

Странно в общем, покупать расширение чтобы потом его допиливать... Ну и какая тогда разница с тем расширением что опубликовано здесь?

Заглянул в твой тестовый форум... Какая-то жесть, а не структура...
Во первых, два дива с одним и тем же классом ca_page-aside-fixed, первый надо удалить.
Второе. Чтобы заработало фиксирование, стили надо применять конкретно к колонке. Короче так надо:

Код: Выделить всё

.ca_page-aside-fixed:after {
	display: table;
	clear: both;
	content: '';
}

.right-sidebar {
	position: sticky;
	top: 0;
}
Старые стили .ca_page-aside-fixed { удалить.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

romaamor 19 окт 2020, 17:36 Сообщение

CabinetAdmin писал(а): 19 окт 2020, 09:13 Странно в общем, покупать расширение чтобы потом его допиливать...
Расширение работает нормально. Но там нет функции фиксированных блоков.
CabinetAdmin писал(а): 19 окт 2020, 09:13 Ну и какая тогда разница с тем расширением что опубликовано здесь?
Разница на сколько я понимаю в адаптивности. К примеру на мобильных боковые блоки не просто уходят, а показываются в теле форума.
CabinetAdmin писал(а): 19 окт 2020, 09:13 Какая-то жесть, а не структура...
Так это я уже крутил. Чистый код постом выше.
CabinetAdmin писал(а): 19 окт 2020, 09:13 Короче так надо:
Вообще не работает. Блоки уходят в сторону. Сейчас на тестовом код од разработчика.
  • 0

Похожие темы